《网页设计与制作》课程标准

《网页设计与制作》课程标准

序言：

《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程系统中拥有重要的作用，

一、课程的说明：

经过本课程的学习，使学生认识网页设计技术的发源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，经过运用Photoshop图像办理软件和Flash动画制作软件，三个软件相互当合，达成网页设计与制作任务的方法。为此后从事网页设计与制作、网站开发和管理确立基础。在网页设计的实践中要点培育团队协作、交流交流能力，培育自主学习能力和探究创新能力。

二、课程内容与基本要求：

该课程波及的知识是网页设计人员必备的基本技术，职业活动与课程内容的对应关系以下：

网页设计开发岗位职业能力 教课内容（理实一体化课）

基本开发工具的使用 网页基本观点（第1章）

DW CS6软件介绍（第2章）

成立与管理站点（第3章）

网页基本元素的办理 制作主要内容为文本的网页（第4章）

插入与编写图像（第5章）

插入多媒体元素（第6章）

创立超级链接（第7章）

HTML基础（第13章）

网页布局 表格办理与网页布局（第6章）

AP Div的应用（第9章）

使用CSS+DIV布局网页（第11章）

网页美化 CSS款式表（第10章）

网页交互 行为（第12章）

动向网页基础（第15章）

网页及元素的复用 创立和使用模板（第9章）

创立和使用库（第10章）

2 三、教课目的

1、职业要点能力目标

(1) 掌握使用Photoshop进行图像办理的基本方法及操作技术

(2) 掌握DreamweaverCS5的基本知识及操作技术

(3) 掌握成立与管理站点的方法

(4) 掌握制作主要内容为文本的网页的方法

(5) 掌握在网页中插入与编写图像的方法

(6) 掌握在网页中插入多媒体元素的方法

(7) 掌握表格办理与网页布局的方法

(8) 掌握创立超级链接的方法

(9) 掌握使用框架制作旅行网站的方法

(10) 掌握创立和使用模板的方法

(11) 掌握创立和使用库的方法

(12) 掌握在网页中增添AP Div的方法

(13) 掌握在网页中使用行为的方法

(14) 掌握HTML基础知识及经过代码修饰网页的方法

(15) 掌握使用CSS款式表修饰网页的方法

(16) 掌握动向网页的观点及简单动向网页的制作方法

2、职业特意能力目标

(1) 经过达成有关的项目，掌握网页设计的基本工作流程。

(2) 经过达成有关的项目，掌握网页设计常用工具的使用方法。

(3) 经过达成有关的项目，掌握网页布局及美化的基本方法。

(4) 经过达成有关的项目，掌握简单网页交互的制作方法。

3、方法能力目标

形成必定的学习能力、交流与团队的协作能力，形成优秀的思虑问题、剖析问题和解决问题的能力，养成优秀的职业修养。恪守国家对于软件与信息技术的有关法律法例，形成要点性的软件开发与应用的能力。

四、教课内容

第一章 网页制作基础知识（4学时）

教课目的：

网页与网站基本观点、网页基本构成元素、常用网页制作软件

主要教课内容：

3 1.1 网页制作基础知识

1.2 网页的基本构成元素

1.3 网页制作常用软件和技术

第二章 Dreamweaver CS6轻松入门（2学时）

教课目的：

DW CS6软件的安装、用DW成立网页的方法、翻开和保留网页的方法

主要教课内容：

2.1 Dreamweaver CS6工作环境

2.2 [插入]栏

2.3 Dreamweaver CS6新功能

第三章 站点的搭建与管理（4学时）

教课目的：

当地站点与远程站点的观点、站点文件夹的管理

主要教课内容：

3.1 创立当地站点

3.2 管理点站

3.3 管理站点中的文件

4.3 使用站点地图

第四章 网站建设规范和基本流程（2学时）

教课目的：

IIS信息服务器的搭建与管理、成立、公布主页、成立和管理站点

主要教课内容：

4.1 网站建设规范

4.2 网站建设的基本流程

第五章 创立构造清楚的文本网页（6学时）

教课目的：

4 1. 在网页中增添文字和字符

2. 使用背景、列表美化文本网页

主要教课内容：

5.1 设置文本属性

5.2 插入其余元素

5.3 创立项目列表和编号列表

5.4 插入网页头部内容

5.5 综合事例-创立基本文本网页

第六章 创立绚烂多彩的图像和多媒体网页（6学时）

教课目的：

1. 认识网页中常用的图像格式

2. 网页中插入图像的方法

3. 网页中插入多媒体的方法

主要教课内容：

6.1 网页中常用的图像格式

6.2 编写图像

6.3 插入多媒体

6.4 综合事例-创立图文混排网页

第七章 创立超级链接（6学时）

教课目的：

超级链接的观点、文字与网页间的链接、图片热门和锚记

主要教课内容：

7.1 超级链接的基本观点

7.2 创立超级链接的方法

7.3 创立各样种类的链接

7.4 管理超链接

7.5 综合实例

第八章 使用表格排版网页（6学时）

5 教课目的：

1. 表格的编写办理

2. 用表格制作网页元素

主要教课内容：

8.1 创立表格

8.2 设置表格及其元素属性

8.3 表格的基础操作

8.4 表格的基本应用

8.5 综合实例-利用表格排版网页

第九章 使用DIV和Spry灵巧布局网页（4学时）

教课目的：

1. AP Div的创立

2. 在AP Div中插入网页元素

3. 设置AP Div的属性

主要教课内容：

9.1 插入AP Div

9.2 设置AP Div属性

9.3 使用 Spry布局对象

第十章 使用CSS修饰美化网页（6学时）

教课目的：

1、CSS款式表的种类

2、CSS款式表的创立

3、不一样款式表的款式应用

主要教课内容：

10.1 CSS简介

10.2 使用CSS

10.3 设置CSS款式

10.4 CSS滤镜设计殊效文字

10.5 综合实例

6 第11章 CSS+DIV布局方法（6学时）

教课目的：

盒子模型观点、CSS布局理念、常有布局种类

主要教课内容：

11.1 初识DIV

11.2 CSS定位

11.3 CSS布局理念

11.4 常有的布局种类

第12章 使用模板和库提升网页制作效率（6学）

教课目的：

认识模型的库的观点，会使用库创立项目

主要教课内容：

12.1 创立模板

12.2 使用模板

12.3 管理模板

12.4 创立和应用库项目

第13章 使用行为和动作为网页增添活力（6学时）

教课目的：

要点划分行为、触发事件、动作、对象等观点和差别

主要教课内容：

13.1 行为的观点

13.2 行为的动作和事件

13.3 使用Dreamweaver内置行为

第14章 网站页面布局设计与色彩搭配（2学时）

教课目的：

网页色彩搭配知识、常有页面版式

主要教课内容：

14.1 网页版面布局设计

7 14.2 常有版面布局形式

14.3 网页色彩搭配知识

第15章 用表单创立交互式网页（6学时）

教课目的：

表单的基本观点、常用表单元素的插入方法

主要教课内容：

15.1 表单概括

15.2 创立表单域

15.3 插入文本域

15.4 复选框和单项选择按钮

15.5 列表和菜单

15.6 跳转菜单的使用

15.7 使用按钮激活表单

15.8 使用隐蔽域和文件域

15.9 综合事例

五、课程实行条件

本课程需要一间高性能联网的计算机实训室，需知足每位学生一台电脑。装备液晶投影仪、多媒体教课软件、Photoshop CS5.0、Dreamweaver CS5.0及以上版本等。

六、教课组织与方法

1、教课方法

联合软件与信息服务专业学生特色，鉴于行动导向，依据每个任务的内容特色，以真切项目进行指引展开教课。整个课程以项目任求实训为主线，以技术培育为中心来组织教课。学生在达成项目分解的任务中学习有关知识，并利用这些知识解决项目中的问题。

（1）项目教课法

课程将网页设计的知识点分解为多个小的任务，每个任务的学习过程以工作过程为导向，最后形成学生的职业行动能力。

（2）小组教课法

以6人为一个单位，成立教课小组。单人达成的项目，组内能够相互学习，敦促和评论。大型复杂的项目，小构成员共同达成。

（3）视频展现法

教师对解说内容充足提炼，将复杂的操作录制下来，方便学生频频观看和模拟，形象