搜索
《HTML+CSS网页设计》课程标准课程名称：HTML+CSS网页设计课程编码：11812001课程类型：理实一体化开课部门：信息工程系规定课时：64一、前言1．课程性质本课程是计算机多媒体技术专业必修课程，是完成计算机多媒体技术专业培养目标所必需的重要理实一体化教学环节，是一门综合性和实践性都很强的课程。它对于培养学生的职业能力和软件素质，培养学生独立思考和科学的工作方法，提高学生的网站开发能力具有重要的意义。2．课程定位本课程是计算机多媒体技术专业核心课程，该课程的核心技能是使学生掌握使用HTML语言和Dreamweaver设计网站，使用DIV+CSS设计网页布局，使学生掌握网站的开发技能。HTML+CSS网页设计课程是根据计算机多媒体技术专业人才培养方案中职业岗位及职业能力分析表中的网页设计工作任务来设置的。前导课程：《图形图像处理技术》、《计算机应用基础》后续课程：《JavaScript网页客户端设计》、《Web应用系统开发》3．课程设计思路本课程内容设计重在培养学生静态网站设计能力，围绕静态网站设计特点和能力要求，通过HTML语言和网页设计工具Dreamweaver、CSS对网页元素样式的控制、CSS对DIV的页面布局的控制以及CSS的网页特效制作等能力入手，组织学生开发完成一个实际静态网站项目，培养学生网站项目开发的实践能力。为充分体现任务引领、项目导向课程思想，本课程根据计算机多媒体技术专业人才培养方案中职业岗位及职业能力分析表中的网页设计技能为主要的教学内容，选择具有代表性的一个静态网站的整体设计过程为载体组织项目课程内容。本课程对计算机多媒体技术专业计算机多媒体技术方向共开设64课时，其中实践课时占32课时。二、课程目标1．知识目标经过本课程的学习，使学生理解网页设计的相关概念，掌握网页设计工具Dreamweaver的使用，掌握CSS的基本语法，理解CSS样式中的相关属性和单位值，理解CSS的继承性、层叠性和特殊性，掌握CSS对页面控制的几种方式，掌握CSS对网页元素（文字、图片、超链接等）的样式控制属性的设置，理解盒子布局的原理，掌握DIV+CSS布局的一般流程。2．能力目标经过本课程的学习，使学生能运用网页设计的相关原理和理念进行网页设计，能使用Dreamweaver实现对网页元素的熟练控制，能灵活运用CSS的基本语法，编写CSS程序，能利用CSS对页面进行控制，能灵活运用CSS样式的相关属性和单位值，对网页元素的样式进行合理的设置，能够利用盒子布局原理对DIV进行合理的布局与定位，能熟练地应用DIV+CSS对网页页面进行布局。3．素质目标经过本课程的学习，培养学生勤奋学习的态度，严谨求实、创新的工作作风，使学生具有良好的心理素质和职业道德素质，具有高度责任心和良好的团队合作精神，具有一定的科学思维方式和判断分析问题的能力，具有较强的网页设计创意思维、艺术设计素质，较强的自我知识及技术更新能力。4．职业资格证书考核目标全国计算机专业人才考试（网页设计）三、课程内容及参考学时教学单元教学内容学习目标参考学时1、Dreamweaver网页制作基础1、Dreamweaver8工作环境文档的基本操作2、HTML标记语言3、站点的创建与管理4、插入文本与使用列表5、插入图像与多媒体元素6、创建超级链接1、熟悉Dreamweaver8工作环境文档的基本操作2、学会使用HTML标记语言3、掌握站点的创建与管理4、掌握插入文本与使用列表5、掌握插入图像与多媒体元素6、掌握创建超级链接12项目1：网站需求分析网站需求分析1、理解网站需求分析的作用2、掌握网站需求分析的内容3、能进行实际的网站需求分析4教学单元教学内容学习目标参考学时2、网页的色彩搭配1、网页色彩基础知识2、色彩的象征情感3、色彩的主题印象1、掌握网页的色彩搭配2项目2：网站配色方案设计1、网站配色方案设计内容2、网站配色方案设计方法1、能进行实际网站配色方案设计43、页面布局设计1、页面布局概述2、表格布局3、层布局4、框架布局1、理解页面布局2、掌握表格布局设计3、掌握层布局设计4、掌握框架布局设计6项目3：网站界面设计1、界面设计的内容2、界面设计的方法1、能进行实际的网站界面设计6教学单元教学内容学习目标参考学时4、CSS基本语法1、CSS语法与用法2、CSS属性、属性值和单位3、CSS选择器4、CSS继承性、层叠性和特殊性1、掌握CSS的基本语法结构2、掌握CSS相关的属性和属性值以及单位的概念3、掌握CSS选择器的作用4、掌握CSS复合选择器的编写方法以及各种选择器的相互关系45、CSS样式应用1、CSS对文字的样式控制2、CSS对图片的样式控制3、CSS对超链接样式的控制4、CSS设置网页中的列表结构和样式5、CSS设置表格和表单的结构和样式1、掌握CSS对文字的样式控制2、掌握CSS对图片的样式控制3、掌握CSS对超链接样式的控制4、掌握CSS设置网页中的列表结构和样式5、掌握CSS设置表格和表单的结构和样式4项目4：网站网页制作1、常见网页制作技巧和方法1、运用HTML+CSS进行网页制作146、CSS布局设计1、CSS盒子模型2、CSS对网页元素的定位方法3、CSS的布局模型4、CSS控制网页背景图片1、掌握CSS盒子模型2、掌握CSS对网页元素的定位方法3、掌握CSS的布局模型4、掌握CSS控制网页背景图片4教学单元教学内容学习目标参考学时项目5：网站的测试与发布1、网站测试的内容和方法2、网站发布的过程和方法1、能进行实际的网站测试2、能实现网站的发布4四、课程实施建议1．参考教材及教学参考书建议参考教材：《Dreamweaver8网页制作与网站开发》杨志殊、吴俊海编清华大学出版社教学参考书：《DIV+CSS网站布局从入门到精通》朱印红北京希望电子出版社2．教学方法建议针对具体的教学内容和教学过程，采用项目教学方法、情景教学法、案例教学法、任务驱动教学法等。3．教学评价建议本课程采用多元性的评价，结合课堂提问、课程作业、学生互评、项目答辩等方式，对学生项目完成情况进行考核。考核项目考核方式比例过程考核学习态度根据作业完成情况、学生出勤情况，由教师综合评定学生的学习态度得分。10%单元实践根据学生实践情况、由学生自评、他人评价和教师评价相结合的方式评定成绩。20%综合由教师根据学生项目完成程度进行评分。40%项目答辩由教师对学生进行答辩，根据答辩表现评分30%合计100%五、课程教学资源1．实验实训教学条件建议序号实验实训项目名称所需设备名称1网站需求分析安装必需软件（Dreamweaver）、能上网的电脑、投影仪等2网站配色方案设计安装必需软件（Dreamweaver）、能上网的电脑、投影仪等3项目3：网站界面设计安装必需软件（Dreamweaver）、能上网的电脑、投影仪等4项目4：网站网页制作安装必需软件（Dreamweaver）、能上网的电脑、投影仪等5项目5：网站的测试与发布安装必需软件（Dreamweaver）、能上网的电脑、投影仪等2．师资条件担任本课程的主讲教师需要熟练掌握HTML标记语言和CSS及Dreamweaver软件，具备运用HTML+CSS网页设计进行网站设计的能力，同时应具备较丰富的教学经验。在教学组织能力方面，本课程的主讲教师应具备基本的设计能力，即根据本课程标准制定详细的授课计划，对每一堂课的教学过程精心设计；还应具备较强的施教能力、课堂掌控能力和应变能力。承担本课程教学的兼职教师应具备中、高级职称，主要承担CSS样式应用模块、CSS布局设计模块的教学，总计20课时。3．学习资源选用HTML+CSS网页设计网络教学资源库教材和实训指导书教学录像六、编制说明