《网页设计》课程标准
课程名称：《网页设计》
适用专业：计算机应用技术，电子商务
建议学时： 72
学分： 4
1.前言
1.1 课程的性质
《网页设计 dreamweaver》是计算机应用技术专业和电子商务的主要专业课
之一，是为满足行业企业在网络媒体内容制作岗位对静态网页设计和制作人员的
用人需求而开设的一门专业必修课，占 4 学分。
1.2课程定位
本课程主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能够运用专业的网页设计工具和脚本语言，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。
在本课程之前，学生已学习了《计算机应用基础》、《Photoshop 平面设计》等基础课程的，具备基本的计算机操作与图形图像制作能力，本课程的后续课程是《 ASP动态网页设计》。
1.3 设计思路
本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程
开发，邀请企业行业网络专家对计算机网络专业所涵盖的岗位群进行工作任务和
职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。同时开发教材，对教学过程的组织、教学条件、课程评价都进行了详细的设计，完成
本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标
准。
2.课程目标
本课程以学生能够独立进行静态网站开发与维护的实际工作能力为学习目
标，要求学生具备综合运用HTML技术制作网页，规划、开发、发布管理静态网
站的专业知识和技能，形成解决实际应用问题的方法能力，为以后的学习《ASP 动态网页设计》课程打下基础。
本课程培养学生综合运用HTML技术制作网页，以及使用常用网页设计工具规划、开发、发布、管理静态网站的专业知识和技能，具备解决实际应用问题的
方法能力，为以后的学习《ASP动态网页设计》课程打下基础。
具体目标如下：
2.1 知识目标
能处理网页图形图像素材
能规划、创建、发布、维护静态网站
能运用 javascript控制网页行为
能运用多种布局技术制作网页布局
能灵活运用 css 技术规范、美化网页内容
能跟踪和学习并应用网页设计与制作的新知识和新技术
2.2 技能目标
能合理的规划商业网站；
能合理设计网页的布局方案和美术设计方案；
能规范的编写网页策划书；
能熟练应用 Photoshop 绘制网页导航要素；
能熟练应用 Photoshop 绘制网页信息区块；
能熟练应用 Photoshop 绘制网页美术文字效果；
能熟练应用 Photoshop 处理网页插图；
能熟练应用 Photoshop 绘制网页整体效果图；
能熟练应用 Photoshop 正确的对网页效果图进行切片和优化；
能熟练应用 Dreamweaver进行网站站点管理和初始化页面；能
熟练应用 Dreamweaver对网页的总体结构进行排版；
能熟练应用 Dreamweaver对网页插片和文字进行编排；
能熟练应用 Dreamweaver制作网页的细节效果；
能应用 Dreamweaver进行 DIV+CSS结构排版；
能熟练应用 Dreamweaver制作模板与网站子页；
能应用 Dreamweaver制作框架页面结构和简单页面脚本交互功能；
能熟练应用 Dreamweaver链接网页与测试网站；
能应用互联网资源发布网站；
能熟练应用 Dreamweaver维护网页。
2.3素质目标
培养良好的劳动纪律观念；
培养认真做事、细心做事的态度；
培养团队协作精神；
培养表述、回答等语言表达能力；
培养交流、沟通的能力
3.课程内容和学时安排
以真实工作项目为依据，对项目进行功能分解、归纳，提取工作任务，分析
工作任务所涉及的相关知识，设计一系列能力要求不断提升的进阶式学习任务，
以学习任务为教学单元组织课程教学，将网页各类语言的应用融入到各学习情境中，模拟网站开发流程，设计以训练学生为主、教师指导为辅的基于工作过程教
学活动，培养学生岗位职业技能应用及自主学习能力，从而构建该课程的教学内容。
《网页设计》课程教学内容设计如下表所示。
( 一)总体设计
任务课序号知识要点技能目标
名称时
常见网页设计工具的使用安装与启用网页制作软件
HTML 文档基本结构熟悉网页制作的基本步骤
制作图1文本排版控制标记符正确插入文本与特殊字符
文混排4图像插入标记符正确对文本进行分段分行
网页
正确插入图像
特殊字符
css 的意义、创建与使用方法运用 css 技术控制文字图片样式
制作个2人简历
网页
制作电3子相册
网页
制作唐4诗欣赏
网站
制作个5
人网站
制作用6户注册
网页
制作智
能显示7
效果的
网页
制作订8
单网页有序列表标记符
无序列表标记符
表格标记符
超链接标记符
Css 技术对列表的控制方法
网页图像素材的特点与主要类型
Fireworks 对图片进行批处理的方法
电子相册排版要点
图像、表格、超链接标记符的相关属
性
Css 技术的滤镜使用方法
本地网站的创建与发布
IIS 的安装与设置方法
网站的规划与制作流程
框架技术进行网页布局的方法
超链接标记符在框架技术中的作用
锚点链接技术
网站 LOGO 的制作方法
制作网站 flash banner 的方法
多媒体素材网页的制作方法个
人网站的规划与制作流程
个人网站的规划方法与制作特点运
用图形制作工具绘制网页布局
Fireworks 切片并导出网页的方法
Dreamweaver 布局切片网页的方法
页内框架技术布局网页的方法
动态导航条的制作方法
css 进行样式规范与美化网页的方法
表单与表单元素的相关标记符
表单与表单元素的作用
表格布局表单元素
css 对表格、表单元素的控制方法
Dreamweaver 检验表单行为的应用
以电子邮件方式提交表单的方法
Javascript 基本语法知识
Javascript 语句嵌入到html 的方法
表单元素调用 Javascript 语句的方法
Javascript 函数的调用方法
时间对象的使用方法
浏览器对象的控制方法
Javascript 判断、循环等语句的语法
知识
创建与调用Javascript 自定义函数的
制作有序列表、无序列表
制作混合列表
运用超链接启动电子邮箱链接4
.运用表格进行简单页面排版
运用 css 技术设置列表显示方式
熟悉网页图像素材的特点与类型掌
握 Fireworks 的基本操作方法了解
并掌握网页图片处理的主要方
法6
熟知图像、表格、超链接标记符的属
性
运用 css 滤镜技术美化图片效果
正确创建、设置、发布本地网站
正确安装、设置与管理IIS
运用框架技术进行网页布局
锚点技术在长版面网页中的应用
运用图像设计软件制作LOGO
10
运用 flash 制作具有动态效果的
banner
掌握向网页插入动画、视频等多媒体
素材的方法
熟悉 css 控制超链接样式的方法
了解个人网站的制作方法与特点
设计并绘制网页布局图
应用切片技术设计网页布局结构
运用 Dreamweaver 优化切片网页10
运用页内框架技术实现网站超链接
掌握制作动态导航条的方法
运用 css 对网页进行样式规范与美化
熟悉表单及表单元素的设置方法
掌握表格布局表单元素的方法
运用 css 对表格、表单元素进行规范
4
与美化
掌握 Dreamweaver 验证表单的方法
掌握电子邮件形式提交表单的方法
熟悉 javascript 语法知识
掌握在 html 中调用 javascript 代码的
方法6
熟悉调用 javascript 的事件
控制与使用时间对象、浏览器对象
灵活运用 Javascript 分支与循环语句
掌握 Javascript 自定义函数的方法6
掌握数组对象、字符对象、文档对象
