《网页设计与制作》实践大纲

【实验简介】

    掌握使用 HTML 代码、熟练运用 Dreamweaver 设计网页；利用 Fireworks 图片处理；利用 Flash 制作动画。

【实验目标】 通过实验，使学生能进行 WEB 站点网页的规划、设计、制作、管理与维护。

【学时数】 36 学时

【学时分配】

实验项目 一 　网页的创建及其基本结构

【 实验目的 】 使学生了解用 HTML 创建网页的过程，掌握 HTML 文档的结构及基本标记的使用。

【 实验内容 】

1 ．使用文本编辑软件（如 Window 的记事本）编辑、修改 HTML 文件；

2 ．利用 IE 浏览器显示效果。

3 ．制作 “ 个人简介 ” 的简单网页；

实验项目二 HTML 的常用标签

【 实验目的 】 使学生掌握字体、字更进一步型、字号、颜色的设置，掌握段落的控制以及链接的标签和图像标签。

【 实验内容 】

1 ．字体标志的使用

2 ．理解书签超级链接的意义， target 属性不同取值对应的含义。

3 ．掌握图像的标签
4 ．对 “ 个人简介 ” 的网页进行美化

实验项目三 HTML 常用标签 2

【 实验目的 】掌握表格的制作，掌握综合性表单的制作和跑马灯动态网页效果设计，掌握框架的使用

【 实验内容 】

1 ．使用表格组织数据

2 ．使用表单标签建立注册信息

3 ．用环绕标签制作跑马灯效果

4 ．用框架标签布局网页
5 ．使用内框架。

实验项目四     Dreamweaver 站点管理和建立简单的网站

【 实验目的 】 使学生掌握 Dreamweaver 的基本使用方法，并利用 Dreamweaver 工具制作一个比较完整的网页。

【 实验内容 】

1 ．建立本地站点，题材自选。主页上要求有导航栏，文字、图像以及站点的广告图像（用鼠标经过图像来制作）。

2 ．主页下创建三个子页，要求子页上面有内容列表、水平线，日期，并利用属性页面设置这些对象的属性。

3 ．用多种超链接方式完成站点地图的创建。

4 ．利用页面属性对话框设置页面的背景颜色或背景图像，并更改超链接的颜色和样式。

实验项目五     表格、框架和表单

【 实验目的 】 使学生掌握表格的高级应用，框架的建立及实际应用。
【 实验内容 】
1 ．下载一览表（插入表格并进行表格属性的设置，格式化表格）。
2 ．顾客的预约服务（表单控件的综合使用，其中把［确定］按钮的动作设置为油箱的超链接）。

3 ． “ 宠物商店 ” （制作框架网页，并在框架网页中设置超链接）。当用户单击左侧的动物图标时，在 右侧就 会看见该种动物的图像库。

实验项目六    模板和库

【 实验目的 】 使学生掌握模板的应用，库的使用。

【 实验内容 】

1 ．制作网站模板，把模板应用到二级页面。

2 ．制作库文件， 把库作为 页脚应用到二级页面。

实验项目七   行为的使用

【 实验目的 】 使学生掌握行为的应用，动画的实现。

【 实验内容 】

1 ．进站公告（当网页加载时，弹出关于站点更新的最新消息）。

2 ．请记住我们（网页加载时，在状态栏上显示公司的地址及联系方式）。

3 ．蝴蝶飞花（打开网页时，会看到一只蝴蝶慢慢的飞到一朵花的上面）。

4 ．动态的导航条（利用图像来制作动态的导航菜单，当鼠标指向图像时，会显示另一幅图像，当单击图像时，会连接到指定的页面上）。

5 ．当单击上部框架内的链接文字是，左右两部分框架中的内容会同时改变）。 6. 当网页加载时，会听到背景音乐。

实验 项目八    CSS 样式

【 实验目的 】 使学生掌握 CSS 样式的定义、使用，改变连接文字的样式，利用滤 镜制作 特殊效果。

【 实验内容 】

1 ．新建 CSS 样式，使用 CSS 选择 器设置 连接文字样式。

2 ．利用 Blur 滤镜之作模糊文字。

3 ．利用 DropShadow 滤 镜制作 影印文字。

4 ．利用 Alpha 滤 镜制作 具有跑马灯效果的文字。
5 ．利用 FlipH 滤镜和 FlipV 滤镜完成图像的水平饭庄与垂直翻转。

实验项目九 数据库的应用

【 实验目的 】 使学生掌握数据库的 WEB 站点的制作。

【 实验内容 】

•  用 Access 建立数据库文件

•  建立数据源

•  建立数据连接

•  制作留言簿

实验项目十 Fireworks   基本工具的使用及操作

【 实验目的 】 使学生掌握面板工具的使用，文字输入与编辑，矢量图的绘制，位图的操作。
【 实验内容 】

1 ．制作美术文字

2 ．对图片进行美化，并嵌入文字

实验项目十一 Fireworks 处理图片

【 实验目的 】 使学生掌握图像的处理制作，切片及导出切片。
【 实验内容 】

•  制作拼图游戏的网页

•  制作文字动画

3 ．制作栏目小图片

实验项目十二 创建按钮和弹出菜单

【 实验目的 】 使学生掌握创建按钮的方法，了解弹出式菜单的制作。
【 实验内容 】

•  制作网页中的菜单按钮

•  制作弹出式菜单

实验项目十三 Flash 基本工具的使用及操作

【 实验目的 】 使学生掌握面板工具的使用，元件的制作。
【 实验内容 】

1 ． 利用工具绘制元件

2 ．导入位图和添加文本

实验项目十四        Flash 基本动画的制作

【 实验目的 】 使学生掌握动画制作的基本方法

【 实验内容 】

1 ． 制作补间动画

2 ．制作变形动画

3 、制作网页横幅动画

4 ．动画的发布