张飞网页制作设计报告

《张飞网页制作设计报告》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、青岛大学网页制作实训报告姓名张飞专业09级电子商务班级电子商务一班指导教师魏爱敏13二0一一年七月十二日实训报告任务书目的:掌握Dreamweaver8.0在网页设计制作中的运用，学习一些网页制作的基本技术，学会Dreamweaver8.0中所提供的层、框架、模板和库、表单、层叠样式表、行为等各种网页元素的功能和使用方法，对Dreamweaver8.0的高级使用有一个全面的认识。地点：青岛大学东校区内容:设计一个宣传介绍“江北水乡，运河古城—台儿庄”的相关网站。经过设计这个网站，体现其独特的水乡魅力，让人们了解“天下第一庄—台

2、儿庄”。进度:第1天，明确任务，按照要求创建站点及页面。第2-5天，创建、编辑页面，书写实训报告。第6天，页面和实训报告初步实现，迎接老师初步检查。第7-8天，进一步完善页面和实训报告，力争达到符合要求并完美。第9-10天，总结设计情况，上交实训报告和课题。13目录实训任务书1目的1地点1内容1进度1目录2一．网站框架结构图3二．网站设计理念31.整体理念32.网站设计使用技术3三．网站设计过程31.首页设计过程32.台儿庄简介设计过程43古城文化设计过程44.古城荣誉设计过程55.玩在古城设计过程56.吃在古城设计过程67.

3、住在古城设计过程68.购在古城设计过程79.海峡基地设计过程8四．设计风格8131.色系风格82.图标设计风格83.特效风格84.架构风格85.内容风格8五．心得体会9六．参考文献101教材102.素材文章103.素材图片10七．评语备注11一．网站框架结构图首页台儿庄简介古城文化古城荣誉玩在古城吃在古城住在古城购在古城海峡基地二．网站设计理念1.整体理念古韵简洁，清新舒适，淡雅美观，风格精致，内容充实。2.网站设计使用技术使用Dreamweaver8.0设置站点，插入层，插入表格，插入FLASH，CSS技术，插入插件，设置连

4、接，使用了模板。另外还使用了Photoshop，光影魔术手，画图等修饰了素材。使用Word修饰字体，并将网站各网页的标题使用了“毛泽东字体”映衬网站整体风格。三．网站设计过程1.首页设计过程13首先搜索下载了网站首页设计所需要的相关素材。然后,首先建立了网站的站点和设计了一个模板，为了营造网站的整体特色，插入了一张金黄色的背景图片作为背景,体现网站整体的古韵典雅的特色。在主页的设计中,第一行先设计了一个表格并插入了一个网站表头的图片,在第二行插入了一个一行9列的表格,在表格内进行了分类,分别为主页、台儿庄简介、古城文化、古城荣

5、誉、玩在古城、吃在古城、住在古城、购在古城、海峡基地。之后插入了一个层，在层中插入了一个ＦＬＡＳＨ，在首页中插入了插件，插入了背景音乐。这样一来可以让网站首页展现出一种古城的魅力风彩，在开始的时候就能给浏览者一种继续浏览的想法，好的网站首页是成功网站的开始。建立一个合理的站点可以大大减少网站的制作时间，一个好的模板可以将网站整体的特色显现出来。建立好网页之间的链接将方便浏览者的浏览，使用了CSS技术。所以首页对于一个网站非常重要。2.台儿庄简介设计过程首先搜索网页台儿庄简介所需要的素材，之后在运用所建立模板的前提下再插入表格，

6、在第一行表格内插入一个图片，展现出台儿庄的整体城市景点，还在这个表格里插入一个层，在层中添加一个下雨的FLASH，设置其FLASH参数。在第二行中插入一个图片，并写入了一些介绍性的文字。在第三行中插入了一个国家湿地公园的图片，插入了一个层并在层中添加了一个下雨的ＦＬＡＳＨ，设置其ＦＬＡＳＨ参数，在其中也添加了一些文字说明，展现了湿地公园的美丽。在第三行中主要是写入了一些景点的介绍性文字。在第四行中插入了一个台儿庄大战纪念馆的图片，并写了一些介绍性文字。在第五行中插入一个大战纪念碑，并写入了介绍性文字。在第六行中插入一个层，插入

7、了一个插件，插入了一个背景音乐。通过文字加图片，使用CSS技术，FLASH动漫的展现，把台儿庄的水上古城和大战故地展现的生动如画。网页的大标题都使用“毛泽东的字体”展现古色韵味.映衬网站整体风格。3.古城文化设计过程13首先搜索相关素材，插入了表格，在表格里分别插入了一张代表性的图片，之后在表格里分别插入了层，在层中编写了一些介绍性文字。展现出运河文化，大战文化，地方文化。将台儿庄的文化以图文的形式生动的展现出来，之后插入一个层，在层中插入了一个插件，在插件中添加了音乐，使网页有了背景音乐，使用CSS技术。和主页之间都建了良好

8、的链接。网页的大标题都使用“毛泽东的字体”展现古色韵味.映衬网站整体设计风格。4.古城荣誉设计过程在网上搜集了相关的网页素材，建立了表格，在表格中插入图片，使用Photoshop,画图,光影魔术手等软件修饰照片素材,在图片周围编写了一些介绍性的文字，插入了一个层，在层中插入了