网页设计与制作课程教案2.docx
- 文档编号:5806634
- 上传时间:2023-01-01
- 格式:DOCX
- 页数:161
- 大小:111.83KB
网页设计与制作课程教案2.docx
《网页设计与制作课程教案2.docx》由会员分享,可在线阅读,更多相关《网页设计与制作课程教案2.docx(161页珍藏版)》请在冰豆网上搜索。
网页设计与制作课程教案2
《网页设计与制作》课程标准教案
一、概述
(一)课程性质
本课程是五年制联大计算机网络专业的专业课程,是一门实用性极强的课程。
课程以目前最常用的网页制作工具Dreamweaver为介绍对象,通过学习,要求学生掌握网页设计的基本概念,了解常用脚本语言,能够利用常见网页制作软件设计制作出常见的静态网页,了解动态网页设计方法,初步掌握动态网页的设计。
同时通过本课程的学习,提高学生的操作技能,培养学生踏实认真、精益求精、团结合作、创新的精神,培养良好的职业道德。
(二)课程基本理念
《网页设计与制作》课程共分为九个项目,它们分别是:
网页基础知识、制作图文并茂的网页(文本、图像、超链接)、页面布局设计(表格、层、框架)、CSS样式设计、表单的应用、使用行为、模板和库、动态网页设计初步。
各项目之间既独立又相互联系:
作为项目是独立的,但作为项目当中应用到的知识点,各项目之间又是有关联的。
在不同的项目之间有些知识点的应用是不断重复的,以强化学生对知识点的理解,也让学生能够接触到大量的不同类型网页的制作。
当然,每个项目的侧重点是不同的,教学中应当注意处理好各项目之间的关系,注意重、难点的把握。
《网页设计与制作》课程可以在《计算机基础》、《PhotoShop图像处理》、《计算机网络技术》、《数据库等课程》之后开设。
本课程作为计算机网络专业的一门主干专业课程,一般在2年级开设,此时学生已经具备一定的计算机基础知识和操作能力,能较快地掌握网页设计的各种知识,并运用所学知识做出具有特色的网站。
(三)课程设计思路
本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”,打破了传统的学科体系的模式,将网页设计职业岗位能力中用到的知识点融合在项目中。
学生通过各项目的系列练习操作,熟练地掌握岗位所需知识和技能,并不断强化,项目体现操作能力和解决问题能力的培养。
它体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。
课程框架结构、学分和学时分配
项目名称
学时
学分
备注
1.初识DreamWeaver
8
7
每部分内容以项目或任务为主体,通过完成相应的项目或任务,理解相关知识点,能够熟练进行各类网页的设计操作;动态网页设计部分学习留言板的设计,初步理解动态网页设计的要点。
2.制作图文并茂的网页
18
3.页面布局设计
18
4.CSS样式设计
8
5.表单的应用
10
6.使用行为
10
7.模板和库
14
8.静态网页综合作业
18
9.选修内容之一
选修内容之二
16
1.Fireworks在网页中的应用(6课时)
初识动态网页设计
2.Flash在网页中的应用(10课时)
10.机动
6
合计
126
二、课程目标
总目标:
使学生掌握常用的网页设计工具,熟练运用多种网页设计技术,具备Web网页设计、制作及站点管理的基本知识和基本技能,学生能够独立制作中小型的网站。
具体目标:
(一)教学目标:
1.了解WWW、HTTP、HTML、CSS的定义、概念和作用;
2.理解服务器、客户端、浏览器的概念和作用;
3.理解HTML语言中的常见标记及其作用;
4.熟练掌握DreamWeaver的基本操作方法;
5.理解表格、框架、层的作用,掌握设置其属性的方法;
6.理解CSS样式表的作用和意义,掌握定义CSS样式的方法;
7.理解表单的作用,掌握设置表单元素属性的方法;
8.理解行为的作用,掌握设置行为的方法,理解简单VBScript代码的含义;
9.理解模板和库的作用;
(二)技能教学目标:
1.会使用Dreamweaver网页设计工具制作网页;
2.会根据需要修改HTML语言中的标记,设置相关标记的属性;
3.能够熟悉进行网页文本、图像、超链接、表格操作,并按要求设置其属性;
4.能够熟练运用表格、层、框架等进行网页布局;
5.熟练掌握CSS样式的定义和修改,并能根据实际需要进行CSS样式的定义和应用;
6.熟练掌握表单制作方法,能够根据要求进行表单的设计;
7.能够在网页中根据要求设置行为;
8.熟练掌握模板设计方法,能够根据实际需要进行模板设计,并能使用模板生成相应的网页;掌握库的基本操作方法,会使用库简化网页设计;
(三)素质教学目标:
1.具有勤奋学习的态度,严谨求实、创新的工作作风;
2.具有良好的心理素质和职业道德素质;
3.具有高度责任心和良好的团队合作精神;
4.具有一定的科学思维方式和判断分析问题的能力;
5.具有较强的网页设计创意思维、艺术设计素质。
三、内容标准(课程内容与要求)
项目一、初识DreamWeaver
教学目标:
了解网页设计的基本概念,掌握Dreamweaver工作界面设置,掌握站点的建立和管理,能够根据要求建立和管理站点;掌握进行网页制作的一般步骤。
活动安排:
活动一初识DreamWeaver、站点的创建与管理(4学时)
活动二第一个页面(4学时)
考核评价:
能否建立正确的站点,并进行站点的管理。
1、活动一初识DreamWeaver、站点的创建与管理
知识要点:
网页设计的基本概念,Dreamweaver功能简介、窗口组成及操作,建立和管理站点。
技能要点:
掌握Dreamweaver工作界面设置,掌握站点的建立和管理,能够根据要求建立和管理站点。
2、活动二第一个页面
知识要点:
网页制作最基本的步骤。
技能要点:
掌握网页制作的一般步骤和方法,初步掌握利用表格布局页面的方法,初步掌握设置导航方法,能够正确保存与浏览页面。
项目二、制作图文并茂的网页
教学目标:
理解文本、图像,掌握设置其属性的方法;理解内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的作用,掌握其设置方法;了解HTML代码,并能看懂。
活动安排:
活动一制作图文并茂的图书网页(18学时)
考核评价:
能否创建图文并茂的网页。
1、活动一制作图文并茂的图书网页
知识要点:
制作图文并茂的图书网页,解读图书网页的HTML代码。
技能要点:
掌握在网页中插入文本、图像、超链接的方法,会根据要求设置其属性。
项目三、页面布局设计
教学目标:
掌握表格的基本操作方法和表格属性的设置,理解表格HTML代码的含义并能正确应用,掌握常见特殊表格制作技巧;能够使用表格合理布局页面;掌握层在网页中的灵活运用;能够利用框架组织页面。
活动安排:
活动一表格的基本操作及特殊表格的制作(2学时)
活动二典型网页设计(4学时)
活动三商务网站首页设计(4学时)
活动四层的基本操作设计(2学时)
活动五穿衣游戏(2学时)
活动六利用框架组织页面(4学时)
考核评价:
能否利用表格、框架、层等技术进行页面布局。
1、活动一表格的基本操作及特殊表格的制作
知识要点:
表格的三种视图方式,表格的基本操作方法,表格属性的设置,表格HTML代码的含义,特殊表格制作技巧。
技能要点:
了解表格的三种视图方式及其作用,掌握表格的基本操作方法和表格属性的设置,理解表格HTML代码的含义并能正确应用,特殊表格制作技巧。
2、活动二典型网页设计
知识要点:
使用表格布局网页。
技能要点:
掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。
3、活动三商务网站首页设计
知识要点:
使用表格布局网页。
技能要点:
掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。
4、活动四层的基本操作设计
知识要点:
使用层制作漂浮图片和弹出式菜单。
技能要点:
了解层的特点,掌握层及其属性设置,掌握使用层制作漂浮图片和弹出式菜单。
5、活动五穿衣游戏
知识要点:
使用层和行为设计穿衣游戏网页。
技能要点:
灵活使用层进行网页设计。
6、活动六利用框架组织页面
知识要点:
利用框架组织页面。
技能要点:
掌握使用框架组织网页的基本方法,能够按要求运用框架组织网页。
项目四、CSS样式设计
教学目标:
理解CSS的含义,掌握定义CSS的几种方式,能够根据要求定义并编辑CSS样式。
活动安排:
活动一设置图书网页的CSS样式(4学时)
活动二搜索引擎的制作(4学时)
考核评价:
能否理解并编辑、使用CSS样式表。
1、活动一设置图书网页的CSS样式
知识要点:
设置不随内容一起滚动的背景图像、即时改变网页文本大小。
技能要点:
掌握CSS定义和编辑的方法,能够按要求设置CSS样式并应用。
2、活动二搜索引擎的制作
知识要点:
利用层和CSS样式制作搜索引擎页面。
技能要点:
掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。
项目五、表单的应用
教学目标:
理解表单及各表单域的作用,掌握其属性设置方法。
理解并掌握表单验证方法。
能够按要求设置表单域并进行表单的验证。
活动安排:
活动一注册页面的制作(10学时)
考核评价:
能否理解表单,使用表单。
1、活动一注册页面的制作
知识要点:
完成注册表单的制作。
技能要点:
掌握表单制作技巧,能够按要求设置表单域并正确验证表单。
项目六、使用行为
教学目标:
理解行为的作用,掌握常见行为的应用。
活动安排:
活动一常见行为的使用(10学时)
考核评价:
能否理解行为,应用行为。
1、活动一常见行为的使用
知识要点:
利用行为制作弹出窗口、播放声音、弹出消息框、设置导航栏图像、弹出菜单等。
技能要点:
掌握常见行为的使用,能够按要求设置行为。
项目七、模板和库
教学目标:
理解模板的作用,掌握创建模板的方法,能够利用创建的模板生成页面;理解库的作用,会使用库提高网页的编辑效率。
活动安排:
活动一制作家庭装饰网网站(4学时)
活动二设置家庭装饰网网站的CSS样式(2学时)
活动三设置家庭网网站的库并修改(4学时)
活动四使用模板、库创建商务网站(4学时)
考核评价:
能否理解模板,利用创建的模板生成页面。
1、活动一制作家庭装饰网网站
知识要点:
创建家庭装饰网网站模板,并根据模板生成相关网页。
技能要点:
掌握创建模板的方法,能够按要求分析并创建模板,会使用创建的模板生成相关网页。
2、活动二设置家庭装饰网网站的CSS样式
知识要点:
设置家庭装饰网网站的超链接,设置家庭装饰网网站的CSS样式,并应用。
技能要点:
掌握模板的修改编辑方法。
会根据要求设置模板的超链接、CSS样式,并应用在相关页面中。
3、活动三设置家庭装饰网网站的库并修改
知识要点:
设置家庭装饰网网站的库,并对库进行修改,观察网页的变化。
技能要点:
掌握库的修改编辑方法,体会库的作用。
4、活动四使用模板、库创建商务网站
知识要点:
设置家庭装饰网网站的库,并对库进行修改,观察网页的变化。
技能要点:
掌握库的修改编辑方法,体会库的作用。
项目八、静态网页综合作业
教学目标:
能够综合运用表格、模板、CSS样式等熟练完成静态网页的设计。
活动安排:
活动一制作班级主页(6学时)
活动二制作本班班级网站(12学时)
考核评价:
能否综合运用表格、模板、CSS样式等熟练完成静态网页的设计。
1、活动一制作班级主页
知识要点:
按要求制作一个班级主页。
技能要点:
系统地掌握网页的编辑方法和过程。
2、活动二制作本班班级网站
知识要点:
完整地制作一个班级网站。
技能要点:
掌握网站制作的全过程,能够将表格布局、模板运用、CSS样式综合应用在网站中,会使用切片技术处理相关图片,理解网站的上传和维护的方法并能进行网站内容的上传。
选修内容之一:
一、Fireworks在网页中的应用(6课时)
教学目标:
掌握FireworksMX2004基本功能的使用,能对图形图像进行基本的绘制、编辑。
活动安排:
活动一设计网页版面
活动二绘制网页logo
活动三绘制网页标题
活动四网页中的GIF动画
二、Flash在网页中的应用(10课时)
教学目标:
学会利用Flash为网页增添动态效果。
活动安排:
活动一制作首页标题动画
活动二制作分页标题动画
活动三制作网页中的动画
活动四制作Flash导航栏
活动五在网页中加入Flash
选修内容之二:
初识动态网页设计(16课时)
教学目标:
理解动态网页的含义;能够正确安装、配置因特网信息服务器(IIS); 掌握数据库在动态网页中作用,能够根据要求正确创建数据库和数据表;正确创建数据库的连接并完成留言板页面的制作。
活动安排:
活动一建立ASP平台(2学时)
活动二建立数据库(2学时)
活动三制作显示留言页面(6学时)
活动四制作签写留言页面(4学时)
活动五制作管理登录页面和管理留言页面(4学时)
1、活动一建立ASP平台
知识要点:
安装IIS组件;配置WEB站点服务(主目录和虚拟目录);建立ASP动态网站。
要求:
理解动态网页的含义;了解IIS组件的作用,会安装IIS组件;理解主目录和虚拟目录的作用,能够按要求正确配置WEB站点;能够按要求建立ASP动态网站。
2、活动二建立数据库
知识要点:
建立留言板所需使用的数据库和数据表。
技能要点:
理解数据库在动态网页中的作用,能够按需要正确建立数据库和数据表。
3、活动三制作显示留言页面
知识要点:
显示留言页面的制作。
技能要点:
理解显示留言页面的作用,掌握留言页面制作的步骤和方法。
4、活动四制作签写留言页面
知识要点:
签写留言页面的制作。
技能要点:
理解签写留言页面的作用,掌握制作签写留言页面的方法。
5、活动五制作管理登录页面和管理留言页面
知识要点:
管理登录页面和管理留言页面的制作。
技能要点:
掌握管理登录页面和管理留言页面的制作方法。
四、实施建议
(一)教学建议:
从《网页设计与制作》的实际问题出发,精心准备各种典型案例,构建课程的宏观教学设计。
例如,公司网站、班级网站、个人网站精选、图书网站等。
以若干个案例为载体,形成循序渐进、种类多样的项目群,构建完整的教学设计布局。
1、教学采用“四阶段教学法”,将“教、学、练、做”融为一体。
教学体现“教师为主导,学生为主体,训练为主线”的原则,课堂上可以采用“四阶段教学法”:
第1个阶段,案例引入,提出问题。
通过案例演示,提出问题,给出知识点,讲解案例应用背景,给学生一个切入点,建立感性认识。
目的是激发学生的学习兴趣、让学生感到学有所用,从而明确本次课的教学目标。
第2个阶段,学生自主学习,尝试解决问题。
充分利用我校以及互联网网络教学资源,引导学生自主学习,找到解决问题的方法和操作技能,培养学生的自主学习意识和学习方法。
学生在学习和尝试解决问题过程中,发现问题,提出问题,在问题的引导下学习相关的知识和操作技能。
第3个阶段,归纳总结,引申提高。
在每次课结束前,引导学生进行归纳总结。
对本次课的实际意义、重点、难点、容易出错处等及时进行总结。
并针对案例的不足之处,进行引申和提高。
注意在这个阶段,强调的是“引导”学生,而不是老师讲解。
第4个阶段,举一反三、学以致用。
案例源于生活,最终要应用于生活。
为了使学生能学以致用、举一反三、触类旁通,每次教学结束时及时布置相关的课后练习,使学生在课后进一步复习巩固,并且将课后作业纳入形成性考核的内容之一。
同时给出下一次课的学习内容,提示学生预习。
2、充分利用现代化教学手段,提高教学效果
教学中根据实际需要可以采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段,使课堂教学生动活泼、引人入胜,提高教学效果,同时提高教学效率。
包括:
(1)利用多媒体教学系统广播教学。
把学生的共同问题(需要提示的重点)通过“广播教学”,边讲边演示,使学生即时看到操作效果。
(2)利用网络将课堂教学延伸到课外,学生根据需要通过网络学习有关的内容。
教师的课件和教学用资料都已都上传到教学资源下载中心,方便学生课外学习和复习。
(二)考核评价建议:
对学生学业评价提出建议,体现评价的发展功能。
本课程的考核成绩以技能成绩为主,采用上机考试。
平时上机实验技能应有严格的记录,根据各种实验的要求来计算成绩。
最终课程成绩由“平时成绩(占50%),期末考试成绩(占50%)”组成。
(三)教材编写建议:
本门课程与Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程有着密切的联系,它是上述课程的综合应用,需要多本教材的支撑,有条件、有师资的学校建议自己编写一本综合教材。
(四)课程资源的开发与利用建议:
建议配套使用多媒体教学3.14.2驾驶员首先应检查传动皮带,是否皮带打滑或脱落.打滑时,应调整皮带松紧度;脱落时,则应更换临时备用皮带。
3.14.3若皮带传动有效,驾驶员则应检查发电机电缆线是否存在脱落或接触不良现象,若有,应连接。
3.14.4再次驾驶员要检查发电机传动轴挠性连轴器(沃尔沃),若螺栓折断,可换用其它螺栓临时代用。
3.15雨刷器干涉
驾驶员应检查雨刷臂固定螺母是否松动,若松动应摆正雨刷臂,再紧固螺母。
否则拆下右侧的雨刷臂,只保留左侧。
3.16空调电磁离合器抱死
驾驶员可将空调压缩机传动皮带中不与其它总成联系的皮带拆下或切断,然后开启驾驶员侧窗、顶棚安全窗或换气风扇。
3.17电子燃油控制(EDC)失效
HFF6120K42/HFF6121WK08车辆电子燃油控制(EDC)警告指示灯亮起,驾驶员不管怎样踏下加速踏板,车辆行驶速度都无变化,可诊断为电子燃油控制(EDC)失效。
此时驾驶员可将发动机熄火,断开总电源,然后重新启动发动机,即可消除故障。
3.18高度控制阀阀杆折断
高度控制阀阀杆折断时,车身高度不能有效控制,此时驾驶员应将折断阀杆固定在车桥或车身上,即可继续行驶。
1.某油罐车着火,用石棉被盖住油罐口灭火,属于哪种灭火方法?
()
A.隔离法B.窒息法C.冷却法D.抑制法
2.1.一个灭火器配置点应放置多少具灭火器?
()
A.随意配置B.2至5具C.不少于6具D.1具
3.在加油站那些区域可以随意使用手机。
()
A.墙背后B.离加油枪5米的地方C.罩棚下面D.都不可以
4.下列物质闪点最低的()。
A、液化石油气B.柴油C.煤油D.原油
5.在狭小地方使用二氧化碳灭火器容易造成()事故。
A、中毒B、缺氧C、爆炸D.烧伤
6.在加油站使用手机引发爆炸,点火源属于()。
A.明火B.电火花C.静电放电D.摩擦生火
7.下列物质那些属于乙类火险物质()。
A、植物油B、煤油C、柴油D、汽油
8.液化石油气在常温下都是以()存在的。
A.液体B.固体C.气体
9.汽油的闪点是()
A.50B.30C.-20D.-50
10.安全装置中计量显示装置为(BDE)
A.减压阀B.压力表C.温度计D.调节阀E.液位计
三、判断题
1.巡回检查只是一种形式,没有多大作用。
(X)
2.加油站设备管理的不到位是造成加油站发生事故的一个主要原因。
(√)
3.火灾使人致命的最主要原因是被人践踏。
(X)
4.为防止易燃气体积聚而发生爆炸和火灾,贮存和使用易燃液体的区域要有良好的空气流通。
(√)
5.使用快速接头卸油,可以喷溅式卸油。
(X)
四、简答题
1.在"顾客进站加油须知"中都应包括哪些?
答:
1)站内严禁烟火
2)严禁顾客在站内检修车辆、敲击铁器等易产生火花的作业
3)严禁向汽车汽化器及塑料桶内加注易燃油品
4)加油车辆的司机、乘坐人员进站后不得影响加油站安全
5)所有机动车辆均熄火加油
6)拖拉机、摩托车推离危险区域后发动
7)严禁在作业现场穿、脱、拍打化纤服装
8)不准在加油站现场打手提电话
2.某加油站在接卸一车97号汽油时,当班卸油工违章将卸油胶管插到量油孔卸油。
卸油中汽油从罐中溢出,遇火源引起着火。
油罐司机见势不好,关闭卸油阀门,扯断卸油胶管接头后开车离开现场。
大火很快被扑灭。
事故中,4台加油机及油罐等设施被烧坏,卸油工被烧成重伤。
讨论该案例违反了那些操作程序?
答:
油罐车卸油未用快速接头密闭卸油;安全培训不到位;员工对安全规章制度模糊;对紧急事故处理不熟悉。
1.《中华人民共和国刑法》第一百三十四条规定:
在生产作业中违反有关管理的堆,因而发生重大伤亡事故或者造成其他严重后果的,处()以下的有期徒刑或者拘役,情节特恶劣的,处3年以上7年以下有期徒刑。
A、2年B、3年C、5年
2.依照《中华人民共和国安全生产法》第八十一条规定生产经营单位的主要负责人受刑事处罚或者撤职处分的,自刑罚执行完毕或者处分之日起()内不得担任何经营单位的主要负责人。
A.2年B.3年C.5年
3.《中华人民共和国安全生产法》中设定的法律责任有刑事责任、行政责任和()三种。
A.民事责任B.财产责任C.其他法律责任
4.《中华人民共和国安全生产法》第八十条规定,个人经营的投资人未能保证安全生产所必需的资金投入,导致发生生产安全事故,构成犯罪的,依照《中华人民共和国刑法》规定追究刑事责任;尚不够刑事处罚的,对个人经营的投资人处2万元以上()万元以下的罚款。
A.10B.20C.30
5.生产经营单位主要负责人在本单位发生重大安全事故时,不立即组织抢救或者在事故调查处理期间擅离职守或者逃匿的,给予降职撤职的处分,对逃匿的处()日以下拘留,构成犯罪的依照刑事法有关规定追刑事责任。
A.10B.15C.20
6.建筑施工企业的人员强令他人违章冒险作业,因而发生重大伤亡事故或者造成其他严重后果的,依法追究()责任。
A、民事B、行政C、刑事
7.对总承包的施工项目,分包单位不服理导致生产安全事故的,由()单位承担主要责任。
A、总包B、分包C、监理D、甲方
8.《建设工程安全生产管理条例》第二十五条规定,特种作业人员必须经专门的安全作业培训,并取得特种作业()证书,方可上岗作业。
A、许可B、操作资格C、安全
9.事故发生后,故事现场有关人员应当立即向本单位负责人报告,单位负责人接到报告后,应当于()小时内向事故发生地县级以上人民政府安全生产监督管理部门和负有安全生产监督管理职责的有关部门报告。
A、1B、2C、3D、6
10.工程总承包项目的“生产安全事故应急救援预案”应由()单位统一组织编制。
A、甲方B、总包C、监理D、分包
11.作业人员进入新的岗位或者新的施工现场前,应当经过(),未经教育培训或者教育培训考核不合格的人员,不得上岗作业.
A.登记手续B、领导同意C、安全生产教育培训
12.在安全事故发生后,负有报告职责的人员不报或者谎报事故情况,贻误事故抢救,情节严重的处()以下有期徒刑或者拘役。
A、2年B、3年C、5年。
13.以下人员应当经建设行政主管部门或者其他有关部门考核合格后方可任职。
()
A、施工单位主要负责人和项目负责人;B、项目负责人和安全员
C、专职安全生产管理人员;D、A和C
14.国家规定:
施工单位应在以下期限内对管理人员和作业人员至少进行一次安全生产教育培训。
()
A、3个月B、半年C、一年D、2年
15.国家规定:
生产经营单位使用国家明令淘汰、禁止使用的危及生产安全的工艺、设备的,责令限期改正的,责令停止建设或者停产停业整顿,可以
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 制作 课程 教案