网页设计课程标准Word下载.docx
- 文档编号:18897289
- 上传时间:2023-01-02
- 格式:DOCX
- 页数:19
- 大小:27.20KB
网页设计课程标准Word下载.docx
《网页设计课程标准Word下载.docx》由会员分享,可在线阅读,更多相关《网页设计课程标准Word下载.docx(19页珍藏版)》请在冰豆网上搜索。
任务名称
知识要点
技能目标
课时
1
制作图文混排网页
Ø
常见网页设计工具的使用
HTML文档基本结构
文本排版控制标记符
图像插入标记符
特殊字符
css的意义、创建与使用方法
安装与启用网页制作软件
熟悉网页制作的基本步骤
正确插入文本与特殊字符
正确对文本进行分段分行
正确插入图像
运用css技术控制文字图片样式
2
制作个人简历网页
有序列表标记符
无序列表标记符
表格标记符
超链接标记符
Css技术对列表的控制方法
制作有序列表、无序列表
制作混合列表
运用超链接启动电子邮箱链接
.运用表格进行简单页面排版
运用css技术设置列表显示方式
3
制作电子相册网页
网页图像素材的特点与主要类型
Fireworks对图片进行批处理的方法
电子相册排版要点
图像、表格、超链接标记符的相关属性
Css技术的滤镜使用方法
熟悉网页图像素材的特点与类型
掌握Fireworks的基本操作方法
了解并掌握网页图片处理的主要方法
熟知图像、表格、超链接标记符的属性
运用css滤镜技术美化图片效果
6
制作唐诗欣赏网站
本地网站的创建与发布
IIS的安装与设置方法
网站的规划与制作流程
框架技术进行网页布局的方法
超链接标记符在框架技术中的作用
锚点链接技术
网站LOGO的制作方法
制作网站flashbanner的方法
多媒体素材网页的制作方法
个人网站的规划与制作流程
正确创建、设置、发布本地网站
正确安装、设置与管理IIS
运用框架技术进行网页布局
锚点技术在长版面网页中的应用
运用图像设计软件制作LOGO
运用flash制作具有动态效果的banner
掌握向网页插入动画、视频等多媒体素材的方法
熟悉css控制超链接样式的方法
10
5
制作个人网站
个人网站的规划方法与制作特点
运用图形制作工具绘制网页布局
Fireworks切片并导出网页的方法
Dreamweaver布局切片网页的方法
页内框架技术布局网页的方法
动态导航条的制作方法
css进行样式规范与美化网页的方法
了解个人网站的制作方法与特点
设计并绘制网页布局图
应用切片技术设计网页布局结构
运用Dreamweaver优化切片网页
运用页内框架技术实现网站超链接
掌握制作动态导航条的方法
运用css对网页进行样式规范与美化
制作用户注册网页
表单与表单元素的相关标记符
表单与表单元素的作用
表格布局表单元素
css对表格、表单元素的控制方法
Dreamweaver检验表单行为的应用
以电子邮件方式提交表单的方法
熟悉表单及表单元素的设置方法
掌握表格布局表单元素的方法
运用css对表格、表单元素进行规范与美化
掌握Dreamweaver验证表单的方法
掌握电子邮件形式提交表单的方法
7
制作智能显示效果的网页
Javascript基本语法知识
Javascript语句嵌入到html的方法
表单元素调用Javascript语句的方法
Javascript函数的调用方法
时间对象的使用方法
浏览器对象的控制方法
熟悉javascript语法知识
掌握在html中调用javascript代码的方法
熟悉调用javascript的事件
控制与使用时间对象、浏览器对象
8
制作订单网页
Javascript判断、循环等语句的语法知识
创建与调用Javascript自定义函数的方法
数组对象的控制与使用方法
字符对象的控制与使用方法
文档对象的控制与使用方法
灵活运用Javascript分支与循环语句
掌握Javascript自定义函数的方法
掌握数组对象、字符对象、文档对象的控制与使用方法
综合运用javascript、html、css技术
9
制作在线考试网页
Javascript对表单元素的访问与控制方法
定时器的使用方法
DHTML技术的综合应用方法
掌握Javascript访问与控制表单元素的方法
灵活设置与取消定时器
运用DHTML处理页面的能力
制作数码产品门户网站
门户网站的设计、规划与制作流程
网站创建、发布、维护管理的方法
Div+css布局网页的方法
创建子菜单的方法
Dhtml技术
Dreamweaver的高级应用技术
熟悉运用div+css技术设计网页
掌握Dreamweaver创建与运用divAp的方法
掌握运用Dreamweaver时间轴功能制作网页漂移元素的方法
掌握Dreamweaver行为面板的使用方法
灵活应用DHTML增加网页特效
12
整个课程通过10个技术难度渐进式的工作过程为向导,以典型工作任务为基点,设计综合理论知识、操作技能和职业素养为一体教学单元活动。
用任务驱动教学的各个环节。
边做边学,带动相关知识点,使学生通过完成工作任务教学单元的学习,不但能够掌握网页制作与网站设计的专业知识和专业技能,还能够全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质,学生通过学习的过程掌握工作岗位所需要的各项技能和相关专业知识。
(二)课程单元内容
一、制作图文并茂的网页
参考课时
特殊字符以及物理显示标记符
安装和启动网页制作软件
任务驱动工作过程
安装、启动与认识常用的网页制作工具
制作一个基本结构完整、内容空白的HTML文档
设置HTML文档的基本属性
向HTML文档中添加文本信息,并运用相关标记符号进行排版
向HTML文档插入图片,并运用相关标记符号进行图文混排
为网页的基本属性、文字的样式建立并应用相关css类型,规范样式美化页面
拓展
任务
给定文本内容与素材,制作一个图文并茂的网页
给定主题,自行组织与制作素材,制作一个图文并茂的网页
二、制作个人简历网页
有序列表标记符
超链接标记符
制作混合列表
运用超链接标记符启动电子邮箱链接
运用表格进行简单页面排版
简单任务活动安排
说明
制作一个包含有序列表、无序列表的网页
应用ULOL标记符
制作一个包含混合列表的网页
嵌套应用ULOL标记符
制作一个显示课程表的网页
应用TABLE标记符
制作一个将以上链接以上网页的网页
应用A标记符
给出布局供学生参考,分析制作过程,给出指引后学生自行完成
任务工作过程指导
(1)
表格布局页面
(2)
对表格中的单元格进行合并、拆分,完成页面主体格局
(3)
在相应单元格中插入相关信息,完成简历信息制作
(4)
电子邮箱启动的制作
三、制作电子相册网页
规划与设计网页的风格与布局结构
运用Fireworks制作具有艺术效果的网页文字标题
运用Fireworks对相册素材图片的大小、版面样式、色彩等进行批处理,并导出结果
利用表格对网页进行基本布局
创建css文件,设置文字与图片格式,特别是为图片设置美化的滤镜效果
向布局表格的单元格中插入相应的图片素材和文字说明,并应用css样式
为图片素材和文字设置相关超链接
四、制作唐诗欣赏网站
规划网站的模块(可按作者划分模块)、首页布局结构(左上下结构)
素材准备:
设计并制作网站LOGO、flashBanner及相关多媒体素材
创建相关文件夹,在Dreamweaver创建本地站点,在IIS做相关设置
运用锚点技术创建长版面子模块网页,并运用css技术实现图文并茂的效果
创建left.htm页面,插入LOGO、标题并设置超链接源及目的窗口,形成导航条效果
创建top.htm页面,插入相关flashBanne
创建main.htm页面,内容为图文并茂的网站主题简介,作为首页主框架的内容
创建首页index.htm,运用框架集布局页面,插入相关的框架页面,完成相关超链接
发布与调试网站
五、制作个人网站
运用图形制作工具设计绘制网页布局
Fireworks执行切片并导出网页的方法
页内框架技术在网页布局中的应用方法
css对网页进行样式规范与美化的方法
规划个人网站的模块内容(基本模块为:
自我介绍、个人爱好、个人相册、文章)、首页布局结构(上左右结构)
设计并绘制网站首页布局图
在Fireworks中对布局图进行切片操作,并导出文件夹
在Dreamweaver创建本地站点,在IIS做相关设置
动态导航条及相关多媒体素材
创建css文件,在Dreamweaver设置并优化切片网页,创建页内框架标记符
创建并制作“自我介绍”、“个人爱好”、“相册”、“文章”等子模块页面及相关css
建立超链接,完成网站
拓展任务
运用切片技术,由全球300强企业网站首页的截图,设计并制作首页、二级子页样式
六、制作用户注册网页
创建页面,插入表单标记符,将表单行为设置为电子邮件提交
在表单中插入表格,并创建相应的css样式对表格格式进行控制
在表格的单元格中插入表单元素,并创建相应的css样式对表单格式进行控制
通过Dreamweaver的行为面板设置单击提交按钮的行为
测试网页,验证设计结果
七、制作智能显示效果的网页
制作一个能够输入并记载用户信息的网页
prompt()函数的调用
制作一个具有显示当前时间功能的网页
时间对象的使用
制作一个可以更改网页背景颜色的网页
文档对象
制作一个可以设置浏览器状态栏信息的网页
浏览器对象
制作一个根据具有智能显示效果的网页
给出案例供学生参考,分析制作过程,给出指引并鼓励学生添加智能效果,学生自行完成
根据用户的访问时间设置相应的问候语
根据用户的喜好设置网页背景与字体颜色
状态栏中显示用户当前的操作行为
具有设置为默认页面、添加到收藏夹等功能
八、制作订单网页
制作一个能记录并输出一组用户登记信息的网页
prompt()+数组+文档对象
在以上任务增加功能:
用户可以控制体中止输入信息
判断语句的使用
美化用户的输出信息
css
给出案例供学生参考,分析制作过程,给出指引并鼓励学生从界面友好、操作方便等方面增加网页功能,学生自行完成
能列出商品的名称及单价供用户选择
用户可以在选择商品的同时输入数量
根据用户输入的信息输出订单,包括商品名称、数量、单价,以及总的金额
用户确认订单后,信息以邮件的方式提交
九、制作在线考试网页
制作一个具有单选及复选按钮的网页
表单设计
记载用户的选择信息,并输出
访问表单、数组对象、alert()
一定时间内浏览器自动关闭
定时器、浏览器对象
将信息输出在新浏览器窗口中
文档对象、浏览器对象
向演示案例效果,提示学生存在几个问题:
成绩最后的提交方式、若自动关闭后成绩如何算、等等,鼓励学生进一步完善
登记并显示用户登陆信息,并显示倒计时时间
以单选、多选按钮的形式显示题目
用户按提交按钮后,弹出新窗口显示考试结果:
正确答案、用户答案、题目得分、总得分
在时限内若未按提交按钮,则考试窗口自动关闭
十、制作数码产品门户网站
根据主题规划与设计网站功能模块、风格
学生完成作品后,以小组的方式演示答辩,成绩为学生小组互评*0.5+教师评分*0.5
做出网站一级页面、二级页面的草稿图
以上工作经老师认可后,开始进行网站的开发
4.实施建议
4.1教材编写
1.需依据本课程标准编写教材,教材应充分体现基于工作过程项目课程的设计思想,突出职业能力培养的思路。
2.学习项目按照学习情境的要求设计,项目中所要学习的工作任务可以是交叉与重复的。
3.教材的各项目通常应包括以下几项内容:
(1)教学目标;
(2)工作任务;
(3)实践操作(相关实践知识);
(4)问题探究(相关理论知识);
(5)知识拓展(选学内容);
(6)英语词汇索引和解释;
(7)实训与练习。
4.工作任务通常应包括以下内容:
(1)工作任务名称;
(2)工作任务背景;
(3)项目训练载体;
(4)技能训练目标;
(5)学习环境要求。
5.教材中的活动设计的内容要具体,并具有可操作性。
6.教材内容应体现先进性、通用性、实用性,将当前最新的基于windows的网络服务产品纳入教材,使教材紧跟行业和技术发展。
7.教材应图文并茂,引用图表要清晰精美;
语言表述应深入浅出、文字精练,并力求形成一种灵活、亲切、活泼的语体风格。
从而增加教材的可读性,增强教材对学生的吸引力。
8.教材应由学校教师与软件企业工程师共同编写。
4.2教学建议
1、案例教学
引入企业的工程项目,作为典型案例,紧扣课程应解决的理论和实际问题,对案例的过程进行详细的分析、解剖、总结。
教学过程中由老师讲解案例操作步骤和相关知识,然后由学生仿照老师的演示实现服务器架构。
通过对老师操作视频的观看,提高了同学们对知识点的应用的理解,有助于提高学生的学习兴趣力,掌握相应岗位技能。
2、讲练结合
对基础知识精心讲解,并配合课堂练习,加强了师生的及时交流,便于发现问题、解决问题,也便于对基本知识的牢固掌握。
在每一次授课过程中,教师先阐述本章项目驱动部分的任务,然后针对提出的任务,精心讲解本章节的知识点,最后教师现场演示,解决问题,完成任务。
在现场演示过程中,教师指导学生进行练习,完成部分功能的实现。
通过讲练结合,达到了举一反三,灵活应用的目的。
3、课堂演示
教师为每一章内容精心制作了具有动态效果的幻灯片,以及便于对理论知识理解的实例代码,随堂演示,条理清晰,并在开发环境中演示实例运行效果。
在上新课前,对上节课的知识要点进行回顾、讲述本节课的目标及重点、难点,知识点讲解过程中,通过幻灯
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 课程标准