网页设计与制作课程标准.docx
《网页设计与制作课程标准.docx》由会员分享，可在线阅读，更多相关《网页设计与制作课程标准.docx（15页珍藏版）》请在冰点文库上搜索。
网页设计与制作课程标准
网页设计与制作课程标准
江苏农林职业技术学院
《网页设计与制作》课程标准
课程代码：
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、熟悉 Dream weaver的工作界面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学时
学习目标
使学生能实现管理员的管理留言功能即删除留言、修改留言、回复留言，从而实现一个功能较完全的一个留言本。
工作任务
1、设计管理员数据库表。
2、设计管理员登录页面。
3、设计管理员管理页面。
4、设计删除、修改、回复留言页面。
相关知识
拓展知识
项目十二综合练习
参考学时：
4学时
学习目标：
利用前面所学创建一个网站。
使学生对于网页设计与制作的基本方法和技能有更加深入的理解；提高学生在实际操作中收集信息、对信息进行价值判断、进行信息整理、信息加工的能力；提高学生的网页设计与制作能力；使学生掌握利用软硬件资源制作并发布一个具体网站的操作过程。
模块一制作一个网站
参考学时
4学时
学习目标
综合利用前面所学，制作一个图文并茂的网站作品
工作任务
1．每位学生根据自己的兴趣爱好或专长，确定一个网站主题；
2．根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息；
3．设计确定网站的整体结构；
4．自行设计网站的LOGO；
5．设计各级网页的风格；
6．利用Dreamweaver网页制作软件设计制作各个页面；
7．测试完成的网站；
8．充分利用能够得到的软硬件资源，将网站发布到Internet上。
相关知识
拓展知识
八、课程考核与成绩评定
本教学大纲适用于计算机及相关专业大专学生，根据各学期教学周数的不同，学时数可能有所调整。
本课程教学时数一般在70学时左右。
个别章节的部分内容可根据具体情况作适当的删补，同时在教学中应注意随时增加新的功能，让学生了解软件的发展动态。
理论知识大部分内容可以在多媒体教室讲解，具体的设计操作部分在多媒体实验室进行讲解。
（内容采用五号宋体，行距采用固定值18，顶头空两字）。
九、实施建议
本教学大纲适用于计算机及相关专业大专学生，根据各学期教学周数的不同，学时数可能有所调整。
本课程教学时数一般在64-78学时左右。
个别章节的部分内容可根据具体情况作适当的删补，同时在教学中应注意随时增加新的功能，让学生了解软件的发展动态。
理论知识大部分内容可以在多媒体教室讲解，具体的设计操作部分在多媒体实验室进行讲解。
升级会员 