第1章 认识网页及网页制作工具
1.1 网页制作基础知识
1.1.1 认识网页
1.1.2 认识网站
1.1.3 网页的类型
1.1.4 网页设计前的考虑
1.1.5 基本版式设计风格
1.1.6 网页页面的基本组成元素
1.2 网站的一般开发流程
1.2.1 收集素材
1.2.2 规划站点
1.2.3 制作网页
1.2.4 测试站点
1.2.5 发布站点
1.2.6 更新和维护站点
1.3 网页制作中的技巧
1.3.1 网页基本元素的标准及使用技巧
1.3.2 页面风格技巧
1.3.3 网页构图技巧
1.3.4 色彩使用技巧
1.4 网页制作中的专业术语
1.5 认识Dreamweaver CS6
1.5.1 Dreamweaver CS6简介
1.5.2 启动和退出Dreamweaver CS6
1.5.3 认识Dreamweaver CS6的工作界面
1.6 站点的创建与管理
1.6.1 创建本地站点
1.6.2 新建网页文件与文件夹
1.6.3 打开网页文件
1.6.4 保存网页文件
1.6.5 网页版面布局
1.7 项目实训
第2章 网页设计语言HTML
2.1 HTML简介
2.2 HTML语言基础
2.2.1 HTML标记符基础
2.2.2 HTML标记符属性
2.2.3 HTML的基本结构
2.3 头部标记之间的主要标记
2.4 主体标记之间的常用标记
2.4.1 文字与段落标记
2.4.2 列表标记
2.4.3 图像标记
2.4.4 超链接标记
2.4.5 表格标记
2.4.6 多媒体标记
2.5 项目实训
2.5.1 项目实训一:“第1个HTML”网页
2.5.2 项目实训二:“中国诗词佳句-作者”网页
2.5.3 项目实训三:“图像边框”网页
2.5.4 项目实训四:“链接技术演示”网页
2.5.5 项目实训五:“最新消息公告”网页
2.5.6 项目实训六:“图像切换”网页
第3章 图像效果应用
3.1 图像效果实例——添加图像
3.1.1 插入图像
3.1.2 导入图像
3.2 图像效果实例——插入图像占位符
3.3 图像效果实例——替换图像占位符
3.4 图像效果实例——鼠标替换图像
3.5 图像效果实例——创建导航条
3.5.1 设置导航条项目
3.5.2 添加导航条项目
第4章 表格的应用
4.1 创建表格
4.1.1 设置页面属性
4.1.2 设置表格属性
4.1.3 插入图像
4.1.4 插入表格并设置背景图像
4.1.5 网页中的数据表格
4.2 项目实训
4.2.1 项目实训一:立体效果表格
4.2.2 项目实训二:“圆角表格美化”网页
第5章 超级链接的应用
5.1 网页链接路径
5.1.1 绝对路径(Absolute Path)
5.1.2 相对路径(Relative Path)
5.1.3 站点根目录相对路径
5.2 链接的设置
5.2.1 文本链接
5.2.2 用CSS定义链接文本状态
5.2.3 锚点链接
5.2.4 电子邮件链接
5.2.5 下载链接与空链接
5.2.6 一般图像链接
5.2.7 图像热点链接
5.2.8 鼠标经过图像
5.2.9 导航条
5.2.10 更改链接名称
5.3 项目实训
5.3.1 实训项目一:制作“古今传奇”网页
5.3.2 实训项目二:制作“日常生活”网页
5.3.3 实训项目三:制作图像超链接
第6章 CSS样式应用
6.1 创建层叠样式表
6.1.1 认识“CSS样式”面板
6.1.2 创建层叠样式表
6.2 定义层叠样式表属性
6.2.1 设置类型属性
6.2.2 设置背景属性
6.2.3 设置区块属性
6.2.4 设置方框属性
6.2.5 设置边框属性
6.2.6 设置列表属性
6.2.7 设置定位属性
6.2.8 设置扩展属性
6.2.9 设置过渡属性
6.3 使用CSS过滤器
6.3.1 Alpha滤镜
6.3.2 Blur滤镜
6.3.3 FlipH滤镜
6.3.4 Glow滤镜
6.3.5 Gray滤镜
6.3.6 Invert滤镜
6.3.7 Shadow滤镜
6.3.8 Wave滤镜
6.3.9 Xray滤镜
6.4 应用并管理层叠样式
6.4.1 应用层叠样式
6.4.2 编辑层叠样式
6.4.3 删除层叠样式
6.5 CSS样式制作步骤解析
6.5.1 创建CSS样式
6.5.2 应用CSS样式
第7章 Div+CSS灵活布局网页
7.1 关于Div+CSS布局
7.1.1 了解基于CSS的页面布局
7.1.2 块元素
7.1.3 行内元素
7.2 在网页中插入Div
7.2.1 插入Div
7.2.2 Div的嵌套
7.3 关于Div+CSS盒模型
7.3.1 Margin(边界)
7.3.2 Border(边框)
7.3.3 Padding(填充)
7.3.4 Content(内容)
7.4 Div+CSS布局定位
7.4.1 relative(相对定位)
7.4.2 absolute(绝对定位)
7.4.3 fixed(悬浮定位)
7.4.4 float(浮动定位)
7.5 常用的Div+CSS布局方式
7.5.1 Div高度自适应
7.5.2 网页内容居中布局
7.5.3 网页元素浮动布局
7.5.4 流体网格布局
第8章 模板和库