静态网页设计专业课程教学大纲.doc

静态网页设计课程教学大纲课程名称（中文/英文）：静态网页设计课程性质：专业基础课必修课 适用专业：计算机科学与技术学 时 数： 76 其中：实验/上机学时：38学 分 数： 4 考核方式：任务上机方式进行考核。成绩构成如下：平时：40%期末：60%先修课程：无 后续课程： 动态网页设计、JSP 等教学参考书：1.温谦，赵伟等， 网页制作综合技术教程，人民邮电出版社，20092向隅，网页设计实用教程，北京邮电出版社，20093.张磊，网页设计技术，中国铁道出版社 2006开课部门：计算机系计算机科学与技术教研室课程简介： 静态网页设计主要讲解如何应用Dreamweaver创建和管理网站、网页制作基本知识，讲授Dreamweaver网页制作集成工具使用方法等内容。本课程介绍html的基础知识，CSS的基础知识，以及开发WEB最流行的工具Dreamweaver的使用方法。主要包括基本html语句的语法，各种内容在网页中的插入，表格布局，css样式表，层的使用等。教学目的和要求静态网页设计是计算机科学与技术专业的一门重要专业基础课。通过本课程学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。教学重点和难点Html中页面标签元素的使用，CSS样式表的设计教学方法启发式教学，引导学生通过实例获取知识，巩固知识。多媒体教学，机房授课教学主要内容第一章 网页设计基础知识 （4学时）1.1 网页的基础概念1.2 网页与HTML1.3 WEB标准1.4 网页设计与开发过程1.5 HTML基础1.6 简单的HTML案例1.7 网页源文件的获取1.8 利用Dreamweaver快速建立基本文档第二章 用HTML设置文本和图像（4学时）2.1 文本排版2.2文字列表2.3 HTML标记与HTML属性2.4 HTML标记与HTML属性的局限性2.5 特殊文字符号2.6 使用图像2.7 设置图片的尺寸2.8 设置图像的替换文本2.9 利用Dreamweaver设置文本和图像2.10 利用Dreamweaver代码提高效率第三章 超链接（4学时）3.1 设置文字超链接3.2 设置页面内部超链接3.3 设置图片超链接3.4 设置电子邮件超链接3.5 设置链接页面的目标窗口3.6 创建热点区域3.7 框架之间的链接第四章 使用表格与表单（4学时）4.1 使用表格4.2 使用表单4.3 Dreamweaver中的模版第五章 (X)HTML与CSS概述（4学时）5.1 HTML与 XHTML5.2 (X)HTML与CSS5.3 构造CSS规则5.4 基本CSS选择器5.5 在HTML中使用CSS的方法第六章 CSS样式设置实践（6学时）6.1 手工编写页面6.2 使用Dreamweave进行CSS设置6.3 复合选择器6.4 CSS的继承特性6.5 CSS的层叠特性第七章 用CSS设置文本和图像（6学时）7.1 使用CSS设置文本样式7.2 用CSS设置图像样式7.3 用CSS设置背景样式第八章 用CSS设置链接与导航菜单（6学时）8.1 丰富的超链接特效8.2 控制鼠标指针8.3 设置项目列表样式8.4 创建简单的导航菜单8.5 应用滑动门技术的玻璃效果菜单第九章 用CSS设置表格和表单样式（6学时）9.1 控制表格9.2 美化表格9.3 案例日历9.4 CSS与表单第十章 CSS盒子模型（8学时）10.1 “盒子”与“模型”的概念探究10.2 边框10.3 设置内边距10.4 设置外边距10.5 盒子之间的关系10.6 盒子在标准流中的定位原则第十一章 盒子的浮动与定位（8学时）11.1 盒子的浮动11.2 盒子的定位11.3 z-index空间位置11.4 盒子与display属性第十二章 CSS+div布局方法剖析（8学时）12.1 CSS排版观念