《张飞网页制作设计报告》由会员分享，可在线阅读，更多相关《张飞网页制作设计报告（13页珍藏版）》请在金锄头文库上搜索。
1、青岛大学网页制作实训报告姓 名 张飞 专 业 09 级电子商务 班 级 电子商务一班 指导教师 魏爱敏 二 0一一 年 七 月 十二 日1实训报告任务书目的:掌握 Dreamweaver 8.0在网页设计制作中的运用，学习一些网页制作的基本技术，学会 Dreamweaver8.0中所提供的层、框架、模板和库、表单、层叠样式表、行为等各种网页元素的功能和使用方法，对 Dreamweaver8.0的高级使用有一个全面的认识。地点：青岛大学东校区内容:设计一个宣传介绍“江北水乡，运河古城台儿庄”的相关网站。经过设计这个网站，体现其独特的水乡魅力，让人们了解“天下第一庄台儿庄” 。进度:第 1天，明确
2、任务，按照要求创建站点及页面。第 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.住在古城设计过
3、程 .68.购在古城设计过程 .79.海峡基地设计过程 .8四设计风格 .81.色系风格 .82.图标设计风格 .83.特效风格 .84.架构风格 .85.内容风格 .8五 心得体会 .9六 参 考 文 献 .101 教材 .102.素材文章 .103.素材图片 .10七 评语备注 .11一网站框架结构图3首页台儿庄简介古城文化古城荣誉玩在古城吃在古城住在古城购在古城海峡基地二网站设计理念1.整体理念古韵简洁，清新舒适，淡雅美观，风格精致，内容充实。2.网站设计使用技术使用 Dreamweaver 8.0设置站点，插入层，插入表格，插入 FLASH，CSS技术，插入插件，设置连接，使用了模板。
4、另外还使用了 Photoshop，光影魔术手，画图等修饰了素材。使用 Word 修饰字体，并将网站各网页的标题使用了“毛泽东字体”映衬网站整体风格。三网站设计过程1.首页设计过程首先搜索下载了网站首页设计所需要的相关素材。然后,首先建立了网站的站点和设计了一个模板，为了营造网站的整体特色，插入了一张金黄色的背景图片作为背景,体现网站整体的古韵典雅的特色。在主页的设计中,第一行先设计了一个表格并插入了一个网站表头的图片,在第二行插入了一个一行 9列的表格,在表格内进行了分类,分别为主页、台儿庄简介、古城文化、古城荣誉、玩在古城、吃在古城、住在古城、购在古城、海峡基地。之后插入了一个层，在层中插入
5、了一个，在首页中插入了插件，插入了背景音乐。这样一来可以让网站首页展现出一种古城的魅力风彩，在开始的时候就能给浏览者一种继续浏览的想法，好的网站首页是成功网站的开始。建立一个合理的站点可以大大减少网站的制作时间，一个好的模板可以将网站整体的特色显现出来。建立好网页之间的链接将方便浏览者的浏览，使用了 CSS技术。所以首页对于一个网站非常重要。42.台儿庄简介设计过程首先搜索网页台儿庄简介所需要的素材，之后在运用所建立模板的前提下再插入表格，在第一行表格内插入一个图片，展现出台儿庄的整体城市景点，还在这个表格里插入一个层，在层中添加一个下雨的 FLASH，设置其 FLASH参数。在第二行中插入一个图片，并写入了一些介绍性的文字。在第三行中插入了一个国家湿地公园的图片，插入了一个层并在层中添加了一个下雨的，设置其参数，在其中也添加了一些文字说明，展现了湿地公园的美丽。在第三行中主要是写入了一些景点的介绍性文字。在第四行中插入了一个台儿庄大战纪念馆的图片，并写了一些介绍性文字。在第五行中插入一个大战纪念碑，并写
