零基础学Dreamweaver网页布局DIV+CSS

第1章DreamweaverCC入门
1.1DreamweaverCC功能概述
1.1.1主要功能
1.1.2新增功能
1.2DreamweaverCC的工作界面
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.3.5调整工具栏
1.3.6个性化首选参数
1.3.7创建自定义的快捷键
1.3.8使用“属性”检查器
1.4网页的管理
1.4.1创建网页
1.4.2保存网页与关闭网页
1.4.3打开网页
1.4.4利用文件面板管理网页文档或文件夹
1.5可视化辅助工具
1.5.1标尺工具
1.5.2网格工具
1.5.3辅助线工具
1.6首选项设置
1.6.1常规参数
1.6.2代码格式
1.6.3复制/粘贴
1.6.4代码颜色
1.6.5在浏览器中预览
1.6.6字体
1.6.7自定义代码视图
第2章站点创建与管理
2.1站点规划
2.1.1文件分类保存
2.1.2合理命名文件
2.1.3本地站点与远程站点
2.2认识“站点”面板
2.2.1“站点”面板详解
2.2.2创建站点
2.3设置远程站点服务器
2.3.1设置服务器
2.3.2设置版本控制
2.3.3站点的高级设置
2.4导出和导入站点
2.4.1导出站点
2.4.2导入站点
2.5维护站点
2.5.1编辑站点
2.5.2复制站点
2.5.3删除站点
2.5.4切换站点
第3章HTML的基础知识
3.1HTML概述
3.2HTML的语法结构
3.3HTML中的常用标签
3.3.1文档结构标签
3.3.2字符格式标签
3.3.3区段格式标签
3.3.4列表格式标签
3.3.5超链接标签
3.3.6多媒体标签
3.3.7表单标签
3.4HTML
3.4.1HTML5概述
3.4.2HTML5标签
3.5设置头部信息
3.5.1设置网页标题
3.5.2设置网页META信息
3.5.3添加网页关键字
3.5.4添加网页说明
3.5.5设置视口
3.6“页面属性”对话框
3.6.1设置“外观（CSS）”选项
3.6.2设置“外观（HTML）”选项
3.6.3设置“链接（CSS）”选项
3.6.4设置“标题（CSS）”选项
3.6.5设置“标题/编码”选项
3.6.6设置“跟踪图像”选项
第4章CSS样式
4.1CSS样式基础
4.1.1CSS样式概述
4.1.2CSS样式的基础语法
4.2选择符
4.2.1通配选择符
4.2.2类型选择符
4.2.3包含选择符
4.2.4id选择符
4.2.5class选择符
4.3使用CSS设置颜色
4.4百分比值
4.5设置URL的相对路径和绝对路径?
4.5.1相对路径?
4.5.2绝对路径?
4.5.3应用实例?
4.6调用CSS文件?
4.6.1在页面内部调用?
4.6.2调用外部CSS文件?
4.7设置CSS属性
4.7.1布局属性
4.7.2文本属性
4.7.3边框属性
4.7.4背景属性
4.7.5自定义属性
第5章DIV CSS网页布局
5.1初识DIV
5.1.1DIV概述
5.1.2DIV与Span的区别
5.1.3DIV CSS布局优势
5.2CSS定位
5.2.1盒子模型的概念
5.2.2float定位
5.2.3position定位
5.3CSS布局理念
5.3.1用DIV将页面分块
5.3.2设计各块的位置
5.3.3用CSS定位
5.4常见的布局类型
5.4.1列固定宽度
5.4.2列自适应
5.4.3两列固定宽度
5.4.4两列宽度自适应
5.4.5两列右列宽度自适应
5.4.6三列浮动中间列宽度自适应
第6章网页中文字、段落和列表的应用
6.1文字和段落
6.1.1设置标题文字
6.1.2设置文本的字体、字号和颜色
6.1.3文本的加粗与倾斜?
6.1.4分段处理
6.1.5插入水平线
6.1.6文字排版处理?
6.2列表应用
6.2.1无序列表
6.2.2有序列表?
6.2.3定义列表
第7章使用表格布局网页
7.1创建表格
7.2应用表格
7.2.1输入表格内容
7.2.2选定表格元素
7.2.3设置表格与单元格属性
7.2.4像素和百分比的使用
7.2.5添加和删除行或列
7.2.6单元格的合并及拆分
7.2.7表格排序
7.2.8嵌套表格
7.3扩展表格模式
7.4导入和导出表格数据
7.4.1导入表格数据
7.4.2导出表格数据
7.5表格实战
7.5.1制作细线表格
7.5.2制作分割线
7.5.3制作隔距边框表格
7.5.4网页布局
7.5.5网页的构形设计
第8章创建网页中的超链接
8.1超级链接
8.1.1URL简介
8.1.2超级链接路径
8.1.3网站内部链接
8.1.4链接到网站内部图像
8.1.5网站外部链接
8.1.6创建空链接
8.1.7为网页添加空链接
8.2电子邮件链接
8.3下载链接
8.3.1创建下载链接
8.3.2制作音乐下载网页
8.4锚记链接
8.4.1创建锚记链接
8.4.2跳转到网页顶部
8.5创建脚本链接
8.6制作多彩链接网页
第9章使用图片修饰网页
9.1网页图片的格式
9.1.1GIF格式图片
9.1.2JPEG格式图片
9.1.3PNG格式图片
9.2图像占位符
9.2.1插入图像占位符
9.2.2将图像占位符替换为图像
9.2.3预览网页时不显示图像的问题
9.3交互式图像
9.3.1插入交互式图像
9.3.2交互式图像示例
9.4网页背景
9.4.1设置网页背景颜色
9.4.2设置网页背景图像
9.4.3使网页背景呈条纹状显示
9.5图片相关的其他操作
9.5.1外部图像编辑器
9.5.2设置外部图像编辑器
9.5.3制作个性图像网页
9.5.4图像与文字的搭配
9.5.5图像映射
第10章创建网页中的多媒体对象
10.1插入Flash动画
10.1.1在网页中插入Flash动画
10.1.2设置Flash动画属性
10.2为网页添加背景音乐
10.2.1网页中常用的音乐格式
10.2.2使用标签添加背景音乐
10.2.3使用插件嵌入音频
10.3在网页中插入视频
10.3.1网页中常用的视频格式
10.3.2插入视频
10.4在网页中插入特殊多媒体元素
10.4.1插入EdgeAnimate动画
10.4.2插入HTML5Video与HTML5Audio
第11章用表单实现页面交互性
11.1表单概述
11.1.1什么是表单
11.1.2表单的工作流程
11.2表单的创建及设置
11.2.1创建表单
11.2.2设置表单属性
11.3表单元素在网页中的应用
11.3.1插入文本
11.3.2插入密码
11.3.3插入文本区域
11.3.4插入隐藏
11.3.5插入复选框
11.3.6插入单选按钮组
11.3.7插入选择菜单
11.3.8插入图像按钮
11.3.9插入文件
11.3.10插入按钮
11.4表单应用
11.4.1制作在线调查表
11.4.2制作下拉菜单
11.4.3制作登录网页
11.4.4制作注册网页
11.4.5创建友情链接网页
第12章框架、模板和库的应用
12.1框架
12.1.1框架的组成
12.1.2框架的优点
12.1.3框架的缺点
12.2IFRAME框架
12.3模板
12.3.1创建模板
12.3.2定义可编辑区域
12.3.3定义可选区域
12.3.4定义可编辑可选区域
12.3.5定义重复区域
12.4基于模板的页面
12.4.1新建基于模板的页面
12.4.2更新基于模板的页面
12.4.3删除页面中使用的模板
12.5使用库项目
12.5.1新建库项目
12.5.2插入库项目
12.5.3编辑库项目
12.5.4更新库项目
12.5.5库项目的属性面板
第13章使用行为创建网页特效
13.1了解DreamweaverCC中的行为
13.1.1行为的概念
13.1.2“行为”面板
13.1.3常见的动作类型
13.1.4事件
13.2使用DreamweaverCC内置行为
13.2.1交换图像
13.2.2弹出信息
13.2.3打开浏览器窗口
13.2.4转到URL
13.2.5预先载入图像
13.2.6设置容器的文本
13.2.7设置状态栏文本
13.2.8显示-隐藏元素
13.2.9检查插件
13.2.10检查表单
13.3行为技巧
13.3.1制作滚动公告
13.3.2制作自动关闭网页
13.3.3显示当前日期和时间
13.3.4将站点加入收藏夹
13.3.5将站点设为首页
13.3.6实现定时关闭窗口
13.3.7为页面设置访问口令
第14章网站的发布与推广
14.1测试站点
14.1.1检查链接
14.1.2站点报告
14.1.3清理文档
14.2发布网站
14.3维护网站
14.4网站的推广
14.4.1登录搜索引擎
14.4.2交换广告条
14.4.3使用meta标签
14.4.4使用传统方式推广
14.4.5借助网络广告
14.4.6登录网址导航站点
14.4.7通过论坛宣传
第15章综合实例
15.1个人博客网站
15.1.1网站规划
15.1.2切图分析
15.1.3页面实现
15.2企业网站
15.2.1网站规划
15.2.2切图分析
15.2.3页面实现255