姓名

考号

成绩

教员签名

实验名称

网页设计与制作

实验目的

了解专业网页设计工具

Dreamweaver

、

Fireworks

和

Flash

；了解网页的核心技术

HTML

语言。

使用仪器

实验环境

一台多媒体电脑，组建内部局域网，并且接入国际互联网；安装

Windows XP

操作

系统，

建立

IIS

服务器环境，

并支持

ASP

；

安装网页三剑客

（

Dreamweaver 

、

Flash 

、

Fireworks

）等网页设计软件。

实验内容

认识网页设计工具

Dreamweaver

；新建站点和网页；进行网站的结构设计、站点风

格的选择、网站层次规划和页面布局；网页的基本组成要素的添加；网页中多媒体

的应用；站点和网页的保存；站点的发布。

实验步骤：

1

、确定网站主题

我的网站的主旨在于介绍自己，展示自己，包括我的自我介绍、学习、创作和我的班级等

内容。从各个方面全面的介绍我自己。另外，网站里还应包括我的相册，建立一个展示自我形

象的平台。同时，网站里的每一个网页都要有统一的风格，以加强渲染自己性格的效果。最重

要的是做出自己的风格，吸引浏览者的眼球。

2

、搜集材料

主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻，同时，查询相关的图

书、报纸、光盘、多媒体等，也可以得来更加有说服力的信息。常言道：

“巧妇难为无米之炊”

。

要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后

制作网站就越容易。然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

3

、规划网站

我的网站包括

5

个页面，首页、自我介绍、我的相册、我的班级和给我留言。每一个页面

用统一的背景图片，以保证网站统一的风格。用自己的名字命名网站

Loge,

搭配合适的元素用

Photoshop

设计出独特的站标，然后再仿制出相似的其他子页面站标，网站整体色调为白色，然

后点缀其他不同的颜色相配，突出主题，但颜色不宜过多，过杂，给人一种杂乱的感觉。版面

设计要灵活，根据各部分内容的不同适当的自由设计。但是每个页面的主元素和位置不能变，

比如

loge.

版权信息等。网页布局主要用层和表格，用层定位内容的大体结构，再用表格具体定

位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是，

用

CSS

设计一个样式，

以保证随时、

准确的调用。

另外，

为了网页布局的协调，

还可以加入

flash

动态图片，会达到更好的效果。

4

、选择合适的制作工具

做网页的首先工具当然为

Dreamweaver

，另外，为了处理网页中的其他元素，还可以使用

Photoshop

、

Gif Animator

等软件。

5

、认识网页设计工具

Dreamweaver 

（

1

）

Dreamweaver

的启动

单击任务栏上的“开始”→“程序”

→“

Macromedia

”

→“

Macromedia Dreamweaver

”即可启

动网页设计工具软件。

（

2

）窗口组成的认识