《XHTML+CSS》课程教学大纲.docVIP

《XHTML+CSS》课程教学大纲 一、课程性质 XHTML+CSS》课程是《》的先修课是《计算机》它们为本课程提供计算机硬软件基础知识，本课程又为《ASP.NET》等课程提供程序设计基础。二、课程目标 通过本课程的学习 三、课程要求 50课时。 本课程在教学上结合W3C标准规范进行教学，强调在学习过程中注重并理解规范标准的重要性，并在设计中遵循规范。并要求教师具有比较强的驾驭课堂的能力；具有良好的职业道德和责任心。 四、课程内容(2学时) 教学内容：了解什么是WEB标准，在网页设计中遵循WEB标准的意义是什么，有何作用，WEB标准的内容有哪些。 教学重点：WEB标准的组成及其意义。 教学难点：标准的意义。结构、表现、行为 知识目标：理解标准化的意义，了解结构、表现、行为三者的关系。 2、WEB网页设计常见问题。（2学时） 教学内容：了解如何才能符合WEB标准，了解网站重构、兼容、XML等在网页设计中容易遇到的问题 。 教学重点：网站重构、兼容处理 教学难点：网站重构 知识目标：理解网站重构概念，进行网站重构设计的优点。 3、XHTML基础 （2学时） 教学内容：学习XHTML常用元素，了解各元素用法、作用表现，常用属性。 教学重点：掌握XHML基本结构。段落标签、列表标签、表单标签、超链接、文本控制等标签应用。 教学难点：标签的合理应用。 4、CSS选择符 （12学时） 教学内容：学习并掌握CSS类型选择、群组选择符、包含选择符、ID和CLASS选择符以及标签指定样式选择符的语法结构，书写规则、应用范围。了解CSS选择符作用。 教学重点：类型选择符、群组选择定义、CSS属性、值及其作用。 教学难点：选择符及其意义。 5、CSS布局设计（12学时） 教学内容：了解盒型模型原理、DIV。掌握单列、两列、三列以及多列式布局原理及应用。通过学习能够灵活进行常用布局样式设计。 教学重点：盒型原理。单列居中、两列居中、两列自适应及多列布局设计原理和方法。 教学难点：浮动应用及浮动清除。浮动Bug处理。 知识目标：学习掌握盒型及浮动原理。 6、CSS网站元素设计(12) 教学内容：学习网站导航样式设计、背景元素处理、列表样式处理、表单样式设计、字体及段落样式设计及链接样式设计。 教学重点： 教学难点：列表样式处理 知识目标：学习并掌握网站各种元素的样式设计，并能在此基出上进行适当的个人创意。 7、CSS内容排版设计(4课时) 教学内容：学习并掌握CSS内容处理，包括文字排版、图文混版、全图排版以及表格排版。 教学重点：文字段落排版、图文混排。 教学难点：不同类别的图文混排。 知识目标：学会掌握基于CSS的网页图文混排技术。 8、CSS高级技巧（4课时） 教学内容：CSS选择符命名规范、CSS文件结构设计与优化、样式缩写、代码优化以及圆角样式设计等 。 教学重点：命名规范、CSS缩写、代码优化技巧、圆角样式设计。 教学难点：命令规范，圆角样式处理。 知识目标：掌握规范、优化在网页设计中的意义与作用。圆角样式设计原理。 （二）实践教学 实验一 XHTML网页基本结构及常用XHTML标签元素的应用。 实验课时：2课时 实验目地：让学生能掌握认识XHTML常用标签元素的使用规范及基本应用和表现。 实验方法：老师多媒体介绍，布置一个小实验让学生动手体会。 实验内容：认识网页基本结构组成，常用标签元素输入、结果的查看。 实验效果：学生能够认识基本网页结构，并能在指定位置输入XHTML标签元素，能够自行查看标签应用效果，体会标签元素间的差异。 实验color/font-size/border/text-align等。 实验方法：老师多媒体演示基本操作过程，学生自主练习体验操作结果。 实验内容：学习标签选择符、群组选择符的定义，使用方法、作用范围 实验效果：通过实验掌握CSS选择符基本应用。学生能够认识选择符，根据需要合理编写选择符，并能合理规范。最终能体会到CSS选择符的作用。 实验实验 实验 实验 实验五、课程建设 85%以上。 本课程是专业基础课程 ,因此教材内容的难度要适中，需要配备课后练习题和上机实训。以便于学生能循序渐进地掌握程序设计基础知识和程序调试技能。 建立教学博客或其他教学互动空间，以便于能够更多的进行教学互动和交流，及时了解学生对知识的掌握程度、为学生解决难题。 六、课程评价 湖南同德职业学院计算机系 　　　　　 2011年11月