张飞网页制作设计报告.doc

青岛大学
网页制作实训报告
姓名张飞
专业 09级电子商务
班级电子商务一班
指导教师魏爱敏
二0一一年七月十二日
实训报告任务书
目的:
掌握Dreamweaver ,学习一些网页制作的基本技术,、框架、模板和库、表单、层叠样式表、行为等各种网页元素的功能和使用方法,。
地点:
青岛大学东校区
内容:
设计一个宣传介绍“江北水乡,运河古城—台儿庄”的相关网站。经过设计这个网站,体现其独特的水乡魅力,让人们了解“天下第一庄—台儿庄”。
进度:
第1天,明确任务,按照要求创建站点及页面。
第2-5天,创建、编辑页面,书写实训报告。
第6天,页面和实训报告初步实现,迎接老师初步检查。
第7-8天,进一步完善页面和实训报告,力争达到符合要求并完美。
第9-10天,总结设计情况,上交实训报告和课题。
目录
实训任务书 1
目的 1
地点 1
内容 1
进度 1
目录 2
3
3
3
3
3
3
4
3古城文化设计过程 4
5
5
6
6
7
8
8
8
8
8
8
8
9
10
1教材 10
10
10
11

首页
台儿庄简介
古城文化
古城荣誉
玩在古城
吃在古城
住在古城
购在古城
海峡基地


古韵简洁,清新舒适,淡雅美观,风格精致,内容充实。

使用Dreamweaver ,插入层,插入表格,插入FLASH,CSS技术,插入插件,设置连接,使用了模板。另外还使用了Photoshop,光影魔术手,画图等修饰了素材。使用Word修饰字体,并将网站各网页的标题使用了“毛泽东字体”映衬网站整体风格。


首先搜索下载了网站首页设计所需要的相关素材。
然后,首先建立了网站的站点和设计了一个模板,为了营造网站的整体特色,插入了一张金黄色的背景图片作为背景,体现网站整体的古韵典雅的特色。在主页的设计中,第一行先设计了一个表格并插入了一个网站表头的图片,在第二行插入了一个一行9列的表格,在表格内进行了分类,分别为主页、台儿庄简介、古城文化、古城荣誉、玩在古城、吃在古城、住在古城、购在古城、海峡基地。之后插入了一个层,在层中插入了一个FLASH,在首页中插入了插件,插入了背景音乐。这样一来可以让网站首页展现出一种古城的魅力风彩,在开始的时候就能给浏览者一种继续浏览的想法,好的网站首页是成功网站的开始。建立一个合理的站点可以大大减少网站的制作时间,一个好的模板可以将网站整体的特色显现出来。建立好网页之间的链接将方便浏览者的浏览,使用了CSS技术。所以首页对于一个网站非常重要。

首先搜索网页台儿庄简介所需要的素材,之后在运用所建立模板的前提下再插入表格,在第一行表格内插入一个图片,展现出台儿庄的整体城市景点,还在这个表格里插入一个层,在层中添加一个下雨的FLASH,设置其FLASH参数。在第二行中插入一个图片,并写入了一些介绍性的文字。在第三行中插入了一个国家湿地公园的图片,插入了一个层并在层中添加了一个下雨的FLASH,设置其FLASH参数,在其中也添加了一些文字说明,展现了湿地公园的美丽。在第三行中主要是写入了一些景点的介绍性文字。在第四行中插入了一个台儿庄大战纪念馆的图片,并写了一些介绍性文字。在第五行中插入一个大战纪念碑,并写入了介绍性文字。在第六行中插入一个层,插入了一个插件,插入了一个背景音乐。通过文字加图片,使用CSS技术,FLASH动漫的展现,把台儿庄的水上古城和大战故地展现的生动如画。网页的大标题都使用“毛泽东的字体”。

首先搜索相关素材,插入了表格,在表格里分别插入了一张代表性的图片,之后在表格里分别插入了层,在层中编写了一些介绍性文字。展现出运河文化,大战文化,地方文化。将台儿庄的文化以图文的形式生动的展现出来,之后插入一个层,在层中插入了一