您好,欢迎访问三七文档
青岛大学网页制作实训报告专业09级电子商务二0一一四年七月十二日1实训报告任务书目的:掌握Dreamweaver8.0在网页设计制作中的运用,学习一些网页制作的基本技术,学会Dreamweaver8.0中所提供的层、框架、模板和库、表单、层叠样式表、行为等各种网页元素的功能和使用方法,对Dreamweaver8.0的高级使用有一个全面的认识。地点:青岛大学东校区内容:设计一个宣传介绍“江北水乡,运河古城—台儿庄”的相关网站。经过设计这个网站,体现其独特的水乡魅力,让人们了解“天下第一庄—台儿庄”。进度:第1天,明确任务,按照要求创建站点及页面。第2-5天,创建、编辑页面,书写实训报告。第6天,页面和实训报告初步实现,迎接老师初步检查。第7-8天,进一步完善页面和实训报告,力争达到符合要求并完美。第9-10天,总结设计情况,上交实训报告和课题。目录2实训任务书..............................................1目的...........................................................................................................................................1地点...........................................................................................................................................1内容...........................................................................................................................................1进度...........................................................................................................................................1目录....................................................2一.网站框架结构图......................................3二.网站设计理念........................................31.整体理念................................................................................................................................32.网站设计使用技术................................................................................................................3三.网站设计过程........................................31.首页设计过程........................................................................................................................32.台儿庄简介设计过程............................................................................................................43古城文化设计过程................................................................................................................44.古城荣誉设计过程................................................................................................................55.玩在古城设计过程................................................................................................................56.吃在古城设计过程................................................................................................................67.住在古城设计过程................................................................................................................68.购在古城设计过程................................................................................................................79.海峡基地设计过程................................................................................................................8四.设计风格............................................81.色系风格................................................................................................................................82.图标设计风格........................................................................................................................83.特效风格..............................................................................................................................84.架构风格................................................................................................................................85.内容风格................................................................................................................................8五.心得体会............................................9六.参考文献........................................101教材......................................................................................................................................102.素材文章..............................................................................................................................103.素材图片..............................................................................................................................10七.评语备注...........................................11一.网站框架结构图3首页台儿庄简介古城文化古城荣誉玩在古城吃在古城住在古城购在古城海峡基地二.网站设计理念1.整体理念古韵简洁,清新舒适,淡雅美观,风格精致,内容充实。2.网站设计使用技术使用Dreamweaver8.0设置站点,插入层,插入表格,插入FLASH,CSS技术,插入插件,设置连接,使用了模板。另外还使用了Photoshop,光影魔术手,画图等修饰了素材。使用Word修饰字体,并将网站各网页的标题使用了“毛泽东字体”映衬网站整体风格。三.网站设计过程1.首页设计过程首先搜索下载了网站首页设计所需要的相关素材。然后,首先建立了网站的站点和设计了一个模板,为了营造网站的整体特色,插入了一张金黄色的背景图片作为背景,体现网站整体的古韵典雅的特色。在主页的设计中,第一行先设计了一个表格并插入了一个网站表头的图片,在第二行插入了一个一行9列的表格,在表格内进行了分类,分别为主页、台儿庄简介、古城文化、古城荣誉、玩在古城、吃在古城、住在古城、购在古城、海峡基地。之后插入了一个层,在层中插入了一个FLASH,在首页中插入了插件,插入了背景音乐。这样一来可以让网站首页展现出一种古城的魅力风彩,在开始的时候就能给浏览者一种继续浏览的想法,好的网站首页是成功网站的开始。建立一个合理的站点可以大大减少网站的制作时间,一个好的模板可以将网站整体的特色显现出来。建立好网页之间的链接将方便浏览者的浏览,使用了CSS技术。所以首页对于一个网站非常重要。42.台儿庄简介设计过程首先搜索网页台儿庄简介所需要的素材,之后在运用所建立模板的前提下再插入表格,在第一行表格内插入一个图片,展现出台儿庄的整体城市景点,还在这个表格里插入一个层,在层中添加一个下雨的FLASH,设置其FLASH参数。在第二行中插入一个图片,并写入了一些介绍性的文字。在第三行中插入了一个国家湿地公园的图片,插入了一个层并在层中添加了一个下雨的FLASH,设置其FLASH参数,在其中也添加了一些文字说明,展现了湿地公园的美丽。在第三行中主要是写入了一些景点的介绍性文字。在第四行中插入了一个台儿庄大战纪念馆的图片,并写了一些介绍性文字。在第五行中插入一个大战纪念碑,并写入了介绍性文字。在第六行中插入一个层,插入了一个插件,插入了一个背景音乐。通过文字加图片,使用CSS技术,FLASH动漫的展现,把台儿庄的水上古城和大战故地展现的生动如画。网页的大标题都使用“毛泽东的字体”展现古色韵味.映衬网站整体风格。3.古城文化设计过程首先搜索相关素材,插入了表格,在表格里分别插入了一张代表性的图片,之后在表格里分别插入了层,在层中编写了一些介绍性文字。展现出运河文化,大战文化,地方文化。将台儿庄的文化以图文的形式生动的展现出来,之后插入一个层,
本文标题:网页制作设计报告
链接地址:https://www.777doc.com/doc-5402279 .html