网页设计与制作 课标.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月版。
升级会员 