《网页制作技术》教学大纲
一、课程概况
1、课程编码：030112307
2、开课单位：理学院
3、适用专业：计算机应用技术
4、开课时间：第二学期
5、学 时：64学时
6、课程类型：专业必修课
7、考核方式：考试
二、课程性质、任务与基本要求
1、课程的性质和任务
《网页制作》是计算机应用技术专业的一门专业必修课程。在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术，也是“计算机应用技术”专业学生的一门必修课。
本课程主要介绍了HTML语言的基本结构和重要标签，css样式，并分别介绍了当前比较简单且流行的网页制作工具——Dreamweaver，同时简要介绍网页特效及与网页设计制作有关的知识。本课程不但包括各种网页制作技术的基础理论，而且强调了网页制作的具体应用，并使学生具有解决一般网页制作问题的能力。本课程结束后，要求学生在掌握网页设计与制作基础知识的基础上，能在网页中插入flash 动画和ps处理图像，独立制作具有一定思想和创意的网站。
2、课程的教学基本要求
1)知识要求
掌握HTML语言的基本结构和重要标签。
掌握CSS技术的基础知识。
掌握dreamweaver的使用
掌握javascript的使用
了解与网页有关的一些基本常识。
了解网页制作中涉及到的相关知识
2)能力要求
培养计算机基础知识的能力
分析问题解决问题的能力
查阅资料和电子文档的能力
学习态度与方法的能力
行业的应用技术能力
3、教学方法及教学形式的建议
教学方法:讲授法、任务驱动法、案例教学法
教学形式:多媒体、机房教学
4、课程教学要求的层次：
掌握：要求学生能够独立设计网站。
了解：要求学生能够一般了解与网页制作相关的知识。
三、教学内容和教学要求
1、网页设计与制作概述
【教学内容】
1）网页与网站的基本知识
2）网页包括的主要元素
3）网页制作工具简介
4）网站制作流程
【教学目的与要求】
掌握：
1）网页与网站的基本知识
2）网页的主要元素
了解
1）网页制作工具
2）网站制作流程
要求：在掌握网页设计与制作基础知识的基础上，结合自己所熟悉的内容作一个网站的规划
2、HTML语言
【教学内容】
1） HTML网页的基本组成与特点
2） 文本格式标记
3） 版面控制标记
4） 图像与超链接标记
5） 表格标记
6） 表单标记
7） 多媒体及其它常用标记
【教学目的与要求】。
掌握：
1)HTML的语法结构和使用方法。
2）段落分段与换行的方法。
3）段落的对齐方式。
4）字体格式的设置方法。
5）逻辑字符样式和物理字符样式的设置。
6）列表格式的设置方法。
7）如何使用IMG标记符在网页中插入图像。
8）如何设置图像属性。
9）如何在网页中创建超链接，包括页面链接、锚点链接和电子邮件链接。
10）什么是图像映射。
11）如何在网页中使用图像映射。
12）如何在网页中创建表格，包括表格基本元素构成、合并单元格以及构造表格的基本步骤。
13）如何使用各个标记符中的属性控制表格的显示效果。
14）使用表格设计网页布局。
15）框架的基本概念。
16）如何使用FRAMESET和FRAME标记符生成框架结构的网页。
17）如何指定超链接的目标框架。
18）如何使用页内框架。
19）表单的基本概念。
20）如何在页面中用FORM标记符插入一个表单。
21）如何创建各种常用的表单控件。
22）如何设置控件的标签。
了解：
1）Web页中常用图像格式：GIF、JPEG、PNG和矢量图格式。
2）常用图形处理软件：PhotoShop、Fireworks、Flash等。
3）使用网页图像的要点。
4）动画的基本原理。
5）如何在网页中使用两种最常见的动画——Flash和GIF动画。
6）一些应用表格的实际网页布局效果。
7）使用框架设计网页布局的应用。
8）表单与特殊对象
9）各种表单控件。
10）网页中的各类特殊对象：多媒体对象、Java小程序以及滚动字幕对象。
要求：能够运用HTML语言常用标记制作基本网页文件
3、dreamweaver的基本操作
【教学内容】
1）Dreamweave的工作环境
2）站点的创建与管理
3）文本与样式的应用
4）图像与超链接的应用
5）表格和层的使用
6）框架与模板的使用
7）表单的使用
【教学目的与要求】
掌握：
1）Dreamweave0的界面环境。
2）在Dreamweave中创建、打开、关闭、删除站点的方法。
3）在Dreamweave中文件操作、网页文本的输入与格式设置及网页的设计原则。
4）"图片"工具栏中各工具的功能。
5）创建超链接的方法与步骤
6）如何在Dreamweave对网页进行适当的布局和修饰。
7）表格的创建与结构调整方法。
8）框架网页的创建、属性设置与调整方法,以及框架网页的用法。
9）表单的创建方法，各种控件的类型、特点、用途及设置方法。
要求：能够独立运用所学知识制作一个简单的网页
4、CSS技术
【教学内容】
1）CSS入门
2）在网页中使用CSS
3）CSS样式定义
4）CSS属性
5）CSS过滤器效果
【教学目的与要求】
掌握：
1）CSS技术的基础知识。
2）在网页中使用CSS的三种常用方式。
3）CSS样式定义的基本形式。
了解：
1）CSS的属性单位。
2）CSS常见属性：字体与文本属性、颜色与背景属性等。
3）CSS过滤器效果。
要求：能在dreamweaver中编写和应用CSS
5、多媒体与网页特效
【教学内容】
1）使用客户端脚本
2）JavaScript简介
3)在网页中插入多媒体与特效
【教学目的与要求】
了解：
1）在网页中插入JavaScript：（标记符、直接嵌入、链接外部脚本）
2）JavaScript基本要素：变量、运算符、表达式、语句、函数。
3）JavaScript是一种基于对象的脚本语言。
4）HTML技术。
5）DHTML技术在网页制作中的应用。
6、网页制作综合实例
【教学内容】
1）运用flash制作首页动态条幅
2）运用photoshop制作网站图标和导航条
3）运用dreamweaver规划网站和制作网页
【教学目的与要求】
在掌握网页设计与制作基础知识和dreamweaver、Flash、photoshop的基础上，结合自己所熟悉的某主题内容制作网站。
四、教学课时安排与分配
总学时为64学时，其中理论学时30学时，实践学时34学时。
1、 理论教学课时分配表
序号 |
教学内容 |
课时安排 |
教学形式与场所 |
1 |
网页设计与制作概述 |
2 |
机房 |
2 |
HTML语言 |
10 |
机房 |
3 |
Dreamweaver的基本操作 |
10 |
机房 |
4 |
Css技术 |
4 |
机房 |
5 |
多媒体与网页特效 |
2 |
机房 |
6 |
网页设计制作综合实例 |
2 |
机房 |
2、实践教学学时分配表
序号 |
教学内容 |
课时安排 |
教学形式与场所 |
1 |
网页设计与制作概述 |
2 |
机房 |
2 |
HTML语言 |
10 |
机房 |
3 |
Dreamweaver的基本操作 |
10 |
机房 |
4 |
Css技术 |
4 |
机房 |
5 |
多媒体与网页特效 |
2 |
机房 |
6 |
网页设计制作综合实例 |
6 |
机房 |
五、教材与参考书目
使用教材：《网页设计与制作》 主编：李英俊 大连理工大学出版社。
教学参考书目：
《网页制作教程》赵丰年著 人民邮电出版社
《网页设计与制作教程》 主编：袁磊 东软电子出版社
