《网页设计与制作》实训项目大纲及实训方案

本实训项目的目的与任务是使学生根据问题的要求，构思一个主题，并运用网页制作工具，

制作和发布网页，并对此进行更新和维护，掌握网站发布的工作流程，了解域名申请、空间申请

的方法，能在校园网及英特网上发布网页。

实训学时数：125 （5周）

课外学时数：100

适用方向：办公自动化、电子商务

执笔者：王平露

编写日期：2006年4月

一、实训教学的目的与任务

本实训项目的目的与任务是使学生根据问题的要求，构思一个主题，并运用网页制作

工具，制作和发布网页，并对此进行更新和维护，掌握网站发布的工作流程，了解域名申请、空间申请的方法，能在校园网及英特网上发布网页。通过设计、编辑和发布网页全过程的实际训练使学生对网页整体设计流程有一个深刻的认识，并且熟练掌握网页制作工具

（Dreamweaver MX ）的使用，初步掌握HTML、CSS语法格式，能借助手册看懂代码，能进行简单的代码改写工作，了解客户端脚本和服务端脚本区别，了解在网页上进行简单代

码的嵌入与改写，会与其他工具结合使用以便实现更高效高质量的网页效果，进一步提高办

公自动化效率和水平。

二、实训项目的基本要求及考核标准

基本要求：

（一）网页内容要求：

1、主题内容：创意突出，体现校园园区精神文明建设体现本班级大学生风貌，学习气

氛浓厚，作品内容健康。严禁发布反对政府、宣传迷信、传播色情、系统破坏、黑客教程等

违法信息。

2、具体内容：标徽、标题、各链接页具体内容，站内搜索、计数器、留言系统、电子邮件地址、弹出窗口、漂浮广告、背景音乐、网页特效、友情链接、版权信息等。

（二）制作基本要求：

1、至少有10 个页面，链接结构应有三层，下一层必须有返回上层的按钮或链接。有整体框架结构，导航栏，表格定位，布局合理，色彩搭配协调统一。

2、主页的文件名为：index.htm 。文件名一般用英文小写字母。

3、网页中要有文本、图像、表格、交互与链接、层与动画、表单。

4、网页主要建立站内链接，尽量少建立外部链接，至少建立一个E-mail 链接至你的邮箱。

5、要有flash 控件、Frieworks 图像，至少各出现一处, 使用CSS 样式；

6 、为页面元素添加行为（调用Dreamweaver MX 内置的脚本程序）.

7 、相关图片清晰，单张图片大小不超过200K

（三）、网页性能要求：

1、每一张网页，显示分辨率以800*600 状态为准，网页对不同浏览器兼容性较好；

2、在不考虑兼容性问题时，不出现乱码或错误的表格等内容；

3、结构清楚，便于浏览、查找。没有空链接或错误链接；

4、界面链接方便；

（四）测试和网页发布要求：

1 、测试链接和兼容性；

2 、预览网页；

3、申请免费二级域名和免费空间；

4、申请计数器和留言版

5、发布网页

6、推广网站加入搜索引擎。

评分标准：

以下列出每项内容的满分，根据实际情况可酌情加、减分。

1、网页内容健康（有非法内容责任自负），主题鲜明，且按前面各项要求不缺少。

(20)

2、网页中有框架、导航、布局合理。（10）

3、网页中有三层，下一层有返回上层的按钮或链接。（5+5+5）

4、采用了至少一幅Flash动画，一处Fireworks 图像。（5+5）

5、使用CSS样式和内置脚本程序。（5+5）

6、内外链接和E-mail链接正确无误，且无空链接。（5）

7、网页性能测试兼容性和发布（5+5）

8、主页采用编码语言如ASP，PHP，JSP等技术都给予适当加分（10 ）。

9、综合分：（10 '）

内容丰富、自己设计制作的素材较多；

文件夹、文件名命名规范；文件存放位置合理；

网站的功能较强，程序编制合理，功能强；

色彩及布局合理美观、用户访问方便；

采用各种特效、并且运用合理。

《网站设计与制作》实训方案

号

实

训项

目

丁

内容提要训时

数

实

要求

种链2、文本链接2、熟练掌握链接时的目的文件的地址 (知道

接的3、锚点链接相对路径和绝对路径的使用区别和表示

设置，4、图片链接方法)；；

5、图片热区链接 2 明确被链接的内容所岀现的目标

1 6、站外链接(_blank,_parent,_top,_self)

7、信箱链接

4、

知道以上是什么含义；

会设置锚点链接(先设置锚标记，再对锚标

记进行的链接，注意锚链接源文件的标

记:URL#锚标识)

5、掌握整体图片链接的方法

6、掌握图片上分区域链接的方法，特别是掌握

不规则图片区域的链接；

7、掌握站外链接和E-mail链接的方法.注意地

址：连同协议写完整.

8、课堂作业：

制作一个具有上述各种链接的网页.(课

堂检查评分)

1、HTML语言简介4、明确HTML语言的功能、明确学习HTML

2、HTML语言的基本语法结构语言的目的、学习HTML语言的方法；

3、HTML实例分析2、掌握HTML语言的语法结构：

(1 )页面整体结构：

(2 )页面元素的标签和属性：

H

TML基

础

d

文本、图像、有序列表、无序列表、表格、行、

单表格、框架、以及各自链接所使用的标记和它

们的属性值；知道各种标签和属性值在代码中的

语法规则；

3、能看懂简单的HTML弋码；

4、能够通过查看网站源文件的方式使用已有的

资源加入到自己的网页中。

5、会下载插件和使用插件；

6、课堂作业：

利用HTML编写一个简单的网页实列。并且

会利用一小段计算机系网站程序的源代码插

入，达到利用资源的目的。(课堂检查评分)

1、利用Dreamwever自带的Flash对象、声

2、会快速插入多媒体对象：

音、电影等多媒体元素放入网页中；(1)会插入FLASH按钮和文本；

2、利用Fireworks创建和处理图片并且在 4 (2)会插入翻转图像和导航条；

Dreamwever 中使用Fireworks ； 4 (3)会插入FLASH电影；

3、用Flash制作动画并应用于网页中4(4)会插入Shockwave电影；

(5)会插入声音文件及设置背景音乐；

插入以上对象时明确文件格式。

多2、熟练掌握Fireworks软件的功能和以下各

媒体种操作方法：

制作(1)熟悉Fireworks软件的界面、工具

与应箱、属性面板、层面板、混色器面板、样

用

式面板、帧面板等；

(2 )能熟练创建所需的图片，会使用滤

镜、效果等；

(3)能根据网络传输的需求优化图片、切

割图片和导岀图片；

(4)熟练掌握Dreamwever中直接插入、编

辑Fireworks图片或简单网页动画的方法；