网页设计与制作 课标.docx
- 文档编号:12685053
- 上传时间:2023-04-21
- 格式:DOCX
- 页数:13
- 大小:118.08KB
网页设计与制作 课标.docx
《网页设计与制作 课标.docx》由会员分享,可在线阅读,更多相关《网页设计与制作 课标.docx(13页珍藏版)》请在冰豆网上搜索。
网页设计与制作课标
《网页设计与制作》课程标准
一、课程说明
课程名称
网页设计与制作
开课分院(系部)
商务分院
适用专业
电子商务
课程代码
5013223
学时
90
先修课程
计算机文化基础
HTML语言与CSS
后续课程
电子商务网站设计原理
编制人
费世荣
审定人
彭柏华
制(修)定日期
2011年3月2日制定/第次修定
二、课程性质与任务
本课程是电子商务专业的专业课程,是一门实用性极强的课程。
课程以目前最常用的网页制作工具Dreamweaver为介绍对象,通过学习,要求学生掌握网页设计的基本概念,了解常用脚本语言,能够利用常见网页制作软件设计制作出常见的静态网页,了解动态网页设计方法。
同时通过本课程的学习,提高学生的操作技能,培养学生踏实认真、精益求精、团结合作、创新的精神,培养良好的职业道德。
三、课程设计思路
本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”,打破了传统的学科体系的模式,将网页设计职业岗位能力中用到的知识点融合在项目中。
学生通过各项目的系列练习操作,熟练地掌握岗位所需知识和技能,并不断强化,项目体现操作能力和解决问题能力的培养。
它体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。
课程框架结构、学分和学时分配
项目名称
学时
学分
备注
1.初识DreamWeaver
8
5
每部分内容以项目或任务为主体,通过完成相应的项目或任务,理解相关知识点,能够熟练进行各类网页的设计操作。
2.制作图文并茂的网页
8
3.页面布局设计
10
4.CSS样式设计
8
5.表单的应用
6
6.使用行为
6
7.模板和库
6
8.静态网页综合作业
12
9.Fireworks在网页中的应用(10课时)
20
10.Flash在网页中的应用(10课时)
11.机动
6
学时合计:
90学时(其中实践教学学时比例为50%)
理论学时45
实践学时45
四、课程教学目标
(一)素质目标
1.具有勤奋学习的态度,严谨求实、创新的工作作风;
2.具有良好的心理素质和职业道德素质;
3.具有高度责任心和良好的团队合作精神;
4.具有一定的科学思维方式和判断分析问题的能力;
5.具有较强的网页设计创意思维、艺术设计素质。
(二)知识目标
1.了解WWW、HTTP、HTML、CSS的定义、概念和作用;
2.理解服务器、客户端、浏览器的概念和作用;
3.理解HTML语言中的常见标记及其作用;
4.熟练掌握DreamWeaver的基本操作方法;
5.理解表格、框架、层的作用,掌握设置其属性的方法;
6.理解CSS样式表的作用和意义,掌握定义CSS样式的方法;
7.理解表单的作用,掌握设置表单元素属性的方法;
8.理解模板和库的作用;
(三)能力目标
1.会使用Dreamweaver网页设计工具制作网页;
2.会根据需要修改HTML语言中的标记,设置相关标记的属性;
3.能够熟悉进行网页文本、图像、超链接、表格操作,并按要求设置其属性;
4.能够熟练运用表格、层、框架等进行网页布局;
5.熟练掌握CSS样式的定义和修改,并能根据实际需要进行CSS样式的定义和应用;
6.熟练掌握表单制作方法,能够根据要求进行表单的设计;
7.能够在网页中根据要求设置行为;
8.熟练掌握模板设计方法,能够根据实际需要进行模板设计,并能使用模板生成相应的网页;掌握库的基本操作方法,会使用库简化网页设计;
五、课程内容与要求
项目一、初识DreamWeaver
教学目标:
了解网页设计的基本概念,掌握Dreamweaver工作界面设置,掌握站点的建立和管理,能够根据要求建立和管理站点;掌握进行网页制作的一般步骤。
活动安排:
活动一初识DreamWeaver、站点的创建与管理(4学时)
活动二第一个页面(4学时)
考核评价:
能否建立正确的站点,并进行站点的管理。
1、活动一初识DreamWeaver、站点的创建与管理
知识要点:
网页设计的基本概念,Dreamweaver功能简介、窗口组成及操作,建立和管理站点。
技能要点:
掌握Dreamweaver工作界面设置,掌握站点的建立和管理,能够根据要求建立和管理站点。
2、活动二第一个页面
知识要点:
网页制作最基本的步骤。
技能要点:
掌握网页制作的一般步骤和方法,初步掌握利用表格布局页面的方法,初步掌握设置导航方法,能够正确保存与浏览页面。
项目二、制作图文并茂的网页
教学目标:
理解文本、图像,掌握设置其属性的方法;理解内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的作用,掌握其设置方法;了解HTML代码,并能看懂。
活动安排:
活动一制作图文并茂的图书网页(8学时)
考核评价:
能否创建图文并茂的网页。
1、活动一制作图文并茂的图书网页
知识要点:
制作图文并茂的图书网页,解读图书网页的HTML代码。
技能要点:
掌握在网页中插入文本、图像、超链接的方法,会根据要求设置其属性。
项目三、页面布局设计
教学目标:
掌握表格的基本操作方法和表格属性的设置,理解表格HTML代码的含义并能正确应用,掌握常见特殊表格制作技巧;能够使用表格合理布局页面;掌握层在网页中的灵活运用;能够利用框架组织页面。
活动安排:
活动一表格的基本操作及特殊表格的制作(2学时)
活动二典型网页设计(2学时)
活动三商务网站首页设计(2学时)
活动四层的基本操作设计(2学时)
活动五穿衣游戏(2学时)
活动六利用框架组织页面(2学时)
考核评价:
能否利用表格、框架、层等技术进行页面布局。
1、活动一表格的基本操作及特殊表格的制作
知识要点:
表格的三种视图方式,表格的基本操作方法,表格属性的设置,表格HTML代码的含义,特殊表格制作技巧。
技能要点:
了解表格的三种视图方式及其作用,掌握表格的基本操作方法和表格属性的设置,理解表格HTML代码的含义并能正确应用,特殊表格制作技巧。
2、活动二典型网页设计
知识要点:
使用表格布局网页。
技能要点:
掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。
3、活动三商务网站首页设计
知识要点:
使用表格布局网页。
技能要点:
掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。
4、活动四层的基本操作设计
知识要点:
使用层制作漂浮图片和弹出式菜单。
技能要点:
了解层的特点,掌握层及其属性设置,掌握使用层制作漂浮图片和弹出式菜单。
5、活动五穿衣游戏
知识要点:
使用层和行为设计穿衣游戏网页。
技能要点:
灵活使用层进行网页设计。
6、活动六利用框架组织页面
知识要点:
利用框架组织页面。
技能要点:
掌握使用框架组织网页的基本方法,能够按要求运用框架组织网页。
项目四、CSS样式设计
教学目标:
理解CSS的含义,掌握定义CSS的几种方式,能够根据要求定义并编辑CSS样式。
活动安排:
活动一设置图书网页的CSS样式(4学时)
活动二搜索引擎的制作(4学时)
考核评价:
能否理解并编辑、使用CSS样式表。
1、活动一设置图书网页的CSS样式
知识要点:
设置不随内容一起滚动的背景图像、即时改变网页文本大小。
技能要点:
掌握CSS定义和编辑的方法,能够按要求设置CSS样式并应用。
2、活动二搜索引擎的制作
知识要点:
利用层和CSS样式制作搜索引擎页面。
技能要点:
掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。
项目五、表单的应用
教学目标:
理解表单及各表单域的作用,掌握其属性设置方法。
理解并掌握表单验证方法。
能够按要求设置表单域并进行表单的验证。
活动安排:
活动一注册页面的制作(6学时)
考核评价:
能否理解表单,使用表单。
1、活动一注册页面的制作
知识要点:
完成注册表单的制作。
技能要点:
掌握表单制作技巧,能够按要求设置表单域并正确验证表单。
项目六、使用行为
教学目标:
理解行为的作用,掌握常见行为的应用。
活动安排:
活动一常见行为的使用(6学时)
考核评价:
能否理解行为,应用行为。
1、活动一常见行为的使用
知识要点:
利用行为制作弹出窗口、播放声音、弹出消息框、设置导航栏图像、弹出菜单等。
技能要点:
掌握常见行为的使用,能够按要求设置行为。
项目七、模板和库
教学目标:
理解模板的作用,掌握创建模板的方法,能够利用创建的模板生成页面;理解库的作用,会使用库提高网页的编辑效率。
活动安排:
活动一制作家庭装饰网网站(2学时)
活动二设置家庭装饰网网站的CSS样式(2学时)
活动三设置家庭网网站的库并修改(2学时)
活动四使用模板、库创建商务网站(2学时)
考核评价:
能否理解模板,利用创建的模板生成页面。
1、活动一制作家庭装饰网网站
知识要点:
创建家庭装饰网网站模板,并根据模板生成相关网页。
技能要点:
掌握创建模板的方法,能够按要求分析并创建模板,会使用创建的模板生成相关网页。
2、活动二设置家庭装饰网网站的CSS样式
知识要点:
设置家庭装饰网网站的超链接,设置家庭装饰网网站的CSS样式,并应用。
技能要点:
掌握模板的修改编辑方法。
会根据要求设置模板的超链接、CSS样式,并应用在相关页面中。
3、活动三设置家庭装饰网网站的库并修改
知识要点:
设置家庭装饰网网站的库,并对库进行修改,观察网页的变化。
技能要点:
掌握库的修改编辑方法,体会库的作用。
4、活动四使用模板、库创建商务网站
知识要点:
设置家庭装饰网网站的库,并对库进行修改,观察网页的变化。
技能要点:
掌握库的修改编辑方法,体会库的作用。
项目八、静态网页综合作业
教学目标:
能够综合运用表格、模板、CSS样式等熟练完成静态网页的设计。
活动安排:
活动一制作班级主页(2学时)
活动二制作本班班级网站(10学时)
考核评价:
能否综合运用表格、模板、CSS样式等熟练完成静态网页的设计。
1、活动一制作班级主页
知识要点:
按要求制作一个班级主页。
技能要点:
系统地掌握网页的编辑方法和过程。
2、活动二制作本班班级网站
知识要点:
完整地制作一个班级网站。
技能要点:
掌握网站制作的全过程,能够将表格布局、模板运用、CSS样式综合应用在网站中,会使用切片技术处理相关图片,理解网站的上传和维护的方法并能进行网站内容的上传。
项目九、Fireworks在网页中的应用(10课时)
教学目标:
掌握FireworksMX2004基本功能的使用,能对图形图像进行基本的绘制、编辑。
活动安排:
活动一设计网页版面
活动二绘制网页logo
活动三绘制网页标题
活动四网页中的GIF动画
项目十、Flash在网页中的应用(10课时)
教学目标:
学会利用Flash为网页增添动态效果。
活动安排:
活动一制作首页标题动画
活动二制作分页标题动画
活动三制作网页中的动画
活动四制作Flash导航栏
活动五在网页中加入Flash
六、实施建议
(一)教学建议:
从《网页设计与制作》的实际问题出发,精心准备各种典型案例,构建课程的宏观教学设计。
例如,公司网站、班级网站、个人网站精选、图书网站等。
以若干个案例为载体,形成循序渐进、种类多样的项目群,构建完整的教学设计布局。
1、任务驱动法
教师在分析学习情境目标的基础上设计一个或几个任务,并给学生布置任务,并针对所提出的任务,教师提供资讯单和信息单;学生分成若干小组,对任务目标、起点能力、方法步骤及设计知识进行分析和讨论,制定出完成该任务的实施操作计划和方案,教师进行评价;小组共同实施计划,采取教师引导、学生自主学习为主的方式,学生边学边练(做),并独立或协作完成相应的学习任务,实现“学中做”、“做中学”;任务完成后,进行检查和评价,教学法设计流图,如图所示。
2、“四阶段教学法”,将“教、学、练、做”融为一体。
教学体现“教师为主导,学生为主体,训练为主线”的原则,课堂上可以采用“四阶段教学法”:
第1个阶段,案例引入,提出问题。
通过案例演示,提出问题,给出知识点,讲解案例应用背景,给学生一个切入点,建立感性认识。
目的是激发学生的学习兴趣、让学生感到学有所用,从而明确本次课的教学目标。
第2个阶段,学生自主学习,尝试解决问题。
充分利用我校以及互联网网络教学资源,引导学生自主学习,找到解决问题的方法和操作技能,培养学生的自主学习意识和学习方法。
学生在学习和尝试解决问题过程中,发现问题,提出问题,在问题的引导下学习相关的知识和操作技能。
第3个阶段,归纳总结,引申提高。
在每次课结束前,引导学生进行归纳总结。
对本次课的实际意义、重点、难点、容易出错处等及时进行总结。
并针对案例的不足之处,进行引申和提高。
注意在这个阶段,强调的是“引导”学生,而不是老师讲解。
第4个阶段,举一反三、学以致用。
案例源于生活,最终要应用于生活。
为了使学生能学以致用、举一反三、触类旁通,每次教学结束时及时布置相关的课后练习,使学生在课后进一步复习巩固,并且将课后作业纳入形成性考核的内容之一。
同时给出下一次课的学习内容,提示学生预习。
3、充分利用现代化教学手段,提高教学效果
教学中根据实际需要可以采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段,使课堂教学生动活泼、引人入胜,提高教学效果,同时提高教学效率。
包括:
(1)利用多媒体教学系统广播教学。
把学生的共同问题(需要提示的重点)通过“广播教学”,边讲边演示,使学生即时看到操作效果。
(2)利用网络将课堂教学延伸到课外,学生根据需要通过网络学习有关的内容。
教师的课件和教学用资料都已都上传到教学资源下载中心,方便学生课外学习和复习。
(二)考核评价建议:
对学生学业评价提出建议,体现评价的发展功能。
本课程的考核成绩以技能成绩为主,采用上机考试。
平时上机实验技能应有严格的记录,根据各种实验的要求来计算成绩。
最终课程成绩由“平时成绩(占40%),期末考试成绩(占60%)”组成。
七、附录
参考书目:
1、《网页设计与制作》王秀丽主编清华大学出版社2011年1月版;
2、《网页设计与制作》袁小红主编高等教育出版社2009年10月版。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计与制作 课标 网页 设计 制作
![提示](https://static.bdocx.com/images/bang_tan.gif)