适用专业：计算机系各专业 学时：72 编写执笔人：**** 审定负责人：****
学分：4 课程编码：
一、课程性质
本课程是专业学习领域课程，主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能读懂HTML代码，能够运用专业的网页设计工具，使用“DIV+CSS”技术，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。
本课程前导课程：计算机应用基础、网络应用基础 本课程后续课程：ASP.NET动态网站开发
二、课程设计思路
本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，请计算机各专业有经验的教师对各自专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养，体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
同时对教学过程的教学条件、教学模块、教学案例都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。
课程框架结构、学分和学时分配 项目名称 1．认识网页、网站 2、文本、图像、表单等页面元素的插入 3、超链接的设置 4．使用页面布局工具布局页面 5．使用DIV+CSS布局页面 学时 4 8 4 8 20 4 学分 备注 每部分内容以项目或任务为主体，通过完成相应的项目或任务，理解相关知识点，能够熟练进行各类网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学时）
教学目标：理解超链接的定义和作用；理解内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的作用，掌握其设置方法；了解HTML代码，并能看懂。
课程内容：制作一个包含各种链接的静态网页（4学时）
知识要点：制作含有各种链接的静态网页，了解HTML代码的功能。
技能要点：掌握网页中插入内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的方法，掌握各种超链接的设置，能够根据要求在Dreamweaver中或代码中设置属性。
项目四 使用页面布局工具布局页面（8学时）
教学目标：掌握表格的基本操作方法和表格属性的设置，理解表格HTML代码的含义并能正确应用，掌握常见特殊表格制作技巧；能够使用表格合理布局页面。
课程内容：
1、表格的基本操作及特殊表格的制作（4学时）
知识要点：表格的三种视图方式，表格的基本操作方法，表格属性的设置，表格HTML代码的含义，特殊表格制作技巧。
技能要点：了解表格的三种视图方式及其作用，掌握表格的基本操作方法和表格属性的设置，理解表格HTML代码的含义并能正确应用，特殊表格制作技巧。
2、用表格进行页面布局（4学时） 知识要点：使用表格布局网页。
技能要点：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。
项目五 使用DIV+CSS布局页面（20学时）
教学目标：理解CSS和DIV的基本概念，掌握CSS的基本语法规则；掌握在网页上应用DIV+CSS的方法。
课程内容：
1、认识Web标准和CSS样式（4学时） 知识要点：定义CSS的方法。
技能要点：体会Web标准和CSS样式的应用，掌握CSS的基本语法规则。 2、利用DIV+CSS制作导航栏（6学时） 知识要点：各种网站导航栏的区别。
技能要点：会使用DIV+CSS制作各种网站导航栏。 3、利用DIV+CSS制作列表（4学时）
知识要点：自定义图片、项目符号列表的制作。 技能要点：会使用DIV+CSS制作各种列表。 4、利用DIV+CSS排版页面内容（6学时） 知识要点：全图排版、分栏文字排版、图文混排。 技能要点：会使用DIV+CSS对页面内容进行排版。
项目六 使用库和模板创建维护网页（4学时）
教学目标：理解模板的作用，掌握创建模板的方法，能够利用创建的模板生成页面；理解库的作用，会使用库提高网页的编辑效率。
课程内容：制作学校网站的首页（4学时）
知识要点：设置学校网站的库和模板，利用库和模板制作学校网站的首页。 技能要点：掌握库和模板的创建、编辑和修改方法，会使用库和模板生成相关网页。
项目七 网页设计与制作综合作业（24学时）
教学目标：能够综合运用所学知识熟练完成静态网页的设计。
课程内容：制作个人网站、游戏娱乐网站、旅游休闲网页、房产网页、文化艺术网页、电子商务网页。
技能要点：掌握网站制作的全过程，能够将表格布局、模板、DIV+CSS样式等综合知识应用在网站上，理解网站的上传和维护的方法，并能对制作的网站进行上传和后期的维护。
五、教学条件
1、教学条件：采取多媒体机房教学，一人一台电脑 2、实践教学环境：
硬件环境：MicroSoft Windows 2000 Prefession或更高版本；Pentium 4或更高处理器；Microsoft Windows支持的VGA或分辨率更高的显示器；至少512M RAM；
软件环境：安装Dreamweaver、Firework或photoshop、Flash软件
六、师资条件
教师基本要求
课程要求教学能力强、教学经验丰富、精通业务、教学效果好，且具有良好综合素质、有开发网站工作经验的教师担任。
七、教学方法与手段
针对该课程具体的教学内容和教学过程需要，采用案例教学的方法，将知识点整合在案例中，让学生在对案例进行详细的分析、解剖和总结的过程中，掌握相关的理论知识和操作技巧，这样有助于提高学生的学习兴趣，掌握相应的岗位技能。
老师在每次授课过程中，先阐述相应项目驱动部分的任务，然后在讲解的过程中穿插讲解本章节知识点，并进行现场演示，学生在该过程中跟老师一起完成项目的制作联系，通过讲练结合，学生对知识点的掌握会更加牢固，且能达到对知识灵活应用的目的。
八、教学评价与考核要求
考核方式：
本课程的考核成绩有机考成绩与实验成绩两项组成，平时上机实验技能测试应有严格的记录，根据各种实验要求的最终来计算成绩。
评分方法： 1．期末上机考试。
2．平时成绩：平时成绩包括出勤、作业、实验等。
3．每次实验除了必要的签到点名，还要当场验收学生的完成情况
4．考核总评成绩 = 期末上机考试成绩（60%）+ 平时成绩（20%）+ 实验成绩（20%）之和。
九、课程资源开发与利用
1．多媒体教案、电子教材和参考材料 2. 教学大纲（课程标准） 3. 习题集
4. 实训系统（包括上机操作任务、阶段项目案例、项目实训案例及相应的指导书）
5. 学生优秀作品库（学生的作业、项目实训文档）
因篇幅问题不能全部显示，请点此查看更多更全内容