课程建设网站教程

1《网页设计与制作》课程标准课程代码:建议课时数:90学分:6适用专业:计算机网络技术先修课程:《图形图像处理》、《动画设计与制作》、《高级语言一》、《数据库技术》、《网页美工》后续课程:《WEB应用开发》一、前言1.
课程的性质该课程是江苏省五年制高职计算机网络技术专业的一门网站建设与维护模块专业方向课程.
其任务是:以目前最常用的网页制作工具Dreamweaver为学习对象,通过本课程的学习,要求学生掌握网页设计的基本概念,了解HTML语言,能够设计制作出常见的静态网页,了解动态网页设计方法,初步掌握动态网页的设计.
同时通过本课程的学习,提高学生的操作技能,培养学生踏实认真、精益求精、团结合作、创新的精神,培养良好的职业道德.
通过本课程与先修课程和后续课程的学习,其任务是使学生能够胜任网站开发和维护工作岗位,学生能够独立制作中小型的网站.
2.
设计思路按照"以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系"的总体设计要求,将网页设计职业岗位能力中用到的知识点融合在各个项目中,学生通过各项目的系列练习操作,熟练地掌握岗位所需知识和技能,并不断强化,项目体现操作能力和解决问题能力的培养.
它体现了职业教育"以就业为导向,以能力为本位"、"做中学"的职业教育理念.
《网页设计与制作》课程共分为八个基础知识项目和两个综合训练项目,它们分别是:网页基础知识、制作图文并茂的网页(文本、图像、超链接)、页面布局设计(表格、层、框架)、CSS样式设计、表单的应用、使用行为实现网页特效、模板和库、站点测试与发布.
各项目之间既独立又相互联系:作为项目是独立的,但作为项目当中应用到的知识点,各项目之间又是有关联的.
在不同的项目之间有些知识点的应用是不断2重复的,以强化学生对知识点的理解,也让学生能够接触到大量的不同类型网页的制作.
当然,每个项目的侧重点是不同的,教学中应当注意处理好各项目之间的关系,注意重、难点的把握.
两个综合训练项目是为了让学生学会综合运用所学知识,巩固提高网页设计的各种知识,制作出具有特色的网站.
课程框架结构、学分和学时分配项目名称学时学分备注1.
网页基础知识66每部分内容以项目或任务为主体,通过完成相应的项目或任务,理解相关知识点,能够熟练进行各类网页的设计操作;2.
制作图文并茂的网页63.
页面布局的设计124.
CSS样式设计65.
表单及应用86.
使用行为实现网页特效87.
利用模板和库文件提高网页制作效率88.
站点测试与发布69.
综合项目训练一6通过较为完整的网站开发,将以上所学进行综合应用,使学生能够独立制作中小型的网站.
10.
综合项目实训二24合计906二、课程目标(一)总体目标:使学生掌握Dreamweavercs3网页制作工具,熟练运用多种网页设计技术,具备网页设计、制作及站点管理的基本知识和基本技能,学生能够独立制作中小型的网站.
(二)具体目标:知识目标:1.
了解WWW、HTTP、HTML、CSS的概念和作用;2.
理解服务器、客户端、浏览器的概念和作用;3.
理解HTML语言中的常见标记及其作用;4.
熟练掌握DreamWeaver的基本操作方法;5.
理解表格、框架、层的作用,掌握设置其属性的方法;6.
理解CSS样式表的作用和意义,掌握定义CSS样式的方法;37.
理解表单的作用,掌握设置表单元素属性的方法;8.
理解行为的作用,掌握设置行为的方法,了解简单JAVAScript代码的含义;9.
理解模板和库文件的作用;技能目标:1.
会使用Dreamweaver网页设计工具制作网页;2.
会根据需要修改HTML语言中的标记,设置相关标记的属性;3.
能够熟悉进行网页文本、图像、超链接、表格操作,并按要求设置其属性;4.
能够熟练运用表格、层、框架等进行网页布局;5.
熟练掌握CSS样式的定义和修改,并能根据实际需要进行CSS样式的定义和应用;6.
熟练掌握表单制作方法,能够根据要求进行表单的设计;7.
能够在网页中根据要求设置行为;8.
熟练掌握模板设计方法,能够根据实际需要进行模板设计,并能使用模板生成相应的网页;9.
掌握库文件的基本操作方法,会使用库文件简化网页设计;10.
能够对站点进行测试与发布;素质目标:1.
具有勤奋学习的态度,严谨求实、创新的学习作风;2.
具有良好的心理素质和职业道德素质;3.
具有责任心和良好的团队合作精神;4.
具有一定的科学思维方式和判断分析问题的能力;三、课程内容和要求4序号工作任务知识点训练或工作项目教学要求教学情境参考学时1网页基础知识1、网页与网站2、Dreamweaver工作界面3、站点的建立和管理4、第一个页面的创建与保存、浏览页面5、网页制作最基本的步骤6、HTML语言7、基本HTML标签1、初识DreamWeaver工作界面、站点的创建与管理2、第一个页面3、认识基本HTML标签教学目标:了解与网页设计相关的基本概念,掌握Dreamweaver工作界面设置,掌握站点的建立和管理,能够根据要求建立和管理站点;掌握进行网页制作的一般步骤;了解HTML语言.
教学样板网站、机房(每人一台计算机、能够上网、安装了DreamWeaverCS3)62制作图文并茂的网页1、网页元素2、文本、图像,掌握设置其属性的方法;3、超链接:内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接4、HTML代码1、制作图文并茂的网页2、超链接设置教学目标:理解文本、图像,掌握设置其属性的方法;理解内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的作用,掌握其设置方法;了解HTML代码,并能看懂.
教学样板网站、机房(每人一台计算机、能够上网、安装了DreamWeaverCS3)63页面布局1、网页布局1、表格的基本操作及教学目标:掌握表格的基本操教学样板网站、机房(每人一台125设计2、表格操作和表格属性的设置,表格相关HTML代码3、特殊表格制作技巧4、表格布局页面;5、层的基本操作及应用;6、框架页面特殊表格的制作2、典型网页设计3、商务网站首页设计4、层的基本操作5、框架页面制作作方法和表格属性的设置,理解表格HTML代码的含义并能正确应用,掌握常见特殊表格制作技巧;能够使用表格合理布局页面;掌握层在网页中的灵活运用;能够利用框架组织页面.
计算机、能够上网、安装了DreamWeaverCS3)4CSS样式及应用1、CSS的含义2、定义及编辑CSS的样式3、CSS样式的应用1、体会CSS样式的作用2、认识CSS样式面板3、设置网页的CSS样式4、CSS样式的应用教学目标:理解CSS的含义,掌握定义CSS的方法,能够根据要求定义并编辑CSS样式,掌握内部和外部CSS样式的应用.
同上65表单的应用1、表单及表单元素2、表单及表单元素的常用属性设置方法3、表单验证1、登录页面的制作2、注册页面的制作教学目标:理解表单及各表单域的作用,掌握其属性设置方法.
理解并掌握表单验证方法.
能够按要求设置表单域并进行表单的验证.
同上86使用行为实现网页1、行为、事件与动作2、常用事件1、制作含有行为的网页,实现网页特效教学目标:理解行为的作用,掌握常见行为的应用:弹同上106特效3、简单JAVAScript代码4、网页特效及实现出窗口、播放声音、弹出消息框、设置导航栏图像、弹出菜单等,初步了解JAVAScript代码.
7利用模板和库文件提高网页制作效率1、模板的含义2、模板的作用3、创建模板的方法4、库文件及应用1、制作课程网网站首页2、制作课程网内容显示页面3、创建课程网网站模板,并根据模板生成相关页面4、设置课程网网站的库文件并修改5、修改课程网网站模板并应用教学目标:理解模板的作用,掌握创建模板的方法,能够利用创建的模板生成页面;理解库文件的作用,会使用库提高网页的编辑效率.
同上1078站点测试与发布1、站点测试与发布的含义2、站点测试的方法3、iis的基本设置4、本机站点发布5、申请站点空间6、网站的上传与下载1、对自己的网站进行测试,并修改错误2、设置iis3、本机站点发布4、申请站点空间5、网站的上传与下载教学目标:了解站点测试与发布的含义,能够进行本机站点发布及设置,初步掌握iis的基本设置,能够申请站点空间,能够进行网站的上传与下载.
同上69综合项目训练一1、表格、超链接、模板、CSS样式等2、音频及背景音乐3、视频及播放4、滚动字幕1、制作一个综合班级网站教学目标:掌握网站制作的全过程,能够将表格布局、模板运用、CSS样式综合应用在网站中,会使用切片技术处理相关图片,理解网站的上传和维护的方法并能进行网站内容的上传.
同上810综合项目实训二1、了解动态网页的初步知识1、网站规划、创建数据库和数据表2、制作首页、网站模版、教学目标:综合运用所学知识,巩固提高网站设计开发和制作能力;能够根据要求正同上2482、了解数据库在网页中的基本应用3、能够使用Dreamweavercs3的相关工具制作动态网页库文件、CSS样式)3、制作内容显示页4、制作注册和登录页面5、制作后台管理页面6、网站的上传和维护确创建数据库和数据表;能够使用数据库完成课程网站的制作.
9四、实施建议(一)教学建议从《网页设计与制作》的实际问题出发,精心准备各种典型案例,构建课程的宏观教学设计.
例如,公司网站、班级网站、个人网站精选、课程网站等.
以若干个案例为载体,形成循序渐进、种类多样的项目群,构建完整的教学设计布局.
1、教学采用"四阶段教学法",将"案例引入、自主学习、总结提高、学以致用"融为一体.
教学体现"教师为主导,学生为主体,训练为主线"的原则,课堂上可以采用"四阶段教学法":第1个阶段,案例引入,提出问题.
通过案例演示,提出问题,给出知识点,讲解案例应用背景,给学生一个切入点,建立感性认识.
目的是激发学生的学习兴趣、让学生感到学有所用,从而明确本次课的教学目标.
第2个阶段,学生自主学习,尝试解决问题.
充分利用我校以及互联网网络教学资源,引导学生自主学习,找到解决问题的方法和操作技能,培养学生的自主学习意识和学习方法.
学生在学习和尝试解决问题过程中,发现问题,提出问题,在问题的引导下学习相关的知识和操作技能.
第3个阶段,归纳总结,引申提高.
在每次课结束前,引导学生进行归纳总结.
对本次课的实际意义、重点、难点、容易出错处等及时进行总结.
并针对案例的不足之处,进行引申和提高.
注意在这个阶段,强调的是"引导"学生,而不是老师讲解.
第4个阶段,举一反三、学以致用.
案例源于生活,最终要应用于生活.
为了使学生能学以致用、举一反三、触类旁通,每次教学结束时及时布置相关的课后练习,使学生在课后进一步复习巩固,并且将课后作业纳入形成性考核的内容之一.
同时给出下一次课的学习内容,提示学生预习.
2、充分利用现代化教学手段,提高教学效果教学中根据实际需要可以采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段,使课堂教学生动活泼、引人入胜,提高教学效果,同时提高教学效率.
包括:(1)利用多媒体教学系统广播教学.
把学生的共同问题(需要提示的重点)通过"广播教学",边讲边演示,使学生即时看到操作效果.
10(2)利用网络将课堂教学延伸到课外,学生根据需要通过网络学习有关的内容.
教师的课件和教学用资料都已上传到教学课程网站,方便学生课外学习和复习.
(二)教学评价对学生的评价不仅重视终结性的评价,更要重视过程性的评价,将过程性的评价和目标评价相结合.
本课程的考核成绩以操作技能成绩为主,采用上机考试.
平时上课的上机操作技能成绩应有严格的记录,根据各种项目训练的要求来计算成绩.
最终课程成绩由"平时成绩(占60%),期末考试成绩(占40%)"组成.
(三)教学基本条件教师要求:专业双师型教师,最好具备网站开发经验机房要求:每人一台计算机、能够上网、安装了DreamWeaverCS3(四)教材选用与编写(1)主要教材:《Dreamweavercs3网页制作案例应用》蔡薇主编出版社:《高等教育出版社》版本:2012年5月第二版参考资料:《Dreamweaver网页设计与制作》主编:陈源等地质出版社《Dreamweavercs3网站建设与网页制作案例指导》电子工业出版社徐武等编著《Dreamweaver动态网站建设全程实录》,科学出版社张建立编著本门课程与Flash动画、PhotoShop图像处理、计算机网络技术课程有着密切的联系,它是上述课程所学知识的综合应用,需要多本教材的支撑,有条件、11有师资的学校建议自己编写一本综合教材,利用本课程技术开发课程教学网站.
(五)课程资源的开发与利用(2)网上资源HTML语言学习资源:http://www.
w3school.
com.
cn/index.
html硅谷动力DW视频教程:http://www.
enet.
com.
cn/eschool/zhuanti/shipin/dreamweaver.
shtml天极网站网页设计资源:http://homepage.
yesky.
com/六、其它说明1.
本课程标准的制定依据是江苏联合职业技术学院2013年修订的《计算机网络技术专业人才培养方案》(2013稿),在该方案中已经先期开设了《图形图像处理》、《动画设计与制作》、《网页美工》课程,因此本课程标准中未包含相关内容.
2.
本课程标准中的项目九和项目十可作为选修内容,各校可根据课时安排和师资情况等具体情况做适当调整增减.
3.
本课程标准中的教学项目任课教师可根据自己的项目特长等具体情况做适当调整,但应涵盖相应的知识要点和技能要点.
4.
本课程完成后可参加CIW的网页制作专家认证考试或国家信息产业部的CEAC网页设计师认证考试,获得相应职业资格考证.