Dreamweaver CC网页制作案例教程

1.1网页制作的基础知识 2
1.1.1 网页和网站 2
1.1.2 网页的基本元素 3
1.1.3 网页的常见类型 3
1.2 网页设计构思与布局 4
1.2.1 网页的设计构思 4
1.2.2 网页的布局结构 5
1.3 Dreamweaver CC简介 6
1.3.1 工作界面 6
1.3.2 基本操作 8
1.4 创建与设置本地站点 11
1.4.1 站点简介 12
1.4.2 规划站点 13
1.4.3 创建本地站点 14
1.4.4 设置本地站点 15
1.4.5 创建网站文件 16
1.5 设置Dreamweaver CC视图
模式 17
1.5.1 切换【文档】视图 17
1.5.2 使用可视化助理 19
1.6 案例演练 20

2.1 网页文本的处理与控制 24
2.1.1 设置网页标题 24
2.1.2 认识HTML 25
2.1.3 网页文本的基本设置 26
2.1.4 使用项目列表 31
2.1.5 使用外部文本 32
2.1.6 导入Word与Excel文档 34
2.2 网页图像的插入与编辑 34
2.2.1 网页图像简介 34
2.2.2 在【设计】视图中插入
图像 34
2.2.3 设置网页背景图像 35
2.2.4 插入Photoshop智能对象 36
2.2.5 制作鼠标经过图像 38
2.2.6 编辑网页中的图像 39
2.3 在网页中插入多媒体元素 42
2.3.1 在网页中插入Flash动画 42
2.3.2 在网页中插入视频和音频 43
2.3.3 插入HTML5视频与音频 46
2.4 案例演练 49

3.1 认识表格 56
3.1.1 表格简介 56
3.1.2 表格用途 56
3.2 使用表格 57
3.2.1 在网页中插入表格 57
3.2.2 在表格中添加内容 58
3.2.3 设置表格属性 58
3.3 编辑表格 60
3.3.1 选定表格元素 60
3.3.2 调整表格大小 62
3.3.3 更改列宽和行高 62
3.3.4 添加和删除行或列 62
3.3.5 拆分与合并单元格 63
3.3.6 复制与粘贴单元格 63
3.3.7 设置表格内容排序 63
3.3.8 导入与导出表格式数据 64
3.4 使用模板和库 66
3.4.1 使用模板 66
3.4.2 使用库 72
3.5 使用<div>标签 75
3.5.1 认识<div>标签 75
3.5.2 插入<div>标签 75
3.5.3 编辑<div>标签 76
3.6 案例演练 77

4.1 超链接简介 84
4.1.1 超链接的类型 84
4.1.2 超链接的路径 84
4.2 创建网页基本链接 85
4.2.1 创建文本链接 85
4.2.2 创建图像映射链接 86
4.3 制作锚点链接 87
4.3.1 锚点链接简介 87
4.3.2 创建锚点链接 87
4.4 制作音视频链接 89
4.5 制作文件下载链接 89
4.6 制作电子邮件链接 90
4.7 案例演练 91

5.1 认识CSS样式表 96
5.1.1 CSS样式表简介 96
5.1.2 CSS的规则分类 96
5.2 使用【CSS设计器】面板 97
5.2.1 认识【CSS设计器】面板 97
5.2.2 创建与附加CSS样式表 97
5.2.3 设定媒体查询 99
5.2.4 设定选择器 100
5.2.5 设置CSS规则属性 101
5.3 使用CSS样式 104
5.3.1 应用CSS样式 104
5.3.2 使用多类CSS选区 105
5.4 编辑CSS样式 106
5.4.1 设定【类型】属性 106
5.4.2 设定【背景】属性 107
5.4.3 设定【区块】属性 107
5.4.4 设定【方框】属性 107
5.4.5 设定【边框】属性 108
5.4.6 设定【列表】属性 108
5.4.7 设定【定位】属性 109
5.4.8 设定【扩展】属性 109
5.4.9 设定【过渡】属性 109
5.5 应用CSS3过渡效果 110
5.5.1 创建CSS3过渡效果 110
5.5.2 编辑CSS3过渡效果 111
5.5.3 删除CSS3过渡效果 112
5.6 案例演练 112

6.1 在网页中创建表单 118
6.1.1 表单简介 118
6.1.2 制作表单 119
6.2 插入表单对象 120
6.2.1 插入文本域 120
6.2.2 插入密码域 121
6.2.3 插入文本区域 121
6.2.4 插入选择(列表/菜单) 122
6.2.5 插入单选按钮和复选框 123
6.2.6 插入文件域 126
6.2.7 插入标签和域集 127
6.2.8 插入按钮和图像按钮 128
6.2.9 插入隐藏域 130
6.2.10 插入颜色选择器 131
6.2.11 插入日期时间设定器 132
6.2.12 插入范围滑块 132
6.3 案例演练 133

7.1 认识网页行为 140
7.1.1 行为的基础知识 140
7.1.2 使用【行为】面板 140
7.1.3 编辑网页行为 141
7.2 使用行为调节浏览器 141
7.2.1 打开浏览器窗口 142
7.2.2 调用JavaScript 143
7.2.3 转到URL 143
7.3 使用行为控制图像 144
7.3.1 交换图像 144
7.3.2 预先载入图像 146
7.4 使用行为显示文本 147
7.4.1 弹出信息 147
7.4.2 设置状态栏文本 148
7.4.3 设置容器的文本 149
7.4.4 设置文本域文字 150
7.5 使用行为加载多媒体 151
7.5.1 检查插件 151
7.5.2 改变属性 152
7.5.3 显示- 隐藏元素 153
7.6 使用行为控制表单 154
7.6.1 跳转菜单 154
7.6.2 跳转菜单开始 155
7.6.3 检查表单 156
7.7 案例演练 157

8.1 制作个人博客主页 162
8.2 制作博客相册页面 167
8.3 制作用户管理页面 176

9.1 制作购物频道主页 184
9.2 制作商品分类页面 192
9.3 制作商品信息页面 198

10.1 制作房地产公司首页 208
10.2 制作房产项目页面 212
10.3 制作公司简介页面 215

11.1 制作音乐酷站首页 224
11.2 制作音乐点播页面 231
11.3 制作音乐播放页面 238

12.1 制作软件网站首页 246
12.2 制作软件分类频道 254
12.3 制作下载信息页面 263

13.1 jQuery与jQuery Mobile 270
13.1.1 jQuery 270
13.1.2 jQuery Mobile 270
13.2 创建jQuery Mobile页面 270
13.2.1 jQuery Mobile起始页 270
13.2.2 HTML5页 271
13.2.3 jQuery Mobile页面
结构 272
13.3 使用jQuery Mobile组件 273
13.3.1 使用列表视图 273
13.3.2 使用布局网格 277
13.3.3 使用可折叠区块 278
13.3.4 使用文本输入框 279
13.3.5 使用密码输入框 279
13.3.6 使用文本区域 280
13.3.7 使用选择菜单 280
13.3.8 使用复选框 281
13.3.9 使用单选按钮 282
13.3.10 使用按钮 283
13.3.11 使用滑块 284
13.3.12 设置翻转切换开关 284
13.4 使用jQuery Mobile主题 285
13.5 案例演练 286