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

网页设计与制作课程标准

课程代码：建议课时数：96学分：6

适用专业：五年制高职电子商务专业

先修课程：图像处理、数据库管理、实用网络技术

后续课程：动画制作、电子商务网站建设

一、前言

1.课程的性质

该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用

性极强的课程。

其任务是：该课程主要涉及到网站建设规划与管理、HTML语言、静态网页制作、动态网

页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识

和基本能力。通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法

以及初步掌握通过Dreamweaver创建动态网站的操作技能。

2.设计思路

本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”,

打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到

的知识点融合在项目中。学生通过各项目的系列练习操作，熟练地掌握岗位所需

知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。它体现了

职业教育“以就业为导向，以能力为木位”的职业教育理念.

课程框架结构、学分和学时分配、对学生选课的建议

项目名称建议学时学分备注

项目一初识网站6每部分内容以

项目二HTML语言8项目或任务为主体，

项目三页面布局设计10通过完成相应的项

6

项目四制作图文并茂的网页10目或任务，理解相

关知识点，掌握中

项目五css样式设计8

小型网站建设与管

项目六div+css12

项目七表单的应用8理的基本操作，能

项目八模板和库的应用6够制作并管理中小

项目九行为10型网站。

项目十初识动态网站18

合计96

二、课程目标

总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具

备％b网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小

型的网站。

具体目标

（一）知识教学目标：

了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。

了解网站平面设计的概念和过程。

了解HTML的基本概念、基本格式、能编写一个网页；

了解HS的工作原理；知道启动web服务扩展；知道虚拟服务器技术的实现与

创建；了解网站的管理包括：IIS配置备份与恢复、网络监视、口志管理。

学会并掌握站点建设能制作简单网页

学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调

整、删除等基本操作

学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等,

掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链

接、书签链接等，掌握在网页中插入各种多媒体元素。

了解CSS样式的概念及其作用，了解css样式定义的各选项的含义及其作用，

掌握在网页中添加样式表的方法，掌握样式表文件的导出及链接外部样式表的方

法。

学会并掌握表单的创建方法，掌握表单的布局的建立、表单元素的添加、表

单元素的属性以及表单元素样式的设定等。

了解dhtml和层对象的概念，掌握添加层的基本方法及其相关属性的设置，

掌握层的基本操作方法，掌握表格与层的相互转换的方法。

了解行为的基本原理、概念及行为的特点，掌握给对象附加行为的基本方法

以及如何修改行为的触发事件，掌握内置行为的具体应用方法。

结合网站应用的特点，掌握基于Web的数据库的基本操作模式。掌握数据库连

接的一般使用方法，学会使用ADO访问数据库，掌握ADO中的Connection对象和

Recordset对象的主要属性和方法。掌握在Dreamweaver下做对数据库表进行基本

操作的页。掌握数据库管理（数据检索、插入数据、修改数据、删除数据）方法。

了解并掌握网站发布的完整流程，掌握对已有网站维护的方法，了解服务器

管理的相关知识。

（二）技能教学目标：

1、运用科学的思维方法，对网站设计、建设、推广和运营等各方面问题进行

整体策划，并提供完善的解决方案：

2.学会使用文字标志、段落标志、列表标志、超链接标志。

3.学会安装HS并调试：学会建立一个站点并配置；

4.能够使用HTML语言编写网页：

5.掌握DreamweaverCS3制作网页的方法；

6.掌握使用ASP的数据库访问组件来连接数据库；

7、通过一个整体的项目，对某一网站作一个完整的设计和制作，以此达到建

设中小型网站的能力。

（三）素质教学目标：

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

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

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

4.具有一定的科学思维方式和判断分析问题的能力；

5.具有较强的网页设计创意思维、艺术设计素质。

三、课程内容和要求

教学情境与教参考

呼号工作任务知识点训练或工作项目教学要求

学设计学阪

1.网页的基本构成要素、静态1.熟悉各种网页浏览器、制了解网站的历史和现状，对当今网

网页与动态M页的区别,各种作工具,各种功能性的网站应用的各种技术有一个礴性的认

浏览涔和网页制作工具.站.识,运用科学的思维方法，对网站

2.掌握站点编辑和管理的方2.利用Dreunnreuvercs3打造设计、花设、推广和运营等各方面

法、掌握站点素材及其制作工并管理网站站点何即进行整体柒划，并提供完善的顶n教学：

1初识网站具的有关知识、了解站点的设2、利用Dreamweavercs3打解决方案,学会网站站点的建立与创建你的笫一4

计流程造并管理网站站点管理，个网站

2、掌握站点编辑和管理的方

法、掌握站点素材及其制作工

具的有关知识、了解站点的设

计流程

i.imn,的站本概念、基本格式,1.实现用记率木编写具有学学会并掌握站点建设能利用html语

项目教学：

文字标记、段落标记等.生情息的网页.吉制作简单网页

2Htnl创建我的个人8

2.KTML语言的成要标记和属性2.应用多种标记

网站

2、imii.语言的重要标记和属性2、应用多种标记

1.掌握表格属性的设置,理解1.学会并灵活利用表格对网学会并掌握使用布局表格和单元格

各参数的含义页进行合理布局的方法与技设计页面布局：掌握框架网页的创

2.理解框架和框架集的作用巧建、调整、删除等基本操作

项目教学：创

3,RP元素的属性，spry构件的2.掌握选择、创建框架和板

页面布局建“北京体育电

3概念及类别架集的方法12

设计影周”网站

3.AP元求的属性,spry构件的3.创建及编辑AP元素及spry

概念及类别构件的方法

3.AP元素的属性,spry构件的3、创建及编及AP元素及spry

概念及类别构件的方法

教学情境与教参考

呼号工作任务知识点训练或工作项目教学要求

学设计学阪

1.掌提图像的分类及其特点,1.设置图像属性、文字提示，学会并掌握在网页中添加图像的甚

广解图像占位符、Firewroks创建图像热点区域以及掌握本方法、设四图像属性、变换图像

HTML文件、图像的变换效果和图像占位符、变换图像效果效果等，掌握多种超植接的创建方

导航条等.等方法.法、以及设置超链接目标窗口及文

2.了解URL地址解析、理解绝对2、掌握多种方法创建超级链本提示、设置,图件链接、书签SJ接

路径和相对路程的概念接,以及设置超级锥接目标等,掌握在网页中插入各种多媒体

3,了解Hash动通、图像杳后窗口及文本提示、设置邮件元素，项耳教学：“江

制作图文

器、ActiveX控件、Plugin插件链接和设置书筋健接等南美食”网站制

4并茂的网10

和视频、音频格式等相关知识，3.掌握在网页中插入Flash作

页

3、了斛Flash动扇、图像查看动画、Flash按钮、Flash文

器、ActiveX控件、Plugin插件本、图像伤看器及相关同性

和视频、音频格式等相关知识.的设置.

3.掌握在同页中插入Flaeh

动画、Flash按钮、Flash文

木、图像查看器及相关属性

的设置.

Less样式的概念、作用1.在网页中添加样式表的方了解CSS样式的概念及其作用，了

2.css样式定义的各选项的含法。解css样式定义的各选项的含义及

项目教学：创

CSS样式义及其作用2.样式表文件的导出及链接其作用,掌握雷网页中添加样式表

5建无锡旅游网10

设计2.css样式定义的各选项的含外部样式衣的方法的方法，掌握样式表文件的导出及

义及其作用2、样式表文件的导出及处接鞋接外部样式表的方法.

外部样式表的方法

DIV♦CSS了解并掌握DIY+CSS布局一列、拿樨使用DIV+CSS布局一列、通过实践活动.掌押使用DIV+CSS项目教学：创

612

网页布局两列、三列等常用网页布用的两列、三列等启用网页布用，进行网页布同的方法，建个人博客页

教学情境与教参考

呼号工作任务知识点训练或工作项目教学要求

学设计学阪

相关知识，面

1.了解表单的作用、属性1.理解表单交互的基本原学会并掌握表单的创注方法,掌握

2.了解表单元素及表单元素的埋，军握建立表单布对表现的布局的建立、表单元素的添

属性.2、插入不同表单元案,设置加、表单元素的属性以及表单元素项目教学：产

衰单的应2、了解表单元素及去单元素的相关的版性，样式的设定等。国信息反馈表

76

用属性.2.插入不同表单元素.设置的制作

相关的双性。

2、插入不同表单元素.设置

相关的属性。

1,模板的作用和制作方法1.创作模板页面学会创作模板页面和库项目的方项目教学：制

模板和眸2.库的作用和制作方法2.创建库项目法,并能应用模板和库项目作基于模板旅

86

的应用2、理的作用和制作方法2、创建洋项日浙信息页面

1.行为的基本原理、概念及行1.给对象附加行为的基本方J'解行为的基本原理、概念及行为

为的特点法以及修改行为的触发事件的特点，拿掘给时象附加行为的基

2,行为的概念,时行为的触发的方法.本方法以及如何修改行为的触发事

项目教学：创

事件的理解2.制作弹出窗口、播放声音、件，掌握内置行为的具体应用方

9行为建动漫网10

2.行为的概念,对行为的触发弹出消息枢、设置导航栏图法，

事件的理解像、弹出菜单的步骤方法等

2、行为的概念，时行为的触发

事件的理解

初识动态1.配理服务器的目的，设置权1.配置服务器，编辑站点,结合网站应用的特点,掌握基项目教学：创

1018

网站限的隙埋，ASP基础。设出权限，制作动态网页。于Ueb的数据标的基本操作模式.拿建学生成绩管

教学情境与教参考

呼号工作任务知识点训练或工作项目教学要求

学设计学阪

2.ADO中的Connect!on对象和2.使用ASP的数据库访问组握数抠底连接的•般使用方法，学理系统网站

Recordset对象的主要属性和件来连接数据库.会使用ADO访何数据库.掌握ADO中

方法。3.在Dreawweaver下制作前的Connection对象和Recordset对

3.服务器行为价显示页面.象的主要属性和方法。掌樨在

4.对操作语句的理解,检索-1.在Dreanweaver下实现对Dreameaver下做对数据摩裳进行

select»添加insert、修改数据库表的基本操作《检索基本操作的页.掌握数据库管理（数

update、删除delete。数据、插入数据、修改数据、据梅素、插入数据、修改数据、蒯

，、对操作语句的理解.检索删除数据》.除数据）方法.

select添加insert、修改4、在Dreamweaver下实现对

update、删除d