中等职业学校《网页制作》的课程标准

XXXX中等职业学校《网页制作》的课程标准

一、课程的性质与任务

（一）课程性质

《网页制作》是我校计算机应用专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件AdobeDreamweaverCS3,通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。

（二）课程任务

本门课程在专业教学计划中起着十分重要的作用，通过这门课程,学生可以掌握以下技能和知识：

1

.掌握网站的开发流程，如建站规划、效果图制作、建立站点、发布网站等相关知识。

2 .掌握各种网页元素在DremweaverCS3中的使用。例如，文本、表格、图像、超级链接、层、框架和表单等。

3

4

本方法。

.掌握HTML,理解各种标记的功能和用法。

.掌握在DrenIWeaVerCS3中使用CSS控制网页元素的方法。

5 .掌握在DrenIWeaVerCS3中使用JavaScript制作网页特效的基6 .能够解决一些网页设计中的常见问题。

（三）本课程的特点

1 .课程注重实际应用，即实践性强。

2 .涉及的DremweaverCS3软件是目前网页制作工作中较为流行的软件，是“网页三剑客”之一，具有较强的实践性，学习难度不大。

3 .突出理论联系实际，实作课时占总课时的50%以上，实际应用知识占课程总知识量的80%以上。

（四）与相关课程的衔接、配合、分工

先修课程：“计算机应用基础”、“图形图像处理（FireWorkS或

PhotoShop）"、"Flash动画制作”等。

二、课程目标

本课程的基本目标是：

使学生通过本课程的学习，掌握DreanIWeaVerCS3的使用方法，学会使用DreamweaverCS3制作Web网页的技术。

本课程学习结束后，学生应能根据实际需要自行设计静态网页，建立网站。故应使学生通过本课程的学习，熟练掌握网页的基本制作方法和技巧，并最终设计一个具有实用意义的网站，并上传到学习用的服务器（或互联网）上。

课程在知识、素质和能力方面的基本要求：

（一）知识要求

1.深入了解Internet,理解WWW、HTTP、FTP等概念及作用；

2

.掌握网站设计和发布的流程；

3

.理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；

4

.掌握HTML的含义，及使用HTML制作网页的方法；

5 .了解多种网页制作软件和图像处理软件相结合设计网站的好处。

（二）素质要求

本课程将培养学生以下几方面的职业素质：

1.服务意识：能够为他人提供优质的服务；

2

.文明法制意识：网站内容应积极健康向上，不做违法的事；

3

.合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；

4 .较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。

（三）能力与技能要求

1 .掌握网页制作软件DreanIWeaVerCS3的使用方法；

2 .掌握DreanIWeaVerCS3的基本功能，并能根据具体要求制作表态网页；

3,掌握CSS、DIV等网页制作元素，并能有效运用，美化网页；

4 .能在网页中有效地编制/插入需要的JavaScript脚本；

5 .能熟练地进行网站的上传/下载、更新、管理。

三、适用专业及开设学期

1

.适用专业：

中等职业技术学校中的计算机应用专业、计算机网络专业、电子商务专业。

2

.开设学期：

第二学期

四、参考学时

136学时

编号 教学内容

制作一个网页

管理网页

用HTML语言制作网页

网页元素修饰

使用表格布局网页

使用DIV+CSS布局网页

使用框架布局制作网页

提高网页制作效率

网页特效

综合设计

合计

参考学时

1

2

3

4

5

6

7

8

9

10

8

16

16

13

16

13

16

14

14

18

144

五、课程各知识单元的内容、重点、组织结构及授课要求

项目一、制作一个网页

项目目标：

1

.通过经典网站的赏析，了解不同用途的网站在设计风格上的异同点。同时也有助于提高学习制作网页的兴趣。

2

3

法。

,了解与网站相关的几个概念。

.认识DreamweaverCS3的工作界面，以及工具窗口的布置方.能制作一个简单的网页。

4

学习要点：

1

.与网站相关的概念（服务器、浏览器、网页、网站、IP地址、域名、FTP等）。

2

3

.DreamweaverCS3的工作界面。

.创建简单的网页。

重点和难点：

1 .与网站相关的概念

2

.发布网站。

内容组织结构

任务L经典网页赏析

1 .门户网站

2 .学院网站

3

.商业网站

4 务2.与网站相关的几个概念

1

.网页与网站

2

.服务器与浏览器

3

.网站的基本工作原理

4

.静态网页和动态网页

5

.网页设计工具简介

6 务3.熟悉DreamweaverCS3

1.运行DreanIWeaVerCS3

2,熟悉DreamweaverCS3的工作界面

3.了解DreamweaverCS3的帮助功能

任务4.制作第一个网页

1.制作一个简单的图文混排网页

2.浏览网页

项目二、管理网页

项目目标

1

.理解站点、网站、网页及网页属性的概念。

2 .了解建立网站的准备工作以及与网站有关的概念。

3 .掌握创建和组织管理站点的方法。

4 .掌握使用DreanlWeaVerCS3创建网页的方法。

5 .了解创建Web服务器及虚拟目录的方法。

学习要点

1.站点、网站、网页及网页属性的概念，组织管理站点。

2

.使用DreamweaverCS3创建和管理站点。

3 .配置本地Web服务器。

重点和难点

1 .创建和管理本地站点

2

.安装与配置本地Web服务器

内容组织结构

任务L创建和管理本地站点

1 .认识站点

2

.创建和管理站点

3 务2.在站点中创建网页

1

.创建和保存网页

2 .打开和关闭网页

任务3.安装与配置本地Web服务器

1.什么是Web服务器

3 .在Windows操作系统中安装Web服务器

4

.设置HS信息服务

项目三、使用HTML语言制作网页

项目目标

1

.认识HTML常用标记，理解其常用属性。

2

.掌握HTML常用标记的用法。

3 .熟悉使用HTML制作较简单的网页。

学习要点

排版标记、表格标记、超链接标记、表单标记等的属性和用法。

重点和难点

1

.理解HTML文本结构。

2

.掌握HTML常用标记的正确使用。

3

.掌握超链接标记的主要属性和使用方法。

4 .认识表单及控件。

内容组织结构

5 务1.认识HTML语言

1

.什么是HTML语言

2

.HTML基本语法

3 务2.页面排版标记

1 .标题标记

2 .版面格式标记

3 .项目符号标记

4 .图像标记

任务3.表格标记

1 .几种表格标记

2

.合并单元格

任务4.超链接标记

1.超链接标记

3 .绝对路径和相对路径

任务5.表单标记

1.表单的概念

4 .常用的表单控件标记

项目四、网页元素修饰

项目目标

1

.理解CSS样式表的含义、分类。

2 .掌握利用样式面板创建及编辑CSS样式表的方法。

3,使用CSS控制文本、段落、页面、表格的布局。

4 .使用CSS设置超链接。

5 .使用CSS滤镜。

学习要点

1 .掌握利用样式面板创建及编辑CSS样式表的方法。

2

.使用CSS控制文本、段落、页面、表格的布局。

3,使用CSS设置超链接。

重点和难点

1 .掌握利用样式面板创建及编辑CSS样式表的方法。

2

.使用CSS控制文本、段落、页面、表格的布局。

内容组织结构

任务1.使用CSS控制页面、段落、文本的布局

1.什么是CSS

2. CSS分类

3. CSS规则对话框的使用

任务2.使用CSS控制表格元素的外观

任务3.使用CSS设置超链接。

1

.超链接的四种状态

2

.将网页中不同位置的超链接设置成不同的样式

任务4.使用CSS滤镜产生绚丽效果

1.什么是CSS滤镜

3

.滤镜的类型及其参数设置

项目五、使用表格布局网页

项目目标

1.掌握选择表格，合并及拆分单元格，插入或删除行或列的方法。

2,设置表格、单元格属性和表格模板。

学习要点

1

.插入表格、表格嵌套。

2

.选择表格，合并及拆分单元格，插入或删除行或列。

3

.设置表格、单元格属性和表格模板。

重点和难点

1.表格嵌套。

4

.设置表格、单元格属性和表格模板。

内容组织结构

任务L使用表格布局制作简单页面

1 .表格布局

2

.表格的相关属性

3

,单元格的相关属性

任务2.使用表格布局制作复杂网页

1

.使用嵌套表格布局网页

2 .选择表格元素的方法

项目六、使用DIV+CSS布局网页

项目目标

1.掌握DIV（层）的概念。

2,了解CSS+DIV的布局优势。

3.掌握使用CSS+DIV进行常用页面布局方法。学习要点

1 .DIV（层）的概念。

2 .掌握使用DIV+CSS进行常用页面布局方法。重点和难点

1 .DIV（层）的概念。

2 .掌握使用DIV+CSS进行常用页面布局方法。内容组织结构

任务L初识DIV

与CSS

3 .插入DIV与建立CSS规则

4 .CSS盒子模型

5 .常用的DlV布局方式

6 .DlV与项目列表

任务2.使用DIV+CSS制作较复杂的网页

项目七、使用框架布局制作网页

项目目标

1.掌握框架的概念、组成及属性的定义。

2 .掌握使用框架布局网页的方法。

3 .掌握使用浮动框架布局网页的方法。

学习要点

1

.掌握框架的概念、组成及属性的定义。

2 .掌握使用框架布局网页的方法。

3 .掌握使用浮动框架布局网页的方法。

重点和难点

1

.掌握框架的概念、组成及属性的定义。

2 .掌握使用框架布局网页的方法。

3 .掌握使用浮动框架布局网页的方法。

内容组织结构

任务1.使用框架布局网页

1.框架的概念及应用

2

.框架的创建与删除

3

.框架的激活与属性设置

4

.框架集的属性设置

任务2.使用浮动框架布局网页

1.浮动框架的概念

5 .浮动框架的创建及属性设置

项目八、提高网页制作效率

项目目标

1.掌握模板和库的概念。

6

.掌握模板和库的创建、编辑、应用方法。

7 .熟练使用模板和库。

学习要点

1

.掌握模板和库的创建、编辑、应用方法。

2 .熟练使用模板和库。

重点和难点

1 .掌握模板和库的创建、编辑、应用方法。

2

.熟练使用模板和库。

内容组织结构

任务1.使用模板制作网页

1.什么是模板

3

.创建模板的方法

4

.创建可编辑区域

5

.创建可重复区域

6 .应用模板

7

.将模板从网页中分离

8 .删除网站的模板

务2.使用库制作相似的网页

1.库的概念

2 .创建库项目

3 .在文档中插入库项目

4

.编辑更新库项目

5 .更新页面

6 .分离文档中的库项目

7 .重建库项目

项目九、网页特效

项目目标

1.掌握行为和事件的概念。

2 .掌握使用内置行为制作简单的网页特效。

3 .掌握使用Spry构件制作网页下拉菜单的方法。

4,了解使用JaVaSCriPt脚本语言制作简单网页特效的方法。学习要点

1 .掌握使用内置行为制作简单的网页特效。

2 .掌握使用SPry构件制作网页下拉菜单的方法。

3

.了解JavaScript脚本语言。

重点和难点

1.行为和事件的概念。

4 .使用内置行为制作简单的网页特效。

5 .使用SPry构件制作网页下拉菜单的方法。

内容组织结构

任务1.使用DreamweaverCS3内置行为制作网页特效

1

.认识事件与动作的含义

2

•行为的概念及常用行为

3 .在网页中添加行为

4 .使用时间轴

任务框架制作动杰导航菜单

1.认识ry框架

2 .认识SPry框架中的构件

3

.使用Spry框架制作导航菜单

4 务ript制作网页特效

1 .JavaScript简介

2 .使用JavaScript制作网页特效

项目十、综合设计

项目目标

1 .形成小型商业网站的创建思路。

2 .掌握创建小型商业网站的客户端界面的方法°

3 .网站创建综合能力的养成。

学习要点

1 .全面设计站点目录结构的规划和设置。

2 .网页的创建、布局以及设置方法。

3 .网站创建综合能力的养成。

重点和难点

1

.理解站点、网站、网页及网页属性的概念。

2 .会向网页中插入多媒体信息。

3,培养站点、网站、网页及网页属性等知识的综合应用能力内容组织结构

任务1.网站创建的流程

1 .网站制作的基本流程

2 .网站的设计

3 .提高网站的打开速度

任务2.站点目录结构的规划和设置

1 .站点目录规划

2 .素材的收集、制作和整理

任务3.制作含按钮、导航拦、表单的交互式网页

任务4.制制作子页，完善网站

六、教学方法、教学场所与设备要求

1 .教学方法：

本课程是一门应用型课程，涉及到以前所学知识点较多，因此在教学中应注意启发式教学并加强实例教学的直观性。

2

.教学场所与设备要求：

安装有WindOWSXP或WindoWS2000的机房均可以进行实验，教学要求在多媒体教室进行。

3

.需要一台教学用Web服务器：

安装有Windows2000Server或以上版本的网络操作系统，并安装Web服务器和FTP服务，能够接受学生上传的网站。学生机能正常浏览该Web服务器上的网站。

七、考核方式

笔试采用闭卷或开卷考试，主要由选择题、实验操作题组成。在总成绩中，平时成绩占20%,笔试占40%,上机测试占60%o