《网页设计实训总结报告模板.doc》由会员分享，可在线阅读，更多相关《网页设计实训总结报告模板.doc（13页珍藏版）》请在金锄头文库上搜索。
1、网页设计试验汇报1、 实训目标：经过实训，深入了解dreamweaver软件部分功效，和熟悉部分工具。比如：学会建立简单web网页、会将FLASH插入到网页、会使用表格排版页面、：会制作简单导航、掌握css样式表使用方法等2、 实训内容：依据自己所需，确立网站专题，经过参考她人网站独立构思出网站结构布局，完成网站建设。3、 实训环境：word、photoshop、dreamweaver软件。作者：王小明班级：网络09301日期：.6.6目录第一章 网站策划 3第二章 网站图纸设计 5第三章 网站布局设计 8第四章 总结 11第五章 致谢 12第六章 参考书目及网站 13第一章 网站策划1、 网
2、站专题选择：因为第一次出远门原因，说实话还真蛮想家。有时候就会不由自主去关注老家天气，和老家部分事情。有时候还会特地跑到沙县小吃去吃，为了就是能找到熟悉感觉，不至于显得那么无助。可能也是因为本人比较贪吃，爱玩，总是很怀恋之前那些疯狂日子，所以就以沙县为题，表示下自己情感。2、 同类网站特点分析：在网上观察了蛮多同类专题网站，大多是拐角型网页布局。且专题全部是突出所在地部分风俗、文化和特点。且所用是颜色大多是绿色系列。结构布局也比较简单，整体就是给人一个家乡感觉。因为自己所做网页不是商业网站，所以不需做部分无谓广告，且想表示是自己真实情感，所以能够少些炫色彩。所以我选择了折角型，主色为淡绿，整体
3、感觉比较复古。3、网站域名选择：因为是家乡网站，所以我就想加入家乡名字，和区号我第一选择是,但到万网一查发觉已经被人注册。而我第二选择是,一样到万网查询，发觉没被注册，就选了它。4、网站栏目划分（内容划分）：因为是做一个家乡网站，所以关键内容是从沙县历史背景，地理位置，沙县荣誉，沙县景点，特色小吃，还有就是部分沙县图片。而本县最具特色就是沙县小吃，和沙县景点，所以关键会把中点落在这两方面。第二章 网站图纸设计1、 设计软件简单介绍：Photoshop是Adobe企业旗下最为出名图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入和输出于一体图形图像处理软件，它应用领域广泛，平面
4、设计、修复照片、广告摄影、影像创意=艺术文字、网页制作、建筑效果图后期修饰和绘画等。深受广大平面设计人员和电脑美术爱好者喜爱。2、 首页图纸设计过程：在画图纸之前，得先用初稿纸画出网页大约布局，及模块划分和确定网页大小。打开ps软件，新建一个778*800图层。而在画图纸时候很多素材大多全部不是自己画，而是在网上找部分图片，经过修改再使用。在画图纸时候除了动态效果，其它效果全部要在图纸中表现出来。先画出网页头部，其次画出网页主体，最终将网页尾部画出。在画图纸时需注意（1.图层数量要适宜，合理将图纸元素分离，不过太多图层话将造成软件远行速度缓慢，所以这时，我们能够建组，把相关连得东西放入组中）这
5、么有利于网页图纸局部修改。（2.要拉参考线，且在画图纸时候要想到以后布局）这么有利于以后切片和布局。（3.所用字体通常先考虑宋体，且通常网页字体大小通常全部是12或14）有利于页面美观和浏览器支持。大致效果图(1) 图(1)3、 内容页图纸设计过程：因为每张内容大致全部不一样，依据内容不一样，画出不一样图纸，在图纸里突出内容特点，有色彩比较丰富，有色彩比较单一，不过在画内容也时候还是遵照首页注意事项和部分模块划分。4、 切片技术介绍：切片工具是将一个完整网页切割很多小片，方便上传。是将我们设计网页设计稿切成一片一片，或一个表格一个表格，这么我们能够对每一张进行单独优化，方便于网络上下载。能够做
6、成网格，然后能够用dreamwaver来进行细致处理。利用切片工具能够快速进行网页制作。5、 首页及内容页切片只要步骤介绍：要切片之前，该先确定哪些是能够用程序写，哪些是要切成图片。确定以后用参考线把所需东西定位好。以后用切片工具，将其分成若干块。在切片是需注意是命名，命名时候只能用英文，下划线，和数字。切好以后工作就是保留。实施文件存放为web和设备所用格式，保留时需注意（在确保图片质量下，尽可能小占用空间，且通常比较小图存为GIF格式，大图存为JPG格式，透明存为PNG格式）。第三章 网站布局设计1、网站布局软件dreamweaver介绍：Dreamweaver是美国Macromedia企
7、业开发集网页制作和管理网站于一身德 所见即所得网页编辑，它是第一套针对专业网页设计师尤其发展视觉化网页开发工具，利用它能够轻而易举地制作出跨越平台限制和跨越浏览器限制充满动感网页。1、 建立站点：打开dw软件，点击站点新建站点基础。弹出窗口图（2）图（2）下一步图（3）图（3）下一步图（4）图（4）下一步图（5）图（5）下一步图（6）图（6）完成 2、 首页布局过程：在首页布局中，我用了表格布局。通常规律是从简单到复杂，层层递进，由外到内层层嵌套表格。且在做banner时候还插了透明啊Flash，在做导航时候用了，常见里插入导航条功效。而在用表格布局时候需注意（插表格时候边框粗细，单元格边距，
8、单元格间距全部应设为0，以后为了愈加好定位，我们应该依据所以确定表格高宽，为了使浏览时候网页不变形）3、 内容页布局过程：内容页布局和首页布局大多相同，因为是内容也所以会做比较简单，部分动态效果也没做。总而言之还是用了表格布局。部分注意事项和首页相同。第四章 总结经过这次实训，收获了很多，比如学会了ps切片，还熟悉了表格布局，更重是自己也能够做网站了，即使所做网页是静态，没什么内容，但最少明白，做网页时怎么一回事。不过也同过这次实训，证实了自己水平还是很低级。比如ps里部分功效，还有部分效果，快捷键全部还不是很清楚，再有就是dw中，有时还是会犯错，且有是侯还是不能驾驭。且经过实训感觉自己审美还是有点问题，该加强一下美术基础。即使这次实训很受打击，但值一提是，以后自己会加油。第五章 致谢这次实训感慨颇深，在这里最想和小飞老师说声“老师您辛劳了”同时感谢您细心指导，让我学会了很多，其次是身边同学，在我碰到问题时给我帮助，谢谢我亲爱同学们。第六章 参考书目及网站参考书目：书本Photoshop CS3、dreamweaver CS3.参考网站：.com
