《网页设计语言教程》教学大纲.doc

网页设计语言教程（HTML&CSS）教学大纲信息工程系张慧英一、课程的性质与任务1.性质随着因特网的迅猛发展，网页设计技术已成为计算机学习的重要内容之一。近几年来，网页设计技术一直推陈出新，不断有新技术被提出与应用，人们将众多的网页设计技术分为静态网页技术和动态网页技术两种。静态网页技术一般是指HTML与CSS，只采用静态网页技术的网页只能单纯地在网页中展示文字与图片，但它是所有网页设计的基础技术。动态网页技术是指让网页能够依照用户的需求做出动态响应的技术，例如JavaScript/VBScript及ASP等技术都属于动态网页技术的范畴。HTML和CSS是基础网页设计语言，是学习动态网页设计技术的重要基础之一。本书是编者总结多年从事网页设计工作的经验和网页设计教学的心得体会，针对高职院校计算机、网络、电子商务等专业的不同需求，精心编写了网页设计语言系列教材。本教材是一个涵盖内容较广的网页设计语言教程，具有指导性强、示例典型、技术新颖及内容丰富等特点。特别适合作为高职院校计算机、网络、电子商务等专业的教学用书，同时也适合各类培训班学员及广大网页设计人员参考阅读。2.任务本教材通过大量典型实例介绍了HTML的基本知识，以及建立超级链接，插入图形，建立框架及表单的使用等方法；也介绍了CSS语法的定义、嵌入方法、CSS属性、CSS定位方法及功能强大的CSS滤镜等。本教材避免冗长乏味的讲解，从实际应用出发，采用案例式的教学模式，强调了学习流程的顺畅性，内容前后的关联性、循序渐进、由浅入深地完成一个个主题式的学习。在教材的编写过程中遵循了职业教育的教学规律，突出了“目标教学、任务驱动”这一教学特点，教学目标明确，有的放矢，以引导学生把握网页制作的精髓所在。二、预备知识本书从HTML和CSS的功能、主要特点、基本操作等基本知识入手，全面且系统地介绍了静态网页技术制作的基本操作技术和实用技巧等。读者在学习本书之前，应具备一定的计算机基础知识和网络知识，这样通过对本书的学习才能获得更好的效果。三、教学提要、课程内容、教学要求第1章 HTML简介 本章教学内容教学重点：WWW的基本概念；浏览器；网页设计基本概念；网页技术概况；HTML简介；HTML的编辑和运行环境；HTML的基本结构。 本章教学要求通过本章的学习，学生应掌握网页设计基本概念和HTML的基本结构，了解网页技术概况、HTML的编辑和运行环境。第2章 文字版面的编辑 本章教学内容教学重点：页面布局；字体属性。 本章教学要求通过本章的学习使学生掌握文字版面的编辑，如页面布局、字体属性等简单的版面设计。第3章 建立超链接 本章教学内容教学重点：超链接的建立；超链接的应用。 本章教学要求通过本章的学习使学生掌握网页的超链接技术的应用。第4章 图像的处理 本章教学内容教学重点：背景图案的设定；网页中插入图形；img标签属性的使用；把文本排到图像下面；超链接与图形的应用；图像使用原则。 本章教学要求通过本章学习使学生了解图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用。第5章 列表项目 本章教学内容教学重点：无序列表ul；有序列表ol；嵌套列表；描述性列表dl/dt/dd。 本章教学要求通过本章的学习使学生了解列表的各种使用。第6章 表格 本章教学内容教学重点：定义表格的基本语法；表格的定义；表格行的控制；单元格的控制；表格的分组；设置表格的标题caption。 本章教学要求通过本章的学习使学生了解表格的基本语法，掌握表格的定义、控制、分组、标题等的应用。第7章 窗口框架 本章教学内容教学重点：窗口框架简介；窗口框架控制；定义窗口名称；浮动窗口。 本章教学要求通过本章的学习使学生了解窗口框架的控制及各种应用。第8章 表单的设计 本章教学内容教学重点： 标签；标签；下拉菜单select/option；多行文本框textarea；表单在网页中的应用。 本章教学要求通过本章的学习使学生了解表单在网页中的应用。第9章 网页的动态效果 本章教学内容教学重点：网页的特效；将多媒体加入网页；滚动的文字；显示Flash动画。 本章教学要求通过本章的学习使学生了解如何在网页中加入各种动态效果。第10章 CSS的基础知识 本章教学内容教学重点：样式表和HTML的关系；样式表的基本结构；如何在网页中加入css ；class与id类选择符；div与span标签；CSS的几个特性。 本章教学要求通过本章的学习使学生了解网页中CSS的基础知识。第11章 CSS的属性 本章教学内容教学重点：设置字体样式；控制图文布局；颜色及背景；美化网页与超链接的设置；CSS定位。 本章教学要求通过本章的学习使学生了解掌握CSS的各种属性应用。第12章 CSS滤镜 本章教学内容教学重点：滤镜简介；Alpha滤镜；Blur 滤镜；Dropshadow滤镜；Glow滤镜；Gray、Invert和Xray滤镜；FlipH，FlipV滤镜；Wave滤镜；Shadow滤镜；Mask滤镜；Chroma滤镜；转换滤镜。 本章教学要求通过本章的学习使学生了解掌握CSS各种滤镜的使用。四、教学时间分配章 号课 程 内 容讲授上机第1章HTML简介1学时0.5学时第2章文字版面的编辑1学时1.5学时第3章建立超链接0.5学时1学时第4章图像的处理1学时1学时第5章列表项目0.5学时2学时第6章表格2学时