网页设计与制作个人实训报告.docx

一 、实训目的：
通过实训，掌握网页制作系列软件 Dreamweaver、Fireworks、Flash 和 Photoshop的使用方法。达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握理论的基础上再加以实践，进一步提高、加强设计、制作网站的综合能力。
二、 实训过程
资料的搜集：
收集的资料主要是汽车图片，以及运用做页面局部框架背景的图片。
熟悉制作软件软件：
软件： Dreamweaver \ Firework \ Photoshop CS \ Flash
硬件： PC 机
技术： HTML＼ 特效代码
项目设计及运行平台 ： Windows XP
构建站点框架： 网站结构图如下：
Logo 以及广告
宝驹网简介以及联系方式说明 温馨提示以及天气实况查询地图
留言板
版权声明
.
4．设计制作页面：
◆ 网页名称 : 关于我们
◆ 网页的色彩：最主要是以白色背景为主导色，字体的主要色彩是黑色。链接字体颜色链接前设为蓝灰色，鼠标覆盖后为深红色。
◆ 网页富有动感，通过 GIF 动画来展示，页面的色彩好与首页和栏目页统一主要采取白色。
◆ 页面的大小，在 1024X768 像素下显示效果最佳。
◆ 颜色调配设计， 网页的色彩是树立网站形象的关键之一， 各版块采用与网站首页同一色系的颜色，
整个版块内部也尽量保持风格一致。
◆网页内容的安排相互链接关系 如下概述
最上面先放了一个 724*100px 的 logo.
右边放了一个 1024*100 广告如下图：
再下来的表格中里放了一个我们用 GIF 的轮换效果展示知名品牌汽车，效果如图：
右侧是世界 / 中国地图及天气实况查询图。属特效代码。当鼠标覆盖时显示链接提示，点击即可查询各地当日天气情况，帮助驾车人员快速掌握天气情况。效果如下：
.
然后再表格里面分别放的是各种小版块。
分别记载有 :QQ联系方式，用户只要单击即可打开 QQ聊天窗口与网站内部人员进行对话。
此外，页面载有客服热线，留言板。也是对用户提供的对话平台，方便用户咨询更多消息。
．实现网页间的链接：
运用的链接方式有：超