《网页设计与制作》课程标准
                         
适用专业：计算机系各专业    学时：72                  学分：4
css动画无限循环编写执笔人：****            审定负责人：****            课程编码：
一、课程性质
本课程是专业学习领域课程，主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能读懂HTML代码，能够运用专业的网页设计工具，使用“DIV+CSS”技术，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。
本课程前导课程：计算机应用基础、网络应用基础
本课程后续课程：ASP.NET动态网站开发
二、课程设计思路
本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，请计算机各专业有经验的教师对各自专业所涵盖的岗位进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养，体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
同时对教学过程的教学条件、教学模块、教学案例都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。
课程框架结构、学分和学时分配
项目名称
学时
学分
备注
1．认识网页、网站
4
4
每部分内容以项目或任务为主体，通过完成相应的项目或任务，理解相关知识点，能够熟练进行各类网页的设计操作；动态网页设计部分学习留言板的设计，初步理解动态网页设计的要点。
2、文本、图像、表单等页面元素的插入
8
3、超链接的设置
4
4．使用页面布局工具布局页面
8
5．使用DIV+CSS布局页面
20
6．使用库和模板创建维护网页
4
7．网页设计与制作综合作业
24
合计
72
三、课程学习目标
总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的静态网站。
具体目标：
（一）教学目标：
1.了解HTML代码中各种标记符的作用和应用，以及格式要求；
2.了解图像的几种格式：GIF、JPEG、PNG格式，它们各自的特点和差别；
3.掌握Dreamweaver操作界面的基本组成、界面组件的操作方法；
4.熟练掌握网页元素的各种定位技术，深入理解它们的作用；
5.了解轮换图片与影像地图的作用，掌握它们的设计方法
6.掌握网页中动态按钮和时间轴动画的创建，以及各种动画元素的插入方法   
7.了解CSS样式表的作用和意义，熟练掌握其设计方法；
8．了解DIV标签的作用，熟练掌握其使用方法； 
9.了解表单的作用，掌握其使用方法；
10.熟练掌握各种链接的作用以及相关操作；
11.了解模版和库在网页更新维护中的作用，熟练掌握它们对网站进行管理和更新的方法；
12.了解站点的定义、作用，掌握创建定义站点结构的方法；
（二）技能教学目标：
1.会用HTML语言中的标记制作一个简单的网页；
2.会用HTML语言中的标记设置颜、文本格式和列表；
3.熟练利用各种方法在网页中插入文本和图片、设置文本和图片之间的格式；
4.会利用Dreamweaver制作轮换图象和影象地图；
5.能熟练的在网页中设置各种超链接；
6.熟练利用网页元素定位工具设计网页格局；
7.熟练利用DIV+CSS设置页面外观；
8.会在网页中插入多媒体对象，如：flash、flash按钮；
9.会在网页中插入表单，利用表单让用户之间能更好的交流；
10.会使用JavaScript脚本程序实现某些网页特效；
11.熟练利用模板和库对网页进行更新和维护；
12.熟练利用站点对网站进行上传；
（三）素质教学目标：
1. 提高审美能力，好的网页首先外观要求大方美观，较高的审美能力能帮助自己作出好的网页出来
2. 合理的利用技术，在不影响美观或者是尽量不影响的条件下，到一个接合点做出美观而又实用的网页
3. 时时关注软件的新发展，学会应用新的功能，以提高工作效率
4. 具有一定的文化素质，让自己的网页增添几分艺术特，使自己网页设计达到一定的水准
5. 作一个生活的有心人，使自己的作品富有生机
6.提高学生的合作精神、协调工作能力和组织管理能力
四、课程内容与要求
项目一 认识网页、网站（4学时）
教学目标：了解网页设计的基本概念，掌握Dreamweaver工作界面设置，掌握站点的建立和管理，能够根据要求建立和管理站点；掌握进行网页制作的一般步骤。
课程内容：
1、认识Dreamweaver，创建和管理站点（2学时）
知识要点：网页设计中的一些基本概念，Dreamweaver CS界面的分布及操作，站点的创建及管理。
技能要点：掌握Dreamweaver工作界面的设置，掌握站点的创建及管理，能够根据要求建立和管理站点。
2、第一个静态网页的创建（2学时）
知识要点：网页制作的基本步骤。
技能要点：掌握正确的网页制作的步骤，能够创建、编辑及保存静态网页。
项目二 文本、图像、表单等页面元素的插入（8学时）
教学目标：理解文本、图像、表单中的相关概念，掌握设置其属性的方法；了解HTML代码，并能看懂。
课程内容：制作一个图文并茂的静态网页（8学时）
知识要点：制作含有图片、文字以及表单的静态网页，了解HTML代码的功能。小程序能开挂吗
技能要点：掌握网页中插入文字、图片、表单等页面元素的方法，掌握各种属性设置，能够根据要求在Dreamweaver中或代码中设置属性。
项目三 超链接的设置（4学时）
教学目标：理解超链接的定义和作用；理解内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的作用，掌握其设置方法；了解怎么把php改成txtHTML代码，并能看懂。
课程内容：制作一个包含各种链接的静态网页（4学时）
知识要点：制作含有各种链接的静态网页，了解HTML代码的功能。
技能要点：掌握网页中插入内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的方法，掌握各种超链接的设置，能够根据要求在Dreamweaver中或代码中设置属性。
项目四 vagrant什么时候出的使用页面布局工具布局页面（8学时）
教学目标：掌握表格的基本操作方法和表格属性的设置，理解表格HTML代码的含义并能正确应用，掌握常见特殊表格制作技巧；能够使用表格合理布局页面。
课程内容：
1、表格的基本操作及特殊表格的制作（4学时）
知识要点：表格的三种视图方式，表格的基本操作方法，表格属性的设置，表格HTML代码的含义，特殊表格制作技巧。
技能要点：了解表格的三种视图方式及其作用，掌握表格的基本操作方法和表格属性的设置，理解表格HTML代码的含义并能正确应用，特殊表格制作技巧。
2、用表格进行页面布局（4学时）
知识要点：使用表格布局网页。
技能要点：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。
项目五 使用DIV+CSS布局页面（20学时）
教学目标：理解CSS和DIV的基本概念，掌握CSS的基本语法规则；掌握在网页上应用DIV+CSS的方法。
课程内容：linux系统怎么打开命令窗口
1、认识Web标准和CSS样式（4学时）
知识要点：定义CSS的方法。
技能要点：体会学生个人网页html代码Web标准和CSS样式的应用，掌握CSS的基本语法规则。
2、利用DIV+CSS制作导航栏（6学时）
知识要点：各种网站导航栏的区别。
技能要点：会使用DIV+CSS制作各种网站导航栏。
3、利用DIV+CSS制作列表（4学时）
知识要点：自定义图片、项目符号列表的制作。
技能要点：会使用DIV+CSS制作各种列表。
4、利用DIV+CSS排版页面内容（6学时）
知识要点：全图排版、分栏文字排版、图文混排。
技能要点：会使用DIV+CSS对页面内容进行排版。
项目六 使用库和模板创建维护网页（4学时）
教学目标：理解模板的作用，掌握创建模板的方法，能够利用创建的模板生成页面；理解库的作用，会使用库提高网页的编辑效率。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。