网页设计与制作

1

《网页设计与制作》课程教案

一、课程定位

本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提

升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下

基础，同时扩展其就业面，为就业做好准备。

本课程的目的和任务是让学生学会DreameaverCS6、Flash和Fireworks

的使用方法，并能够使用这3款软件制作出美观实用的网页。

二、课程总目标

掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知

识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静

态页面部分。

（一）知识目标：

1.熟悉网页制作的基本元素；

2.掌握DreamweaverCS6软件的基本操作方法；

3.掌握在网页中插入文字、图片、声音、flash等的方法；

4.掌握常见的网页布局方法，学会使用CSS美化网页；

5.掌握在网页中使用表单和制作网页特效的方法；

6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画

并巧妙地和网页中内容搭配起来。

7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静

态页面部分。

（二）职业能力培养目标

1.能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、

图片、动画、声音、视频等素材并作美化处理；

2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览

者接受和喜爱；

2

3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态

页面。

（三）素质目标

1.具有勤奋学习的态度，严谨求实、创新的学习精神；

2.具有良好的心理素质和职业道德素质；

3.具有高度责任心和良好的团队合作精神；

4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够

不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。

（四）职业技能证书考核要求：

可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页

设计制作员”，“网页设计师”等职业技能证书。

三、重点、难点章节及内容

1.重点章节：

1.2网页、网站相关术语简介

1.6网站建设的基本流程

2.3DreamweaverCS6的工作环境

3.2创建本地站点

3.4使用站点

3.5网页设计中的规范

4.1网页文件的基本操作

4.3插入文本

4.4插入水平线

4.5插入其他基本元素

4.6创建列表

5.1超级链接概述

5.2创建超级链接

5.3使用dw制作各种超级链接

3

6.1插入图像

6.2图像的HTML标签

6.3插入图像对象

6.4创建图像对象

7.1表格概述

7.2使用dwcs6创建表格

7.3表格的基本操作

7.4在表格中添加内容

8.1在网页中插入Div

8.2使用APDiv排版

8.3操纵APDiv

8.4设置APDiv的属性

8.5APDiv与表格的相互转换

8.6APDiv的行为

9.2DWcs6k中框架的基本事件

9.3浮动框架

10.2创建表单

10.3插入表单对象

11.1JavaScript

11.2行为

12.1插入媒体的使用

12.2音频

12.3视频文件

13.1CSS简介

13.2CSS的结构和规则

13.3CSS样式面版