2013计算机多媒体技术《htmlcss网页设计》课程标准0

《2013计算机多媒体技术《htmlcss网页设计》课程标准0》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、《HTML+GSS网页设计》课程标准课程名称：HTML+CSS网贞设计课程编码：11812001课程类型：理实一体化开课部门：信息工程系规定课时：64一、前言1.课程性质木课程是计算机多媒体技术专业必修课程，是完成计算机多媒体技术专业培养目标所必需的重要理实一体化教学环节，是一门综合性和实践性都很强的课程。它对于培养学生的职业能力和软件素质，培养学生独立思考和科学的工作方法，提高学生的网站开发能力具有重要的意义。2.课程定位本课程是计算机多媒体技术专业核心课程，该课程的核心技能是使学生掌握使用HTML语言和Dreamweaver

2、设计网站，使用DIV+CSS设计网页布局，使学生掌握网站的开发技能。HTML+CSS网页没计课程是根据计算机多媒体技术专业人才培养方案中职业岗位及职业能力分析表中的网页设计工作任务来设置的。前导课程：《图形图像处理技术》、《计算机应用基础》后续课程：《JavaScript网页客户端设计》、《Web应用系统开发》3.课程设计思路本课程内界设计重在培养学生静态网站没计能力，围绕静态网站没计特点和能力要求，通过HTML语言和网页设计工具Dreamweaver、CSS对网页元素样式的控制、CSS对DTV的贞面布局的控制以及CSS的网页特

3、效制作等能力入手，组织学生开发完成-个实际静态网站项目，培养学生网站项目开发的实践能力。为充分体现任务引领、项目导向课程思想，本课程根据计算机多媒体技术专业人才培养方案中职业岗位及职业能力分析表中的网页没计技能为主要的教学内界，选择具有代表性的一个静态网站的整体设计过程为载体组织项目课程内容。本课程对计算机多媒体技术专业计算机多媒体技术方向共开设64课吋，其中实践课吋占32课时。二、课程目标1.知识目标经过本课程的学习，使学生理解网页设计的相关概念，掌握网页没计工具Dreamweaver的使用，掌握CSS的基本语法，理解CSS样

4、式中的相关属性和单位值，理解CSS的继承性、层叠性和特殊性，掌握CSS对页面控制的儿种方式，掌握CSS对网页元素（文字、图片、超链接等）的样式控制属性的设置，理解盒子布局的原理，掌握DIV+CSS布局的一般流程。2.能力目标经过本课程的学习，使学生能运用网页设计的相关原理和理念进行网贞设计，能使用Dreamweavei•实现对网页元素的熟练控制，能灵活运用CSS的基本语法，编写CSS程序，能利用CSS对页面进行控制，能灵活运用CSS样式的相关属性和单位值，对网页元素的样式进行合理的设置，能够利用盒子布局原理对DIV进行合理的布局

5、与定位，能熟练地应用DIV+CSS对网页页而进行布局。3.素质目标经过本课程的学习，培养学生勤奋学习的态度，严谨求实、创新的工作作风，使学生具有良好的心理素质和职业道德素质，具有高度责任心和良好的团队合作精神，具有一定的科学思维方式和判断分析M题的能力，具有较强的网页设计创意思维、艺术设计素质，较强的自我知识及技术更新能力。4.职业资格证书考核目标全国计算机专业人才考试（网页设计）三、课程内容及参考学时教学单元教学内容学习目标参考学时1、Dreamweaver网页制作基础1、Dreamweaver8工作环境文档的基本操作2、HT

6、ML标记语言3、站点的创建与管理4、插入文本与使用列表5、插入阁像与多媒体元索6、创建超级链接1、熟悉Dreamweaver8工作环境文档的基本操作2、学会使用HTML标记语言3、掌握站点的创建与管理4、掌握插入文本与使用列表5、掌握插入阁像与多媒体元索6、掌握创建超级链接12项H1:网站需求分析网站需求分析1、理解网站需求分析的作用2、掌握网站需求分析的内'容3、能进行实际的网站需求分析4教学单元教学内容学习目标参考学时2、网页的色彩搭配1、网页色彩基础知识2、色彩的象征情感3、色彩的主题印象1、掌握网页的色彩搭配2项H2:网

7、站配色方案设计1、M站配色方案设计内容2、网站配色方案设计方法1、能进行实际网站配色方案设计43、页面布局设计1、页面布局概述2、表格布局3、层布局4、框恕布局1、理解页面布局2、掌握表格布局设计3、掌握层布局设计4、掌握框架布局设计6项H3:网站界面设计1、界面设计的闪容2、界而设计的方法1、能进行实际的M站界面设计6教学单元教学内容学习目标参考学时4、CSS基本语法1、CSS语法与用法2、CSS属性、属性值和单位3、CSS选择器4、CSS继承性、层S性和特殊性1、掌握CSS的基本语法结构2、掌握CSS相关的屈性和屈性值以及单

8、位的概念3、掌握CSS选择器的作用4、掌握CSSa合选择器的编写方法以及芥种选择器的相互关系45、CSS样式应用1、CSS对文字的样式控制2、CSS对图片的样式控制3、CSS对超链接样式的控制4、CSS设置网页屮的列表结构和样式5、CSS设i表格和表单的结构和样