CSS+DIV网页布局技术教程

项目一　应用CSS设计页面排版 任务一：使用CSS继承美化网页 任务描述 任务分析 准备知识 CSS的概念 CSS基本语法 CSS选择器 继承 任务实施 任务二：设计百度Logo 任务描述 任务分析 准备知识 字体 定义字体大小 定义字体颜色 定义字体粗细 定义斜体字体 定义下划线、删除线和顶划线 定义英文大小写 任务实施 任务三：排版新闻文稿 任务描述 任务分析 准备知识 定义文本对齐方式 定义文本垂直对齐方式 定义行间距 定义字间距 定义缩进 首字母放大 任务实施 项目小结 项目考核 项目二　应用CSS设置图片与控制背景图像 任务一：设计淘宝网页图片布局 任务描述 任务分析 准备知识 定义图片边框 定义图片大小 定义图片的横向对齐 定义图片的纵向对齐 设置文字环绕效果 任务实施 任务二：设计我的个人主页 任务描述 任务分析 准备知识 设置页面背景颜色 设置背景颜色给页面分块 定义背景图片 定义背景图片的位置 固定背景图片 任务实施 项目小结 项目考核 项目三　应用CSS设计表格与表单 任务一：设计毕业生通讯录 任务描述 任务分析 准备知识 设置表格中的标记 设置表格的颜色 设置表格边框 任务实施 任务二：设计娱乐调查表 任务描述 任务分析 准备知识 设置表单中的元素 像文字一样的按钮 七彩的下拉菜单 任务实施 项目小结 项目考核 项目四　应用CSS控制列表样式和定义链接 任务一：设计百度导航条 任务描述 任务分析 准备知识 设置列表项符号 定义项目图片符号 无须表格的菜单 列表的横竖转换 任务实施 任务二：设计图片浏览 任务描述 任务分析 准备知识 设置链接样式 设计下划线样式 设置类型指示样式 定义按钮样式 定义已访问样式 链接提示样式 任务实施 项目小结 项目考核 项目五　网页排版和CSS DIV布局 任务一：设计图片的文字标识 任务描述 任务分析 准备知识 认识盒模型 定义外边距 定义内边距 定义边框 定义宽和高 设置文档类型 选择标签 重构禅意花园 任务实施 任务二：设计禅意花园两列三列布局 任务描述 任务分析 准备知识 网页排版的基本原则 网页排版的基本方法 布局空间 布局位置 布局环绕 清除浮动 布局嵌套 调整布局间距 任务实施 深红色咖啡馆页面两列布局 禅意花园页面三列布局 项目小结 项目考核 项目六　用CSS定位控制网页 任务：制作电子相册 任务描述 任务分析 准备知识 认识position 静态定位 绝对定位 相对定位 固定定位 参照对象 坐标值 定位的特殊性 层叠顺序 嵌套层叠顺序 CSS层叠框 任务实施 项目小结 项目考核 项目七　使用JavaScript控制CSS 任务：制作跑马灯特效 任务描述 任务分析 准备知识 JavaScript的基本概念 JavaScript的特点 JavaScript与CSS JavaScript语法基础 数据类型和变量 表达式及运算符 基本语句 任务实施 项目小结 项目考核 项目八　使用CSS设计XML文档样式 任务：设计文档中的图片混排 任务描述 任务分析 准备知识 XML的特点 XML与HTML XML基本语法 XML链接CSS文件 任务实施 设计诗情画意的图文效果 设计新闻版面效果 项目小结 项目考核 项目九　设计旅游酒店网站 任务：制作旅游酒店网页 任务描述 任务分析 准备知识 旅游度假页面效果分析 预订酒店页面效果分析 首页策划设计 任务实施 项目小结 项目考核 参考文献