网页制作与网站设计课程标准.docx

网页制作与网站设计课程标准.docx

《网页制作与网站设计课程标准.docx》由会员分享，可在线阅读，更多相关《网页制作与网站设计课程标准.docx（81页珍藏版）》请在冰豆网上搜索。

网页制作与网站设计课程标准

课程编号：

课程英文译名：

WebPagemaking&WebsiteDesign

课程总学时：

60学分：

6课程类别：

必修课

开课对象：

三年制高职网络技术专业

执笔人：

审核人：

批准人：

编写日期：

2009年5月

使用专业：

网络技术专业课程代号：

TC

开设时间：

第1、2阶段学时数：

120

“网页制作与网站设计”课程标准

一、课程设置

本课程主要网络技术专业学生的网站的规划、网页效果图的设计与制作、网站的设计、网页动画的设计、代码的融合等专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。

本课程的学习情境是依据以工作过程为向导，以典型工作任务为基点，综合理论知识，操作技能和职业素养为一体的思路设计。

通过完成学习情境的学习，学生不但能够掌握网页制作与网站设计的专业知识和专业技能，还能够全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质，使学生通过学习的过程掌握工作岗位所需要的各项技能和相关专业知识。

学生通过20个典型任务完成本课程的学习任务。

通过本课程的学习，学生能够具备网站的简单规划、网页效果图的设计、网页与网站的编辑、后台代码的融合、普通动态网程序的编写等专业能力；资料收集整理、制定和实施工作计划、进行市场分析、理论知识运用等方法能力；交接工作流程确认、沟通协作、语言表达、责任心与职业道德等社会能力。

二、培养目标

1方法能力目标

（1）资料收集与整理能力。

（2）制定、实施工作计划的能力。

（3）简单的需求市场分析能力。

（4）用户需求的理解能力。

（5）检查、判断能力。

（6）理论知识的运用能力。

2．社会能力目标

（1）培养学生的沟通能力及团队协作精神。

（2）培养学生分析问题、解决问题的能力。

（3）培养学生用于创新勇于创新、敬业乐业的工作作风。

（4）培养学生的质量意识、团队协作意识。

（5）培养学生社会责任心。

3．专业能力目标

（1）常规企业、事业网站的规划能力。

（2）常规企业、事业网站的策划书的书写能力。

（3）常规网站的效果图的设计能力。

（4）网站动画的设计能力。

（5）应用新技术DIV+CSS的布局网站的能力。

（6）动态网站的代码的应用能力。

（7）简单动态代码的编写能力。

（8）常规静态企业、事业网站的开发与制作能力。

（9）常规动态企业、事业网站的开发与制作能力。

（10）常规网站的设计与规划能力。

（11）常规网站的维护能力。

三、与前后课程的联系

1．与前继课程的联系

“信息基础”培养学生的计算机基本应用能力，“C#程序设计”培养学生的基本编程能力。

2．与后继课程的关系

为学生后继学习“网页特效编程”、“ASP.NET网络编程技术”等课程打下专业基础。

与前后课程的联系如图1-1所示：

图1-1与前后课程的联系图

四、教学内容与学时分配

为使学生掌握网站规划、网页效果图的设计、网页与网站的编辑、后台代码的融合、普通动态网程序的编写等专业能力所需的知识与技能，本课程以真实项目为载体来组织教学，将职业行动领域的工作过程融合在项目训练中。

“网页制作与网站设计”课程项目结构与学时分配见表1-1-1。

表1-1-1课程项目结构与课时分配表

项目编号

项目名称

项目内容

主要教学知识点

学习目标

学时

P1-1

俞晨传奇个人网页设计

了解认识网页制作的基础知识与网络的基本术语

K1-1：

网页制作的简单方法

K1-2：

网络的基本术语

K1-3：

网站的分类

K1-4：

网站的赏析

K1-5：

网页设计师的需求

K1-6：

网页设计的原则

O1-1-1：

了解网页制作的简单方法

O1-1-2：

了解网络的基本术语

O1-1-3：

了解网站的分类

O1-1-4：

能进行网站的赏析

O1-1-5：

了解网页设计师的需求与设计原则

2

P1-2

淮安旅行社网站策划

依据客户的需求，完成网站策划书的书写

K1-7：

客户的需求分析

K1-8：

网站的项目规划方法

K1-9：

网站策划书的书写方法

O1-2-1：

能够理解了解分析客户的需求

O1-2-2：

在需求的基础之上能够进行项目规划

O1-2-3：

能够书写项目规划书

4

P1-3

淮安旅行社网站的制作流程

运用网站的制作流程，描述淮安旅行社网站的制作流程

K1-10：

网站栏目模块设计

K1-11：

网站草图的设计

K1-12：

规划站点结构

K1-13：

网站效果图的设计制作

K1-14：

网站效果图的切片

K1-15：

网页的编辑方法

K1-16：

网站动态化的方法

K1-17：

网站的上传

O1-1-1：

掌握前期策划和内容组织的具体工作

O1-3-2：

了解网站效果图的设计制作的方法

O1-3-3：

了解网站页面的设计制作方法

O1-3-4：

了解代码融合的方法

O1-3-5：

了解网站的上传方法

4

P1-4

淮安信息职业技术学院网站欢迎页设计

根据项目需求设计淮安信息职业技术学院网站欢迎页效果图

K1-18：

认识Phtot_

shopCS4界面

K1-19：

快捷键与鼠标操作

K1-20：

套索、图章、填充、文字工具的使用

K1-21：

自由变换工具的使用

O1-4-1：

能够认识PhtotshopCS4界面

O1-4-2：

熟练掌握快捷键与鼠标操作

O1-4-3：

掌握Phto_

tshop的基本操作

O1-4-4：

掌握Phto_

tshopCS4的部分基本本工具的使用

4

项目编号

项目名称

项目内容

主要教学知识点

学习目标

学时

P1-5

淮信科技网站Logo设计与制作

根据Logo的设计理念，根据项目需求，设计淮信科技网站Logo标识

K1-22：

Logo的设计综述

K1-23：

图层的基本概念与分类

K1-24：

图层样式的使用方法

K1-25：

网页效果图设计的精确布局方法

O1-5-1：

基本掌握图层的概念

O1-5-2：

熟练掌握图层的使用方法

O1-5-3：

熟练掌握图层的样式的使用方法

O1-5-4：

掌握文本工具的具体使用技巧

O1-5-5：

掌握网页布局工具网格、标尺与参考线的使用技巧

O1-5-6：

掌握PhtotshopCS4的部分基本本工具的使用

O1-5-6：

精确使用绘制图形的方法

4

P1-6

书法家庄辉个人网站主页设计与制作

根据项目需求制作书法家庄辉个人网站主页效果图

K1-26：

渐变工具的使用法

K1-27：

色调的调整

K1-28：

色彩的调整

K1-29：

图像混合方式的概念

K1-30：

图像混合方式的使用

O1-6-1：

掌握渐变工具的使用方法

O1-6-2：

掌握图像色调的调整方法

O1-6-3：

掌握图像色彩的调整方法

O1-6-4：

掌握图像混合方式的概念

O1-6-5：

了解图像混合方式的原理

O1-6-6：

掌握图像混合方式的使用方法

4

P1-7

淮安信息职业技术学院网站页眉设计

根据项目需求，综合使用photoshop软件设计淮安信息职业技术学院网站页眉

K1-31：

图像通道的概念与使用技巧

K1-32：

图像通道的概念与使用技巧

K1-33：

图层蒙版的概念与使用方法

K1-34：

网站的切片方法

O1-7-1：

能够掌握通道的概念及应用技巧

O1-7-2：

掌握蒙版的概念

O1-7-3：

熟练掌握蒙版的的使用技巧

O1-7-4：

掌握滤镜的概念

O1-7-5：

熟练掌握滤镜的使用方法与技巧

O1-7-6：

掌握使用PhtotshopCS进行切片导出的方法与技巧

4

项目编号

项目名称

项目内容

主要教学知识点

学习目标

学时

P1-8

书法家庄辉个人网站模板页效果图的设计与制作

运用色彩的基本理论与网页版式布局理论设计书法家庄辉个人网站模板效果图

K1-35：

色彩的基本理论

K1-35：

网页配色的原则

K1-36：

网页的配色方法

K1-37：

网页版式布局的要点与布局的方法

K1-38：

网页版式构成的类型

O1-8-1：

了解色彩的基本理论

O1-8-2：

了解网页配色的原则

O1-8-3：

了解网页的配色方法

O1-8-4：

了解网页版式布局的要点与布局的方法

O1-8-5：

了解网页版式构成的类型

4

P1-9

高职高专教学水平评估评建网Gif动画

根据项目需求设计并制作高职高专教学水平评估评建网bannerf动画

K1-36：

photoshop动画面板的使用

K1-37：

photoshop制作动画的基本方法

K1-38：

过渡动画的制作方法

K1-39：

掌握文字动画的制作方法

K1-40：

混合Gif动画设计方法

O1-9-1：

掌握Photoshop动画面板的使用方法。

O1-9-2：

掌握Photoshop制作动画的基本方法。

O1-9-3：

掌握过渡动画的制作方法。

O1-9-4：

掌握文字动画的制作方法。

24

P1-10

书法家庄辉个人网站动画的设计

制作书法家庄辉个人网站中的banner动画

K1-41：

FlashSwish软件的界面

K1-42：

FlashSwish软件制作动画的基本方法

K1-43：

掌握FlashSwish软件对动画的控制方法

K1-44：

掌握文字动画的淡出效果的制作方法

O1-10-1：

认识FlashSwish软件的界面

O1-10-2：

掌握FlashSwish软件制作动画的基本方法

O1-10-3：

掌握FlashSwish软件对动画的控制方法

O1-10-4：

掌握文字动画的淡出效果的制作方法

2

P1-11

书法家庄辉个人介绍页面的制作

根据项目需求，使用基本网页的编辑方法完成书法家庄辉个人介绍页面的制作

K1-45：

Dreamw

eaver的基础知识

K1-46：

Dreamw

eaver插入文本、图像、表格、超级链接

K1-50：

Dreamw

eaver插入特殊字符、动画图、Flash透明动画像的方法

O1-11-1：

掌握Dream

weaver的基础知识

O1-11-2：

掌握Dream

weaver插入文本、图像、表格、超级链接的方法与技巧

O1-11-3：

掌握Dream

weaver插入特殊字符、动画、设置透明动画的方法

4

项目编号

项目名称

项目内容

主要教学知识点

学习目标

学时

P1-12

高职高专教学工作评建网HTML代码的编写

根据项目需求，结合网页基本编辑方法编写高职高专教学工作评建网HTML代码

K1-53：

HTML语言简介

K1-54：

HTML的基本结构

K1-55：

HTML的常用标记

K1-56：

HTML编写页面的方法

K1-57：

熟练浏览并修改HTML代码

O1-12-1：

了解HTML语言简介

O1-12-2：

掌握HTML的基本结构

O1-12-2：

掌握HTML的常用标记

O1-12-2：

掌握使用HTML编写页面的方法

O1-12-2：

能够熟练浏览并修改HTML代码

4

P1-13

计算机科学与工程系迎评网CSS设计

根据项目需求设计计算机科学与工程系迎评网CSS样式表

K1-58：

认识CSS样式表

K1-59：

创建新样式表与应用样式表

K1-60：

CSS的规则定义

K1-61：

链接外部CSS样式表

K1-62：

设置CSS样式表的方法

O1-13-1：

掌握CSS的基本理论

O1-13-2：

掌握CSS的相关属性的设置方法

O1-13-2：

掌握CSS的应用方法

O1-13-3：

掌握CSS的设计应用方法。

O1-13-4：

掌握CSS的应用方法

4

P1-14

图形图像专题学习网站主页设计

根据项目需求完成图形图像专题学习网站主页编辑

K1-63：

创建预定义框架

K1-64：

创建预定义框架

K1-65：

框架的多种选择方法

K1-66：

框架集的多种选择方法

K1-67：

框架集的保存

K1-68：

设置框架的属性

K1-69：

设置框架集的属性

O1-14-1：

掌握在网页中创建框架的方法

O1-14-2：

为框架命名并导入框架源文件

O1-14-3：

框架集文件的保存

O1-14-4：

掌握框架集合集属性与框架属性的设置方法

O1-14-5：

编辑框架的内容

4

P1-15

表格布局淮信科技有限公司培训中心网站

根据项目需求使用表格布局淮信科技有限公司培训中心网站

K1-70：

设置表格的属性

K1-71：

使用表格制作单线

K1-72：

使用表格布局网页

O1-15-1：

掌握表格的属性的设置技巧。

O1-15-2：

掌握使用表格制作单行线的制作方法。

O1-15-3：

掌握表格布局的技巧。

项目编号

项目名称

项目内容

主要教学知识点

学习目标

学时

P1-16

DIV+CSS布局软件项目化综合实训精品课程网站

根据项目设计要求使用DIV+CSS技术布局软件项目化综合实训精品课程网站

K1-73：

表现和内容的分离

K1-74：

DIV+CSS布局的优势

K1-75：

选择符

K1-76：

元素的继承性与分类

K1-77：

CSS盒模型

K1-78：

CSS布局基础

K1-79：

单行单列结构

K1-80：

二列布局结构

K1-81：

三列布局结构

O1-16-1：

掌握表现和内容的分离的原理

O1-16-2：

了解DIV+

CSS布局的优势

O1-16-3：

掌握选择符的类型。

O1-16-4：

掌握元素的继承性与分类

O1-16-5：

掌握盒模型

O1-16-6：

掌握单行单列结构

O1-16-7：

掌握二列布局结构

O1-16-8：

掌握三列布局结构

O1-16-9：

掌握嵌套结构

O1-16-10：

掌握类表菜单的设计制作方法

8

P1-17

书法家庄辉个人网站模板页设计与制作

根据项目需求，制作书法家庄辉个人网站模板，运用模板技术完成整个网站

K1-82：

站点的概念与创建站点的方法K1-83：

网站模板的概念与创建方法

K1-84：

网站模板的应用方法

K1-85：

网站中库的概念与应用方法

O1-17-1：

掌握站点的概念与创建站点的方法

O1-17-2：

网站模板的概念与创建方法

O1-17-3：

网站模板的应用方法

O1-17-4：

网站中库的概念与应用方法

O1-17-5：

网站模板的应用技巧

4

P1-18

淮安信息职业技术学院新生查询系统

根据项目需求运用动态编程技术实现淮安信息职业技术学院新生查询系统

K1-86：

asp编程基础

K1-87：

表单的应用

K1-88：

创建数据库与SOL语言基础

K1-89：

配置Web服务器

K1-90：

网页参数的传递

K1-91：

连接数据库

K1-92：

读取数据库的数据

K1-93：

显示查询结果（包括模糊查询）

O1-18-1：

asp编程基础与表单的应用

O1-18-2：

掌握创建数据库的方法与技巧

O1-18-3：

掌握SOL语言基础

O1-18-4：

掌握配置Web服务器的方法

O1-18-5：

掌握连接、并查询数据库的方法

O1-18-6：

掌握连接、读取并查询数据库的方法

8

项目编号

项目名称

项目内容

主要教学知识点

学习目标

学时

P1-19

班级通讯录管理系统

根据班级的需求完成班级通讯录管理系统

K1-92：

修改数据库的数据

K1-92：

删除读取数据库的数据

K1-92：

添加读取数据库的数据

O1-19-1：

掌握添加数据信息的方法与技巧

O1-19-2：

掌握修改添加数据信息的方法与技巧

O1-19-3：

掌握删除数据信息的方法与技巧

4

P1-20

书法家庄辉个人网站的动态化

根据项目需求将书法家庄辉个人网站制作程动态网站

K1-93：

动态CMS系统的下载

K1-94：

栏目的设计

K1-95：

网站模板的设计

K1-96：

内容的添加

K1-97：

代码的调用

O1-20-1：

掌握动态CMS系统的下载方法

O1-20-2：

掌握网站的栏目设计

O1-20-3：

掌握网站模板的设计

O1-20-4：

掌握网站内容的管理方法

O1-20-5：

代码的调用方法

4

P1-21

英语等级考试专题学习网站

根据项目需求完成英语等级考试专题学习网站全站的制作

K1-98：

综合考虑网站前期策划与内容组织（网站需求分析、风格定位、规划草图、规划站点结构）

K1-99：

综合考虑制作网站页面效果图的设计制作

K1-99：

网页编辑与动画设计

K1-100：

代码融合

O1-21-1：

掌握综合考虑网站前期策划与内容组织（网站需求分析、风格定位、规划草图、规划站点结构）的方法

O1-21-2：

掌握综合考虑制作网站页面效果图的设计制作的方法

O1-21-3：

掌握的网页编辑与动画设计技巧

O1-21-4：

掌握代码融合的技巧

30

注：

①项目编号-P开头，第1个编号表示主干课程序号，第2个编号表示此项目在该主干课程中序号，例如“P1-1”表示主干课程TC1的第1个项目。

②“主干教学内容”以K开头，与人才培养方案中表3对应。

③“学习目标”以OO开头。

五、学习资源的选用

1．教材的选取原则

以培养实践能力、创新能力和创业能力为指导思想，贯彻高职高专培养目标，强调理论与实践的结合、教材与实际的结合、操作与管理的结合，理论实践一体化教材。

2．推荐教材

张洪斌、刘万辉主编.北京；机械工业出版社2009

3．参考的教学资料

学习情境授课计划、引导文、参考资料、项目检查单、项目评价表、教学课件、练习题、项目教学情景案例库。

4．学习网站

精品课程网站：

http:

//222.184.26.189/wywz

项目展示网站：

http:

//222.184.26.189/wb/xmzs/index.htm

项目外包网站：

http:

//222.184.26.189/wb/

实践教学平台：

http:

//222.184.26.189/wb/

专题学习网站：

http:

//222.184.26.189/wb/

网络课程平台：

http:

//222.184.26.189/wb/

网站模板库：

http:

//222.184.26.189/wb/

网络教程平台：

http:

//222.184.16.189/wzsj/xgkcjx/index.html

六、教师要求

1．具有独立完成中型商业网站的的水平和能力。

2．具备一定的项目设计能力和项目组织经验。

3．课内实践部分指导教师必须具备现场实际工作经历2年以上。

4．具备设计基于行动导向的教学法的设计应用能力。

5．能采用先进的教学方法，具有比较强的驾驭课堂的能力。

6．具有良好的职业道德和责任心。

七、学习场地、设施要求

为保证学生顺利实施与完成项目任务，本课程必须在实践理论一体化教师或专用实训室完成教学过程。

学习场地及设施的具体要求见表2-1-2。

表2-1-2课程项目结构与课时分配表

项目

学习场地、设施要求

P1-1、P1-2、P1-3、P1-4、P1-5、P1-6、P1-7、P1-8、P1-9、P1-10、P1-11、P1-12、P1-13、P1-14、P1-15、P1-16、P1-17

多媒体计算机、PhotoshopCS以上版本、DremweaverCS以上版本、Flashswish动画制作软件

P1-18、P1-19、P1-20、P1-21

与上同，另外需安装IIS5.0以上版本

八、考核方式与标准

为全面考核学习的学习情况，本课程主要以过程考核为主，考核涵盖项目任务全过程，主要从项目设施等五项来进行考核。

各项目考核方式与考核标准见表2-1-3。

表2-1-3课程项目结构与课时分配表

项目编号

考核点及占项目分值比例

建议考核方式

评价标准

成绩比例（%）

优

良

及格

P1-1

1.网页制作的简单方法（50%）

教师评价+互评

掌握网页制作的简单方法

基本掌握网页制作的简单方法

了解网页制作的简单方法

5

2.网络的基本术语（50%）

教师评价+互评

掌握网络的基本术语

基本掌握网络的基本术语

了解网络的基本术语

项目编号

考核点及占项目分值比例

建议考核方式

评价标准

成绩比例（%）

优

良

及格

P1-2

1.客户的需求分析（30%）

教师评价+互评

掌握客户的需求分析

基本掌握客户的需求分析

了解客户的需求分析

5

2.网站的项目规划方法（30%）

教师评价+互评

掌握网站的项目规划方法

基本掌握网站的项目规划方法

了解网站的项目规划方法

3.网站策划书的书写方法（30%）

教师评价+互评

掌握网站策划书的书写方法

基本掌握网站策划书的书写方法

了解网站策划书的书写方法

4.项目公共考核点（10%）

见表1-1-4

P1-3

1．掌握前期策划和内容组织的具体工作（20%）

教师评价+互评

掌握前期策划和内容组织的具体工作

基本掌握前期策划和内容组织的具体工作

了解前期策划和内容组织的具体工作

5

2．网站效果图的设计制作使用的软件（20%）

教师评价+互评

使用过网站效果图的设计制作使用的软件

简单使用过网站效果图的设计制作使用的软件

了解网站效果图的设计制作使用的软件

3.网站页面的编辑使用的软件（20%）

教师评价+互评

使用过网站页面的编辑使用的软件

简单使用过网站页面的编辑使用的软件

了解网站页面的编辑使用的软件

4.动画制作使用的软件

教师评价+互评

使用过动画制作使用的软件

简单使用过动画制作使用的软件

了解动画制作使用的软件

5.代码融合使用的系统（10%）

教师评价+互评

使用过代码融合使用的系统

简单使用过代码融合使用的系统

了解代码融合使用的系统

6.网站的上传软件（10%）

教师评价+互评

使用过网站的上传软件

简单使用过网站的上传软件

了解网站的上传软件

7.项目公共考核点（10%）

见表1-1-4

P1-4

1.认识Phtotshop界面（10%）

教师评价+互评

熟悉掌握PS界面

熟悉PS界面

熟悉部分PS界面

5

2.使用常用的40个快捷键地使用（20%）

教师评价+互评

掌握40个快捷键

基本掌握40个快捷键

了解40个快捷键，掌握部分快捷键

3.基本操作（30%）

教师评价+互评

熟悉掌握PS基本操作

基本掌握PS基本操作

基本掌握部分PS基本操作

项目编号

考核点及占项目分值比例

建议考核方式

评价标准

成绩比例（%）

优

良

及格

P1-4

4.基本本工具的使用（30%）

教师评价+互评

熟悉掌握基本本工具的使用

基本掌握基本本工具的使用

基本掌握部分基本本工具的使用

5

5.项目公共考核点（10%）

见表1-1-4

P1-5

1.图层的操作（10%）

教师评价+互评

熟悉掌握图层的操作

基本掌握图层的操作

简单使用图层的操作

5

2.图层样式的使用（45%）

教师评价+互评

熟悉掌握图层样式

基本掌握图层样式

简单使用图层样式用

3.项目公共考核点（10%）

见表1-1-4

P1-6

1.色阶的调整（30%）

教师评价+互评

熟悉掌握色阶的调整

基本掌握色阶的调整

简单使用色阶的调整

5

2.色彩的调整（30%）

教师评价+互评

熟悉掌握色彩的调整

基本掌握色彩的调整