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

一、实训目的：

通过实训，掌握网页制作系列软件Dreamweaver、Fireworks、Flash和Photoshop 的使用方法。达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握理论的基础上再加以实践，进一步提高、加强设计、制作的综合能力。

二、实训过程

1.资料的搜集：

收集的资料主要是汽车图片，以及运用做页面局部框架背景的图片。

2.熟悉制作软件软件：

软件：Dreamweaver \ Firework \ Photoshop CS \ Flash

硬件： PC机

技术： HTML＼CSS \ javascript\特效代码

项目设计及运行平台：Windows XP

3.构建站点框架：结构图如下：

4．设计制作页面：

◆网页名称:关于我们

◆网页的色彩：最主要是以白色背景为主导色个人网页设计怎么做，字体的主要色彩是黑色。字体颜色前设为蓝灰色，鼠标覆盖后为深红色。

◆网页富有动感，通过GIF动画来展示，页面的色彩好与首页和栏目页统一主要采取白色。

◆页面的大小，在1024X768像素下显示效果最佳。

◆颜色调配设计，网页的色彩是树立形象的关键之一个人网页设计怎么做，各版块采用与首页同一色系的颜色，整个版块部也尽量保持风格一致。

◆网页容的安排相互关系如下概述

最上面先放了一个724*100px的logo.

右边放了一个1024*100广告如下图：

再下来的表格中里放了一个我们用GIF的轮换效果展示知名品牌汽车，效果如图：

右侧是世界/中国地图及天气实况查询图。属特效代码。当鼠标覆盖时显示提示，点击即可查询各地当日天气情况，帮助驾车人员快速掌握天气情况。效果如下：

然后再表格里面分别放的是各种小版块。