《网页设计》课程标准.docx
- 文档编号:4153526
- 上传时间:2022-11-28
- 格式:DOCX
- 页数:31
- 大小:30.49KB
《网页设计》课程标准.docx
《《网页设计》课程标准.docx》由会员分享,可在线阅读,更多相关《《网页设计》课程标准.docx(31页珍藏版)》请在冰豆网上搜索。
《网页设计》课程标准
《网页设计》课程标准
课程名称:
《网页设计》
适用专业:
计算机应用技术,电子商务
建议学时:
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的制作方法
制作网站flashbanner的方法多媒体素材网页的制作方法个人网站的规划与制作流程
个人网站的规划方法与制作特点运用图形制作工具绘制网页布局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
掌握数组对象、字符对象、文档对象
方法
的控制与使用方法
数组对象的控制与使用方法
综合运用javascript、html、css技术
字符对象的控制与使用方法
文档对象的控制与使用方法
制作在
Javascript对表单元素的访问与控制
掌握Javascript访问与控制表单元素
方法
的方法
9线考试
定时器的使用方法
6
网页
灵活设置与取消定时器
HTML技术的综合应用方法
运用HTML处理页面的能力
熟悉运用div+css技术设计网页
门户网站的设计、规划与制作流程
掌握Dreamweaver创建与运用divAp
制作数
网站创建、发布、维护管理的方法
的方法
码产品
Div+css布局网页的方法
掌握运用Dreamweaver时间轴功能
10
12
门户网
创建子菜单的方法
制作网页漂移元素的方法
站
html技术
掌握Dreamweaver行为面板的使用
Dreamweaver的高级应用技术
方法
灵活应用HTML增加网页特效
68
整个课程通过10个技术难度渐进式的工作过程为向导,以典型工作任务为
基点,设计综合理论知识、操作技能和职业素养为一体教学单元活动。
用任务驱
动教学的各个环节。
边做边学,带动相关知识点,使学生通过完成工作任务教学
单元的学习,不但能够掌握网页制作与网站设计的专业知识和专业技能,还能够
全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质,学
生通过学习的过程掌握工作岗位所需要的各项技能和相关专业知识。
(二)课程单元内容
任务名称
一、制作图文并茂的网页
参考课时
2
知
常见网页设计工具的使用
技
安装和启动网页制作软件
识
HTML文档基本结构
能
熟悉网页制作的基本步骤
要
文本排版控制标记符
目
正确插入文本与特殊字符
点
图像插入标记符
标
正确对文本进行分段分行
特殊字符以及物理显示标记符
正确插入图像
css的意义、创建与使用方法
运用css技术控制文字图片样式
任务驱动工作过程
1安装、启动与认识常用的网页制作工具
2制作一个基本结构完整、内容空白的HTML文档
3设置HTML文档的基本属性
4向HTML文档中添加文本信息,并运用相关标记符号进行排版
5向HTML文档插入图片,并运用相关标记符号进行图文混排
6
为网页的基本属性、文字的样式建立并应用相关
css类型,规范样式美化页面
拓展
1
给定文本内容与素材,制作一个图文并茂的网页
任务
2
给定主题,自行组织与制作素材,制作一个图文并茂的网页
任务名称
二、制作个人简历网页
参考课时
4
知
有序列表标记符
技
制作有序列表、无序列表
识
无序列表标记符
能
制作混合列表
要
表格标记符
目
运用超链接标记符启动电子邮箱链接
点
超链接标记符
标
运用表格进行简单页面排版
Css技术对列表的控制方法
运用css技术设置列表显示方式
简单任务活动安排
序号
任务名称
说明
1
制作一个包含有序列表、无序列表的网页
应用ULOL标记符
2
制作一个包含混合列表的网页
嵌套应用ULOL标记符
3
制作一个显示课程表的网页
应用TABLE标记符
4
制作一个将以上链接以上网页的网页
应用A标记符
5制作个人简历网页
任务
(1)
表格布局页面
工作
(2)
对表格中的单元格进行合并、
拆分,完成页面主体格局
过程
(3)
在相应单元格中插入相关信息,完成简历信息制作
指导
(4)
电子邮箱启动的制作
给出布局供学生参考,分析制作过程,给出指引后学生自行完成
任务名称
三、制作电子相册网页
参考课时
6
知
网页图像素材的特点与主要类型
技
熟悉网页图像素材的特点与类型
识
Fireworks对图片进行批处理的方法
能
掌握Fireworks的基本操作方法
要
电子相册排版要点
目
了解并掌握网页图片处理的主要方法
点
图像、表格、超链接标记符的相关属性
标
熟知图像、表格、超链接标记符的属性
Css技术的滤镜使用方法
运用css滤镜技术美化图片效果
任务驱动工作过程
1规划与设计网页的风格与布局结构
2运用Fireworks制作具有艺术效果的网页文字标题
3运用Fireworks对相册素材图片的大小、版面样式、色彩等进行批处理,并导出结果
4利用表格对网页进行基本布局
5创建css文件,设置文字与图片格式,特别是为图片设置美化的滤镜效果
6向布局表格的单元格中插入相应的图片素材和文字说明,并应用css样式
7为图片素材和文字设置相关超链接
拓展
任务
任务名称
四、制作唐诗欣赏网站
参考课时
10
知
本地网站的创建与发布
技
正确创建、设置、发布本地网站
识
IIS的安装与设置方法
能
正确安装、设置与管理
IIS
要
网站的规划与制作流程
目
运用框架技术进行网页布局
点
框架技术进行网页布局的方法
标
锚点技术在长版面网页中的应用
超链接标记符在框架技术中的作用
运用图像设计软件制作
LOGO
锚点链接技术
运用flash制作具有动态效果的banner
网站LOGO的制作方法
掌握向网页插入动画、视频等多媒体素
制作网站flashbanner的方法
材的方法
多媒体素材网页的制作方法
熟悉css控制超链接样式的方法
任务驱动工作过程
1
规划网站的模块(可按作者划分模块)
、首页布局结构(左上下结构)
2素材准备:
设计并制作网站LOGO、flashBanner及相关多媒体素材
3
创建相关文件夹,在
Dreamweaver创建本地站点,在IIS做相关设置
4
运用锚点技术创建长版面子模块网页,并运用
css技术实现图文并茂的效果
5创建left.htm页面,插入LOGO、标题并设置超链接源及目的窗口,形成导航条效果
6创建top.htm页面,插入相关flashBanne
7创建main.htm页面,内容为图文并茂的网站主题简介,作为首页主框架的内容
8创建首页index.htm,运用框架集布局页面,插入相关的框架页面,完成相关超链接
9发布与调试网站
任务名称
五、制作个人网站
参考课时
10
知
个人网站的规划方法与制作特点
技
了解个人网站的制作方法与特点
识
运用图形制作工具设计绘制网页布局
能
设计并绘制网页布局图
要
Fireworks执行切片并导出网页的方法
目
应用切片技术设计网页布局结构
点
Dreamweaver布局切片网页的方法
标
运用Dreamweaver优化切片网页
页内框架技术在网页布局中的应用方法
运用页内框架技术实现网站超链接
动态导航条的制作方法
掌握制作动态导航条的方法
css对网页进行样式规范与美化的方法
运用css对网页进行样式规范与美化
任务驱动工作过程
1
规划个人网站的模块内容(基本模块为:
自我介绍、个人爱好、个人相册、文章)
、首
页布局结构(上左右结构)
2
设计并绘制网站首页布局图
3
在Fireworks中对布局图进行切片操作,并导出文件夹
4
在Dreamweaver创建本地站点,在IIS做相关设置
5素材准备:
动态导航条及相关多媒体素材
6创建css文件,在Dreamweaver设置并优化切片网页,创建页内框架标记符
7创建并制作“自我介绍”、“个人爱好”、“相册”、“文章”等子模块页面及相关css
8建立超链接,完成网站
拓展任务
运用切片技术,由全球300强企业网站首页的截图,设计并制作首页、二级子页样式
任务名称
六、制作用户注册网页
参考课时
4
知
表单与表单元素的相关标记符
技
熟悉表单及表单元素的设置方法
识
表单与表单元素的作用
能
掌握表格布局表单元素的方法
要
表格布局表单元素
目
运用css对表格、表单元素进行规范与
点
css对表格、表单元素的控制方法
标
美化
Dreamweaver检验表单行为的应用
掌握Dreamweaver验证表单的方法
以电子邮件方式提交表单的方法
掌握电子邮件形式提交表单的方法
任务驱动工作过程
1创建页面,插入表单标记符,将表单行为设置为电子邮件提交
2
在表单中插入表格,并创建相应的
css样式对表格格式进行控制
3
在表格的单元格中插入表单元素,并创建相应的
css样式对表单格式进行控制
4通过Dreamweaver的行为面板设置单击提交按钮的行为
5测试网页,验证设计结果
任务名称
七、制作智能显示效果的网页
参考课时
8
知
Javascript基本语法知识
技
熟悉javascript语法知识
识
Javascript语句嵌入到html的方法
能
掌握在html中调用javascript
代码的方
要
表单元素调用
Javascript语句的方法
目
法
点
Javascript函数的调用方法
标
熟悉调用javascript的事件
时间对象的使用方法
控制与使用时间对象、浏览器对象
浏览器对象的控制方法
简单任务活动安排
序号
任务名称
说明
1
制作一个能够输入并记载用户信息的网页
prompt()函数的调用
2
制作一个具有显示当前时间功能的网页
时间对象的使用
3
制作一个可以更改网页背景颜色的网页
文档对象
4
制作一个可以设置浏览器状态栏信息的网页
浏览器对象
5
制作一个根据具有智能显示效果的网页
给出案例供学生参考,分
任务
(1)
根据用户的访问时间设置相应的问候语
析制作过程,给出指引并
工作
(2)
根据用户的喜好设置网页背景与字体颜色
鼓励学生添加智能效果,
过程
(3)
状态栏中显示用户当前的操作行为
学生自行完成
指导
(4)
具有设置为默认页面、添加到收藏夹等功能
任务名称
八、制作订单网页
参考课时
8
知
Javascript判断、循环等语句的语法知识
技
灵活运用Javascript分支与循环语句
识
创建与调用Javascript自定义函数的方法
能
掌握Javascript自定义函数的方法
要
数组对象的控制与使用方法
目
掌握数组对象、字符对象、文档对象的
点
字符对象的控制与使用方法
标
控制与使用方法
文档对象的控制与使用方法
综合运用javascript、html、css技术
简单任务活动安排
序号
任务名称
说明
1
制作一个能记录并输出一组用户登记信息的网页
prompt()+数组+文档对象
2
在以上任务增加功能:
用户可以控制体中止输入信息
判断语句的使用
3
在以上任务增加功能:
美化用户的输出信息
css
5
制作订单网页
给出案例供学生参考,分
任务
(1)
能列出商品的名称及单价供用户选择
析制作过程,给出指引并
工作
(2)
用户可以在选择商品的同时输入数量
鼓励学生从界面友好、操
过程
(3)
根据用户输入的信息输出订单,
包括商品名称、数量、
作方便等方面增加网页功
指导
单价,以及总的金额
能,学生自行完成
(4)用户确认订单后,信息以邮件的方式提交
任务名称
九、制作在线考试网页
参考课时
8
知
Javascript对表单元素的访问与控制方法
技
掌握Javascript访问与控制表单元素的
识
定时器的使用方法
能
方法
要
HTML
技术的综合应用方法
目
灵活设置与取消定时器
点
标
运用HTML处理页面的能力
简单任务活动安排
序号
任务名称
说明
1
制作一个具有单选及复选按钮的网页
表单设计
2
在以上任务增加功能:
记载用户的选择信息,并输出
访问表单、数组对象、alert()
3
在以上任务增加功能:
一定时间内浏览器自动关闭
定时器、浏览器对象
4
在以上任务增加功能:
将信息输出在新浏览器窗口中
文档对象、浏览器对象
5
制作在线考试网页
向演示案例效果,提示学生
任务
(1)
登记并显示用户登陆信息,并显示倒计时
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计 网页 设计 课程标准