学生专业实训(实习)实训工作手册

重庆工程学院学生专业实训（实习）手册（20152016学年二学期）姓 名谢浩所属学院软件学院专 业网页设计与制作班 级1300421学 号130042113指导教师（企业）（校内） 丁允超辅 导 员渝旋学生专业实训（实习）周记时 间2015 年 12 月 7 日 2015 年 12 月 13 日编 号第01周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结这周开始学习网页制作，真的是万事开头难，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开；插入的层太多，大一点的就把小一点的给覆盖掉了；插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。在对基本知识有了详细的了解之后，做起东西来就得心应手多了。在一步一步的边学边做的过程中，看着心中的东西一点一点的多了起来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多东西。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：1、页面ie7的bug修改；2、页面google浏览器bug修改；3、项目html结构的说明、演示与教导。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：实训情况学生专业实训（实习）周记时 间2015年12月14日 2015年12月 20日编 号第02周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结这一周里，可以说实习的内容不难，但每天都有不同的东西需要学习，让人感到很高兴，大家都希望能够通过自己的努力可以多掌握一点关于专业的东西，总的来说，我们通过对“飘舞的雪花”及“倒影”的练习制作，已经熟练的掌握了flash的一些简单操作和作用，不但如此，更增加了同学间的友谊，培养了彼此间的团结。这一周的实习课程很快就结束了，flash制作让我受益匪浅，我们知道了很多，也进步了很多，很快就要进入下一周的实训了，虽然不知道具体的有什么内容，但通过这一周的学习，下一周，我想也很值得期待。希望能够学到更多的东西，充实自己的头脑，丰富自己的知识。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：修改页面bug的时候，要先考虑在本来的结构上修改能实现不，不能才修改结构，修改结构也有轻重之分，从轻到重的修改页面bug，有利于减少后台的工作量。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：实训情况学生专业实训（实习）周记时 间2015年12月21日 2015年12月 27日编 号第03周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结1、网页的设计2、网页的制作3、平面设计（图标制作）总结： 又是一周过去，还是像往常一样进行着，但我重新又尝试了，比如我的第一次操作虽然自己做得不够好，但通过以一次次的尝试，却令我获益匪浅，对我之后的几次任务的成功都起到了极大的推动作用。自己也在通过不断的经历和尝试检验了自身的水平和适应能力。慢慢的掌握网页制作的相关事情.通过以前的工作与劳作，没有多大的成绩，至少也有一些感受，只有通过不断的努力，不断的尝试，不断的积累经验，才能够发现自己的不足，然后在弥补不足的时候，我们便实实在在的提高了自己。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：制作页面的时候文字部分的超出隐藏属性很重要，怎么判断上面地方要加超出隐藏的属性，上面地方不加超出隐藏的属性。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：学生专业实训（实习）周记时 间2015 年 12 月 28 日 2016 年 1月 3 日编 号第04周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结1、网页的设计2、网页的制作3、平面设计（图标制作）总结：企业网的制作主要有以下三方面需要注意的： 网站的整体性。一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。网站的实用性。网站的设计不能抛开实用性，不然网站就算做得再好看，也会失去建站的意义。页面用色协调，布局符合形式美的要求。布局有条理，充分利用框架美的形式，能使网站看起来工整、大方。 在一个实际的项目中，页面制作时，最好把公用的页面单独的写出来，以便以后的套用，而不是以后再去写以便。在页面每个版块制作的时候，做好在大的版块完了以后，给整个版块加一个超出隐藏的属性，以免影响其他版权的样式。也利于以后bug出现的找bug的便利性。自己还得多多学习，自己现在所学的东西更加体现出来，还要学习自己不同的事，认识。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：当前选中项的样式添加，一定要是一个独立的class，类名最好为“active”。这样后台人员才能方便、有效率的完成。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：实训情况学生专业实训（实习）周记时 间2016 年 1 月 4 日 2016 年 1 月 10 日编 号第05周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结1、网页的设计2、网页的制作3、平面设计（图标制作）总结：这周学校实训实习更多的是自己的一些感悟。不仅计算机专业知识增长了，最主要的是懂得了如何更好的为人处事，在实习的时候按要求认真参与每一个工作学习的机会。这个与 时俱进的信息大潮时代，对人的要求越来越高，我们要用发展的眼光看问题，就要不断提高思想认识，完善自我。这这期间我遇到了很多挫折，有苦也有甜。在前端页面制作的时候，要再保证质量的前提之下再保证速度，不要一味的追后速度，这样的话会出现很多的前端bug。损人不利己。在js添加的时候，要较强的逻辑思维能力，每一个字符，每一个符号都不能有错。所以要仔仔细细的编写，还有兼容性问题的解决，利用子标签和父级标签来确定一个准确的标签，不影响此标签之外的标签来实现js的特效。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：页面制作的时候整合图片的问题，能整合的图片尽量全部整合，一个页面的图片，不用换的，就整合到一个图片里面，有利于页面的优化。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：学生专业实训（实习）周记时 间2016 年 1 月 11 日 2016 年 1 月 17 日编 号第06周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结1、网页的设计2、网页的制作3、平面设计（图标制作）总结： 学习之余我自己心中也有一个规划，从而找到其中的不足，不断深划自己，让自己不在那里的感到枯燥，不知道做什么。不能就这样一天一天的耗着，感觉除了学习、工作以外，自己的生活中就没有其他的新鲜的事情，或者是值得人去回忆，留念的了，让自己累积更多的社会知识和经验，学到这里一些更加深入的知识。俗话说得好：实践出真知。只有遇到问题才会有解决问题的方法，没有真实的情景空想出来的东西是不切实际的。这也是大学会有那么多实践的机会的原因吧，我想这也正是我们自我提高的良好机会，为我们进入社会，接触工作做准备。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：表格设定超出隐藏时，td的边框显示不全，在表格结构中，整个表格不能加上超出隐藏的样式。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：实训和找工作的情况学生专业实训（实习）周记时 间2016 年 1 月 18 日 2016 年 1 月 24 日编 号第07周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结1、网页的设计2、网页的制作3、平面设计（图标制作）总结： 在兼容性的调试中，学习到了各个浏览器的兼容性的调试。和避免兼容性问题出现的对策。兼容性问题要慢慢的调，只要调得多了以后，就能很快的看出兼容性问题出现在哪个地方，然后对应的修改。我感到对自己感触最深的是，提高自己交际能力，跟别人合作。要想立于不败之地，要吸收新的思想与知识，不断更新观念，趋于完善。这样才有利于思想与实际行动真正地结合，只有在思想演练，才能在最短的时间里把自己要从事的行业中处于领先的地位进而起着不可替代的作用，因为我将会为它比其他人付出更多创造更多价值。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：版块与版块之间bug的避免，最好给每个独立的版块加超出隐藏的属性，以免版块之间相互影响。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：学生专业实训（实习）周记时 间2016 年 1 月 25 日 2016 年 1 月 31 日编 号第08周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结1、网页的设计2、网页的制作3、平面设计（图标制作）总结：通过本周的实训，在老师的指导下，我不仅在知识上有了很大的提升而且在心得上也是收获颇多。回顾这周实训，我学到了很多很多的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上诉没有学到过的知识。通过这次课程设计使我懂得了理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。 与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：兼容ie6 7 浏览器的经验和样式。有一些样式是只能由ie6 ie7 或者其中之一读取的，这可以用到兼容性的修改之上。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：学生专业实训（实习）周记时 间2016 年 2 月 1 日 2016年 2 月 7 日编 号第09周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结1、网页的设计2、网页的制作3、平面设计（图标制作）总结：本周实训中，在设计的过程中遇到问题，可以说的是苦难重重，在制作网页过程中难免会遇到各种各样的问题，本周实训问题如下：在div布局中，我熟练的运用了CSS样式类和ID建立和配合使用。在布局插入图片时，div被撑开，整体布局因此而受影响。通过类的id配合使用，重新定义div的大小，通过设置div中类的方框对话框中，设置div的边框值，从而改进了div的显示位置，解决了被撑开的缺点。在第三天时，通过老师的指点，我们对网页的背景做了更改，部分网页部件也做了相应的调整，因此，工作变得更加紧张而有序。通过一天的设置和改进，网页的整体色调柔和，各个部分相对比较和谐，充满了儿童摄影的气息。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：Js兼容性问题，最好是利用第一this的放来和子、父级标签来实现兼容的问题。提高js兼容性。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：实训情况，和心理的辅导。学生专业实训（实习）周记时 间2016年 2 月 8 日 2016 年 2 月 14 日编 号第10周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结1、网页的设计2、网页的制作3、平面设计（图标制作）总结：我觉得本周实训中我们小组的网页设计最大的特点就是色彩淡雅，布局清晰、有条理，结构清晰，视觉效果好，涉及的知识点较全面，给人一种清丽的感觉。但是在链接数据库等方面还是存在一些问题，这是开发动态网站的重要基础，我认为自己以后应该在静态网页到动态网页的转变方面多钻研、多努力，使自己在静态、动态网站开发的水平有一个质的提升。希望通过对本网站的建设，可以提升自己以后再网站建设方面的一部分能力，我相信，现在的努力是为以后的成功的事业打下一个坚定的基础，为自己美好的人生铺好一条阳光而灿烂的道路。通过这次实训使自己的真实能力有了一次质的飞跃。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：筛选样式的宽度问题，在要满足字符长度不一样，还要达到意向整齐的效果，就最好设定固定宽高来实现。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：找工作情况学生专业实训（实习）周记时 间2016 年 2 月15 日 2016 年 2 月 21 日编 号第11周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结1、网页的设计2、网页的制作3、平面设计（图标制作）总结：这周实训为我提供了与众不同的学习方法和学习体会，从书本中面对现实，为我将来走上社会打下了扎实的基础。从实践操作中，我总结出一些属于自己的实践经验，社会是不会要一个一无是处的人。作为一个大学生，现在我能做的就是吸取知识，提高自身的综合素质，提高自己的创新能力和合作能力等，自己有了能力，到时候才会是“车到山前必有路”。我相信在不久的未来，会有属于我自己的一片天空！这周的设计最后终于顺利完成了，再设计中遇到了很多的技术问题，最后在老师的辛勤指导下，终于游逆而解。同时，在老师的身上我学到很多实用的知识。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：输入框的用户体验问题，用padding值来拉开输入时左右距离，还要设定最打字符长度。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：学生专业实训（实习）周记时 间2016 年 2 月 22 日 2016 年 2 月 28 日编 号第12周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结1、网页的设计2、网页的制作3、平面设计（图标制作）总结： 通过这周的实训，我学到了很多有价值的东西。我独立的完成网页设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面的书，增加知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。最后，我感受最深的是：想要最好一个网站，素材和技能都十分重要。好的素材需要多方面查找资料的，可以从图书、网站和新闻上查找的。好的技能需要不断的实践，经常锻炼做网页。如果拥有好的素材和精湛的技能就可以做出最精湛的网页。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：相同效果不同结构下，对后台有利的结构。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：实训和找工作的情况。学生专业实训（实习）周记时 间2016 年 2 月 29 日 2016 年 3 月 6 日编 号第13周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结1、网页的设计2、网页的制作3、平面设计（图标制作）总结： 我通过这周的实训，从开始设计到设计的完成，每走一步对于我来说都是新的尝试和挑战，我独立的完成网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。在这段时间里，我学到了很多知识和感受，通过学习和探索，查看相关资料和书籍，让我的头脑中的知识逐渐清晰，使设计逐步完善，每一次的改进都是我受益匪浅，感谢老师的指导，虽然我的设计还不是很成熟，但是在老师的帮助下知道了自己的不足，也进行了改进，希望这次经历能让我在以后的学习中激励我继续进步。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：相同样式出现多次，可以让类名多一点，但是绝对杜绝出现相同代码出现多次的情况。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：实训和找工作的情况。学生专业实训（实习）周记时 间2016 年 3 月 7 日 2016 年 3 月 13 日编 号第14周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结1、网页的设计2、网页的制作3、平面设计（图标制作）总结：通过这周的实训，让我知道做好一个网页，比不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。我得出一些总结：主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印象没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。精美的图片设计，可以使自己的网页曾辉不少，令人过目不忘。图片的内容应有一定的实际作用，切记虚似浮夸，同时还要注意与文字的颜色搭配。与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：让我们自己做一个页面。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：学生专业实训（实习）周记时 间2016 年 3 月 14 日 2016 年 3 月 20 日编 号第15周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结盒子模型：对于div的默认的宽度是父层的宽度的100%。高度是 火狐浏览器默认的高度 18px。Border：厚度，颜色，样式Border：1px dashed /solid #333;border:10px solid #333;border-top: 10px solid #333border-left :10px solid #333border-right:10px solid #333border- bottom :10px solid #333padding /margin:值可以有1个，2个，3个，4个。1个：20px；指上下左右全部填充值为20；2个：20px 30px 指上下为20px 左右 30px3个：10px 20px 30px 指上10，左右20，下30；4个：10px 20px 30px 10px 上右下左，顺时针。Padding：10px；Padding-top：0；Main宽度=d1+d2宽度+d1d2的margin值+他自己的border和paddding标准流与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：让我们自己做一个页面。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：学生专业实训（实习）周记时 间2016 年 3 月21日 2016 年 3 月 27 日编 号第16周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结列表属性:默认情况每一个列表项前面有一个小点,list-style:none; 默认的超链接文本是蓝色带有下划线,当我访问之后,会变成紫色.;默认情况下magrin和padding是有值的.文字属性:文本居中text-align:center 下划线 text-decoration:none;希望文本垂直居中时,使用行高属性line-height:属性值为外面盒子的高度*:通配符,代表所有的标签(body,ul,li,p ,div)当属性值为0的时候,不要加单位,因为0是最好的兼容.行内元素和块元素:行元素就是不换行的,没有宽度高度属性. a input img span块元素除了自动换行,有高度值和宽度值 p div h1 h2将行元素变成块元素:display:block; display:inline;分组选择器,包含选择器，.nav ul li margin:0;A的伪类 hover，visited，link，activeList-style-position:inside;Background,text-indent 写在a标签里，liHtml里面的注释是Css里面的注释是/*-*/清除浮动 clear:left/right/both;Border-bottom:与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：让我们自己做一个页面。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：学生专业实训（实习）周记时 间2016 年 3 月 28 日 2016 年 4 月 3 日编 号第17周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结所有同学必须掌握htmlHtml4+css2:div+css-手写Html5+css3网页元素:图片(背景图片插入图片)文字导航新闻列表图片列表超链接图片轮动表单列表属性:ul li ()超链接:a图片:img背景:background,background-color,background-image,background-repeat,background-position文字:font-size盒子模型:marginpaddingborder导航:文字图片(背景颜色)超链接-二级导航与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：相同样式出现多次，可以让类名多一点，但是绝对杜绝出现相同代码出现多次的情况。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：学生专业实训（实习）周记时 间2016 年 4 月 4 日 2016 年 4 月 10 日编 号第18周单位项目或岗位网页制作与平面设计本周实训（实习）工作内容及总结Css如何连接到我们的页面?将这句话放在head里面.Html代码 雪域西藏 雪域西藏 雪域西藏 雪域西藏 雪域西藏 雪域西藏 雪域西藏 雪域西藏 Class对于的是类 .navId对应的是#与校内指导教师沟通情况沟通的具体方式： 现场交流 互联网 电话 其他 教师指导的主要内容：筛选样式的宽度问题，在要满足字符长度不一样，还要达到意向整齐的效果，就最好设定固定宽高来实现。与辅导员沟通情况本周是否和辅导员教师沟通？ 有 没有沟通的具体方式： 现场交流 互联网 电话 其他 辅导员沟通的主要内容：专业实训（实习）总结报告一、实训目的、意义及要求 1、意义和目的 网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求，在教师的指导下对学生进行网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的培养过程。因此加强实践教学环节，搞好实践教学，对实现本专业的培养目标，提高学生的综合素质有着重要的作用。网页设计与制作课程实训是该课程教学中的一个重要的实践性环节。通过几个月的课程实训，使学生进一步掌握网站建设的步骤和方法；掌握综合运用Dreamweaver、Photoshop、Flash等软件使用技巧，掌握相关知识和行业的相关标准，从而制作出相应的专业站点。并进一步提高网页制作的综合能力和团队协作精神，以便为将来能够获得就业的机会，提高个人的综合竞争力与社会适应力。 2、基本要求 1、课程实训可按小组进行（在校实训同学，或在同一单位实习同学），也可个人单独完成，分组实训的同学每组成员不得超过3人，由一人担任组长，负责组内的分工协调和总体方案设计，其他组员必须服从组长的安排，组长不得以任何借口不安排组员的工作而独立完成。 2、按“设计内容”中的要求，建立一个小型的专业网站或个人网站。各小组独立完成各自网站的设计及网页的制作。 3、每位同学要发挥各自的主动性，设计并开发出各具特色的网站。 4、如按小组进行实训的同学，小组中各成员要有明确分工，每人负责部分网页设计与制作，但要注意整个网站的风格一致，以及各网页之间的联系，加强协作精神。 5、各网页要先独立调试，调试通过后再测试整个网站。要掌握网页调试的方法和技巧。 6、上课时要遵守规章制度，不得玩游戏或看电影，爱护实验设备。 3、设计内容及设计要求 根据个人的喜欢和兴趣，自选题材建立一个小型的专业网站或个人网站。站点构建工作流程和具体要求如下： 1、站点设计： 网站栏目规划（栏目的名称、内容）； 网站的目录结构和连接结构（网站的导航结构图）； 网站的风格设计（标志、色彩、字体、字号）； 版面内容编辑（文字内容、动画图片）等； 收集资料（图片、文字、其他相关素材）； 网站制作。 2、开发网站的网页应该符合下列要求： 要有统一的导航栏； 网站中要有滚动字幕或滚动图片； 网站中要有flash动画效果及其他动态效果； 网页的布局可以采用表格、框架、网站地图、图片热点链接、样式 表等任何形式； 网页的连接层次不应小于2层，但也不要大于6层，网页之间的连 接应使用相对路径，不要使用绝对路径； 具体文字内容各组可根据自己的意愿自行决定； 每人制作的网页数应不少于10张网页； 网站首页命名为index.html 二、网站设计 1、确定主题。制作网页，首先是确定主题，进行考虑，确定以Simple为网点名的男装店建立网站。我此次建立的是一个男装店，所以网站基本以黑色为基点，适当的穿插了一点绿色作为点缀，让整个网站既不缺男装店的成熟基调，也不缺年轻人的阳光。 2、设计主页。主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一板块都有其个性，清晰明了，便于阅读浏览，我构思大致分几部分，首页，小店简介，产品展示，售后服务，友情链接这几个板块，再加入个别网站等，每一部分有分几个小部分，内容比较充分，多样。确定导航栏的各个分类标题之后对于建立二级子网尤为重要，运用PhotoshopCS3技术来设计出导航栏，将整体的主页效果建立起来。 3、资料的收集。主页的导航栏设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，我们采用大量的资料收集再对资料进行筛选，得刀最适合导航栏内容的资料。素材的选择，要符合网站的主题，图片的大小要符合模板的轮廓，我们将不符合模板的用Photoshop处理编辑，然后放入站点底下，进行图文的链接和排版。 4、建立模板。此次网站建设中我决定大量运用模板，运用模板对于建立网站提供便利同时也减少了大量的工序。 5、各个子网页的建立。设计好模板后只要在可编辑区依次编辑所需资料就可，运用模板建立子网页少了很多工序，节省大量的时间。尽管我们建立了模板，但在建立子网是需要很小心，因为一张图片的大小插入就有可能破坏整个模板的结构尤其在使用表格时，因此我们对所插入的图片和表格都得进行测量，做到不影响网站整体的美观。 6、实现网页间的链接。做好各个子网和首页后，接下来就是通过模板的链接，将整个网站中的网页链接起来，做好这一步后，网站基本算是建好了。 7、向静态网页插入动态效果。在基本建好网页中的插入图像查看器，制作器动态效果，然后在网上进行flash素材的收集，插入到静态网页中，使网页更加生动形象。 8、过程中遇到的问题。模板应用到各个子网页时，子网页中的flash素材不能正常播放。但是模板中能正常播放，经过反复尝试后，将子网页脱离模板后，flash素材可以正常展示了。 三、总结 在设计的过程中遇到的问题，可以说是困难重重，这毕竟是第一次设计网站、制作网站，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握的不够牢固，比如说拖动层的设置，时间轴与层的显示与隐藏的综合应用，在CSS的具体应用还不是很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到