网页设计与制作课程标准

江苏农林职业技术学院《网页设计与制作》课程标准课程代码：08058一、适用对象电子信息工程、计算机应用、电子商务等专业的三年制大专。二、课程性质网页设计与制作是当今社会的热门技术之一，也是三年制计算机专科学生的一门专业必修课，是根据网页设计与制作、网站管理、网页编辑的工作岗位能力要求所开设的课程。本课程的教学目的是：以HTML、DreamWeaver和ASP为蓝本，全面介绍与网页设计制作有关的知识，使学生具有解决一般网页制作问题的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。使学生具有良好的网站规划、设计、编辑与维护能力。三、参考学时74学时（理论34学时、实训40学时）四、学分4学分五、课程目标通过本课程的学习，学生具有网页设计师工作最基本的知识与技能、具备较高的职业素质，能基本胜任各公司的网页设计师和网站管理维护等岗位工作。具体来讲，又分为职业能力、工作能力和创新能力的培养。（一）情感与态度目标1.具有勤奋学习的态度,严谨求实,创新的工作作风;2.具有良好的心理素质和职业道德素质;3.具有高度责任心和良好的团队合作精神;4.具有一定的科学思维方式和判断分析问题的能力;5.具有较强的网页设计创意思维,艺术设计素质.（二）能力目标（五号黑体，顶头空两字）1、熟悉DreamWeaver软件的使用。2、掌握创建和管理站点的原理和方法。3、掌握网页文本的编辑和控制、表格设计和制作网页的技术。4、掌握网页图像的处理、超链接的使用、网页表单的编辑的技术。5、掌握制作网页框架、图层技术、CSS样式的技术。6、掌握网页中插入多媒体、利用模板和库设计网页的技术。7、掌握网页测试和发布等技能。8、具备进行综合网站规划与设计的能力。9、具备网站的更新与维护能力。（三）知识目标1.会使用dreamweaver网页设计工具制作网页;2.理解html语言中的标记设置颜色,文本格式和列表;3.熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符,链接颜色的设置方法;4.熟练掌握网页设计中字符格式的设置方法,段落分段与换行的方法;5.掌握html的语法结构,掌握html语言中标记的使用方法;6.掌握在网页中添加css的方法.掌握三种添加样式信息的方法,会使用css设置网页格式和列表的格式;7.掌握在网页中嵌入图像的方法,掌握与嵌入图像相关标记的用法;8.掌握与图像布局和位置相关的标记的概念和用法;9.熟练掌握使用绝对和相对url,创建超链接,图像链接;学会图像映射的建立方法;10.熟练掌握表格的使用方法,会用表格布局并设计网页;11.掌握框架制作网页的方法,会使用框架设计网页;12.掌握制作表单的方法,会利用表单建立交互式页面;13.掌握javascript语言的语法;14.掌握在html语言代码中嵌入javascript代码的方法,能看懂javascript特效网页源代码;15.学会使用javascript语言实现网页特效.。六、设计思路本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver，通过对这种有代表性的网页制作软件的学习，了解网站规划和建立的全过程，掌握制作网页并建设网站的技术。该门课程采取项目式教学，同时遵循高等职业院校学生的认识规律，结合网页设计师职业资格证书中相关考核要求，确定本课程的工作任务和课程模块。本课程学习结束后，学生应能熟练利用Dreamwaver提供的强大功能制作静态及简单动态网页、开发具有一定规模的网站，并最终上传到互联网上。七、内容纲要项目一网站建设基本知识参考学时：8学时学习目标：了解HTML的相关知识、概念以及网站的制作流程，掌握用DreamWeaver制作HTML网页。模块一初识Dreamweaver参考学时4学时学习目标1、熟悉Dreamweaver的工作界面2、正确的启动和退出程序3、能正确描述插入栏、文档工具栏、属性面板和浮动面板的功能，会打开和关闭这些工具栏和面板，调整工作界面的布局工作任务网页设计的基本概念、掌握站点的建立和管理，能够根据要建立和管理站点。相关知识互联网，远端站点，本地站点拓展知识HTML语言模块二制作第一个简单页面参考学时4学时学习目标掌握网页制作最基本的步骤。工作任务1、学会创建静态站点。2、页面中文本的输入及简单格式化。3、页面背景的设置。4、学会添加水平线和设置滚动字幕。5、网页的命名与保存相关知识HTML语言拓展知识网页的布局和色彩搭配项目二插入图像和多媒体参考学时：8学时学习目标：掌握网页制作中如何添加图像和多媒体等网页元素，熟练掌握在DreamWeaver中处理图片和多媒体的方法和技巧。模块一插入图像和多媒体参考学时4学时学习目标学会如何在网页中添加FLASH动画，插入图像和视频，以及背景音乐。工作任务1、在网页中插入图像。2、在网页中插入FALSH动画。3、在网页中设置背景音乐。4、学会如何在网页中添加视频文件。相关知识HTML语言拓展知识声音及视频的格式模块二制作一个音画网站参考学时4学时学习目标合理运用学习过的知识构建一个图、文、声并茂的音画网页工作任务2、创建站点，准备素材。2、在网页中插入图像，在网页中插入FALSH动画。3、在网页中设置背景音乐。4、合理布局，构建一个图文声并茂的网页作品。相关知识HTML语言拓展知识声音及视频的格式项目三表格的制作参考学时：6学时学习目标：掌握网页制作中与表格有关的HTML标记，熟练掌握用DreamWeaver制作数据表格和排版表格。模块一表格的基本操作参考学时2学时学习目标掌握网页制作中与表格有关的HTML标记，熟练掌握用DreamWeaver制作数据表格和排版表格。工作任务1、如何制作表格2、表格格式化3、表格在页面布局中的应用相关知识表格在页面布局中的应用拓展知识表格的标签模块二利用表格制作一个点歌台网页参考学时4学时学习目标通过上机操作使学生掌握表格的制作方法，学会根据需要对表格进行格式化处理，掌握表格、行、单元格的属性设置上的区别点和表格在页面布局中的作用。工作任务1、建立站点。2、合理用表格布局。3、根据网站主题，在网页中插入动画，图片，文字制作一个简单的点歌台页面。相关知识网页的布局拓展知识特殊表格的制作项目四设置超级链接参考学时：4学时学习目标：熟练掌握用DreamWeaver制作各种超级链接，如：文本的超级链接、图像超级链接，热区的超过级链接，电子邮件链接等。模块一班级网站的制作参考学时4学时学习目标制作一个班级网站，至少要有三个以上的页面，并有合理的导航工作任务1、创建普通文本链接：能正确创建文本链接，实现网页跳转。2、创建锚链接：能正确创建锚链接，实现网页跳转和位置跳转。3、创建电子邮件链接：能正确创建电子邮件链接，实现邮件发送。4、以上功能要在班级网站中体现出来。相关知识超级链接的标签拓展知识能对已有的导航条进行简单的编辑和修改项目五表单的制作参考学时：4学时学习目标：1、掌握创建表单、向表单中插入表单对象的方法。2、掌握表单及表单对象属性的设置。模块一会员注册页面的制作参考学时4学时学习目标掌握表单在网页中的应运工作任务1、使学生熟练掌握表单的制作方法。2、理解表单在收集用户信息方面的作用机理。3、学会在网页中合理地设置表单，并制作一个会员注册页面。相关知识利用表单对象制作友情链接拓展知识制作一个访客留言前台页面项目六CSS样式表参考学时：8学时学习目标：要求掌握如何自定义样式表，如何修改原有的HTML标签样式，怎样用样式表选择器添加动态效果，怎样添加和应用外部样式表。模块一认识CSS样式表参考学时4学时学习目标认识CSS样式表，学会创建和运用CSS样式工作任务1、认识CSS样式，熟悉CSS样式的分类，掌握CSS样式的语法。2、掌握创建CSS样式表，设置CSS属性的方法。3、掌握链接CSS和导入CSS样式表、编辑和删除CSS样式、应用CSS样式的方法。相关知识拓展知识高级样式的制作模块二制作智丰电脑学校首页参考学时4学时学习目标利用样式美化网页工作任务1、网页的整体布局。2、添加网页元素。3、用CSS样式制作水平导航栏。4、用CSS样式设置文本的字体、字形、行高等属性，制作一个图文并茂的页面。相关知识利用样式换肤拓展知识制作多样式的导航栏项目七框架参考学时：4学时学习目标：掌握网页制作中与框架有关的HTML标记，熟练掌握用DreamWeaver制作框架结构网页。模块一框架的基本操作参考学时2学时学习目标掌握在网页中添加行为效果，使网页产生简单的人机交互功能工作任务1、认识框架2、建立框架3、框架的高级设定4、框架中的超级链接相关知识拓展知识模块二产品展示类网站制作参考学时2学时学习目标利用框架架构页面工作任务1、利用框架进行网页的整体布局。2、添加网页元素。3、左侧导航栏的制作。4、超级链接的制作。相关知识拓展知识项目八模板和库参考学时：6学时学习目标：学会如何创建和使用模板；学会如何创建和使用库项目；能够使用模板和库创建网站页面。模块一模板和库的基本操作参考学时2学时学习目标掌握模板和库项目的创建与应用工作任务1、创建模板2、创建可编辑区域3、应用模板4、创建和应用库项目相关知识拓展知识模块二制作基于模板和库的旅游信息页面参考学时4学时学习目标本课以制作旅游网页为例，讲解了模板的制作方法与技巧。学生通过学习应掌握旅游网页的设计思路与制作要领。工作任务1、制作一个模板页面，把页面中内容需要更换的栏目设置为可编辑区域，将左侧的快速导航设置为可选区域。2、创建一个基于模板的页面，并在页面中的可编辑区域运用表格布局制作相关的页面内容。3、将页面底部的版权信息制作为库项目。相关知识模板的调整与更新拓展知识项目九网页中行为的应用参考学时：6学时学习目标：通过教学，使学生掌握Dreamweaver中行为的概念，熟练掌握使用行为面板对行为的各种操作方法。会使用Dreamweaver的内置行为为网页对象添加各种常用的行为模块一行为的基本操作参考学时2学时学习目标掌握在网页中添加行为效果，使网页产生简单的人机交互功能工作任务1、了解行为的含义及功能。2、了解动作与事件的含义及设置方法。3、熟悉行为面板。4、掌握网页常用行为的设置方法，并会编辑、删除已设置的行为。相关知识拓展知识模块二个人网站制作参考学时4学时学习目标利用行为为网页设置人机交互功能工作任务1、网页的整体布局。2、添加网页元素。3、利用行为制作水平导航栏。4、利用行为设置友情链接，利用行为设置检查表单功能，从而屏蔽垃圾信息，并综合应用前面所学制作一个图文并茂的页面。相关知识拓展知识行为的高级运用项目十测试发布网站参考学时：4学时学习目标：掌握Dreamweaver测试网站的性能，检查网站的正确性。掌握域名的基本概念以及分类，域名的注册技巧；掌握空间的申请方法。掌握发布站点的步骤。模块一网站的发布参考学时4学时学习目标测试发布网站工作任务1、测试网站。2、申请空间和域名。3、发布维护网站。相关知识网站的推广拓展知识项目十一ASP动态网页参考学时：8学时学习目标：以留言板设计为实例，掌握用ASP代码和DreamWeaver制作动态网站的一般方法和流程。模块一留言本的制作（一）-----发表留言页面参考学时4学时学习目标通过学习使学生掌握IIS的设置方法，会在DW中正确设置动态站点，学会制作一个访客留言页面，并能将数据写入到相应的数据库中。工作任务1、动态站点的设置。2、访客留言页面的设计与实现。相关知识数据库的设计，数据库的链接，记录集的绑定拓展知识模块二留言本的制作（二）----显示留言页面参考学时4学时学习目标使学生能将数据库里的访客信息，正确地显示出来，掌握合理地分页和排序。从而将访客查看留言和填写留言的功能完全地设计与实现。工作任务1、显示页面的设计。2、记录集的绑定。3、重复区域的设置。4、记录的分页及排序的设定。相关知识拓展知识模块三留言本的制作（三）----管理留言页面参考学时4学时学习目标使学生能实现管理员的管理留言功能即删除留言、修改留言、回复留言，从而