网页设计与制作 Dreamweaver CC标准教程 附微课视频 第3版PDF电子书下载

第1章 网页设计基础 1

1.1 互联网基础 2

1.1.1 Internet与Web服务 2

1.1.2 URL路径 2

1.1.3 服务器与客户机 2

1.1.4 互联网数据中心 3

1.2 网页设计知识 3

1.2.1 色彩 3

1.2.2 网页设计元素 5

1.2.3 页面布局 6

1.3 网页标准化技术 7

1.3.1 结构化语言 8

1.3.2 CSS样式 8

1.3.3 脚本语言 8

1.3.4 PHP技术 8

1.4 前端UI框架技术 8

1.4.1 Bootstrap框架 9

1.4.2 MUI框架 9

1.5 网站制作流程 9

1.5.1 前期准备工作 9

1.5.2 方案实施 10

1.5.3 后期工作 11

1.6 HTML语言 12

1.6.1 文件结构标签 13

1.6.2 表格标签 13

1.6.3 文本段落标签 13

1.6.4 图像标签 13

1.6.5 链接标签 14

1.6.6 块标签 14

1.6.7 表单标签 14

第2章 Dreamweaver CC基础 15

2.1 Dreamweaver CC工作界面 16

2.1.1 工作环境 16

2.1.2 工作区布局 17

2.1.3 多文档的编辑界面 18

2.2 创建网站站点 18

2.2.1 创建新站点 18

2.2.2 新建和保存网页 19

2.2.3 管理站点文件和文件夹 20

2.2.4 课堂案例——慈善救助中心 21

2.3 管理站点 23

2.3.1 打开站点 23

2.3.2 编辑站点 23

2.3.3 复制站点 24

2.3.4 删除站点 24

2.4 网页文档头部信息设置 25

2.4.1 插入搜索关键字 25

2.4.2 设置描述信息 25

2.4.3 插入版权信息 25

2.4.4 设置刷新时间 26

第3章 页面与文本 27

3.1 页面属性 28

3.1.1 课堂案例——香格里湾峰会 28

3.1.2 网页的标题 31

3.1.3 文本分段与换行 32

3.1.4 输入空格 32

3.1.5 页面文字属性 32

3.1.6 显示不可见元素 33

3.1.7 设置页边距 33

3.1.8 背景属性 34

3.1.9 跟踪图像 34

3.2 文本属性 35

3.2.1 课堂案例——百货公司 35

3.2.2 设置文本属性 36

3.2.3 文本段落 37

3.2.4 插入日期 38

3.2.5 插入特殊字符 38

3.3 项目列表和编号列表 39

3.3.1 课堂案例——咨询网站 39

3.3.2 设置项目列表或编号列表 41

3.4 练习案例 42

3.4.1 练习案例——大学生国际电影节 42

3.4.2 练习案例——移动银行网站 42

3.4.3 练习案例——化妆品网站 43

第4章 图像与多媒体 44

4.1 插入图像 45

4.1.1 课堂案例——茶叶网站 45

4.1.2 插入图像 46

4.1.3 图像源文件 46

4.1.4 图像宽度和高度 47

4.1.5 替换文本 47

4.1.6 图像编辑 48

4.2 网页中的多媒体 49

4.2.1 课堂案例——度假村 49

4.2.2 插入Flash动画 51

4.2.3 插入Flash视频 51

4.2.4 课堂案例——瑜伽会所 51

4.2.5 插入插件 53

4.3 HTML5网页多媒体 53

4.3.1 课堂案例——米克音乐 53

4.3.2 插入HTML5 Video元素 55

4.3.3 插入HTML-5 Audio元素 56

4.4 练习案例 56

4.4.1 练习案例——五金机械 56

4.4.2 练习案例——心缘咖啡屋 57

4.4.3 练习案例——古典音乐网 57

第5章 超链接 58

5.1 超链接的概念与路径知识 59

5.1.1 按超链接端点分类 59

5.1.2 按超链接路径分类 59

5.2 文本超链接 59

5.2.1 课堂案例——婚礼公司 59

5.2.2 创建文本链接 62

5.2.3 页面文本链接状态 63

5.2.4 下载文件链接 63

5.2.5 电子邮件链接 63

5.2.6 空链接 64

5.3 图像超链接 64

5.3.1 课堂案例——手机商城 64

5.3.2 创建图像超链接 66

5.3.3 鼠标经过图像链接 66

5.4 热点链接 66

5.4.1 课堂案例——儿童课堂 66

5.4.2 创建热点链接 68

5.5 锚点链接 68

5.5.1 课堂案例——数码商城 68

5.5.2 创建锚点链接 70

5.6 链接管理 70

5.6.1 课堂案例————百适易得商城 71

5.6.2 自动更新链接 73

5.6.3 链接检查 73

5.6.4 修复链接 74

5.7 练习案例 75

5.7.1 练习案例——室内设计网 75

5.7.2 练习案例——多美味餐厅 75

5.7.3 练习案例——生物科普网 76

第6章 表格 77

6.1 表格的简单操作 78

6.1.1 表格的组成 78

6.1.2 插入表格 78

6.1.3 表格属性 79

6.1.4 表格单元格属性 79

6.1.5 在表格中插入内容 80

6.1.6 选择表格元素 80

6.1.7 合并和拆分单元格 81

6.2 简单表格的排版 82

6.2.1 课堂案例——融通室内装饰 82

6.2.2 复制和粘贴表格 87

6.2.3 删除表格和清除表格内容 87

6.2.4 增加或减少表格的行和列 87

6.3 复杂表格的排版 88

6.3.1 课堂案例——江雨桥博客 88

6.3.2 表格的嵌套 93

6.3.3 单元格与表格背景 93

6.4 表格的其他应用 94

6.4.1 课堂案例——远景苑小区 95

6.4.2 细线表格和带状表格 95

6.4.3 表格排序 96

6.5 练习案例 96

6.5.1 练习案例——爱丽丝家具 96

6.5.2 练习案例——逸购鲜花速递网 97

第7章 CSS样式 98

7.1 CSS样式 99

7.1.1 CSS样式标准 99

7.1.2 CSS样式构造规则 99

7.1.3 CSS样式种类 99

7.1.4 CSS样式应用范围 100

7.2 CSS样式设计器 100

7.2.1 CSS样式选择器 100

7.2.2 课堂案例一——美好摄影 102

7.2.3 CSS样式的使用 105

7.2.4 CSS样式的编辑 107

7.3 CSS属性 107

7.3.1 课堂案例——走进台湾 107

7.3.2 用〈ul〉和〈li〉创建导航条 110

7.3.3 布局 111

7.3.4 文字 112

7.3.5 边框 113

7.3.6 背景 114

7.4 CSS过渡效果 114

7.4.1 CSS样式私有属性 114

7.4.2 课堂案例——墙体装饰 115

7.4.3 CSS过渡属性 117

7.5 CSS动画 117

7.5.1 课堂案例——校园统一认证 117

7.5.2 animation属性和＠keyframes规则 118

7.6 练习案例 120

7.6.1 练习案例——航空旅游 120

7.6.2 练习案例——狗狗俱乐部 120

7.6.3 练习案例————养生美容 121

第8章 CSS＋Div布局 122

8.1 盒子模型 123

8.1.1 盒子结构 123

8.1.2 盒子属性 123

8.2 布局方法 124

8.2.1 〈div〉标签 124

8.2.2 position定位属性 125

8.2.3 浮动方式 126

8.3 “上中下”布局 128

8.3.1 课堂案例——网页设计大奖赛 128

8.3.2 在Dreamweaver中插入〈div〉标签 133

8.4 “左中右”布局 134

8.4.1 课堂案例——连锁餐厅 134

8.4.2 使用CSS样式布局 140

8.5 练习案例 141

8.5.1 练习案例——电子产品 141

8.5.2 练习案例——装修公司 142

第9章 行为 143

9.1 行为简介 144

9.1.1 事件 144

9.1.2 动作 145

9.1.3 行为面板 146

9.2 制作图像特效 147

9.2.1 课堂案例——吉太美食 147

9.2.2 交换图像 150

9.2.3 显示-隐藏元素 150

9.3 改变属性 151

9.3.1 课堂案例——绿野网站建设 151

9.3.2 改变属性 153

9.4 启用浏览器窗口 154

9.4.1 课堂案例——儿童摄影 154

9.4.2 打开浏览器窗口 155

9.4.3 转到U RL 155

9.5 效果行为 155

9.5.1 课堂案例——艺术画廊 155

9.5.2 Blind、Clip、Slide、Fold 159

9.5.3 Fade、Highlight、Drop 159

9.5.4 Puff、Scale 160

9.5.5 Bounce、Pulsate、Shake 160

9.6 JavaScript代码 161

9.7 练习案例 162

9.7.1 练习案例——甜品饮料吧 162

9.7.2 练习案例——信息中心 162

9.7.3 练习案例——我们爱猫网 163

第10章 模板和库 164

10.1 模板 165

10.1.1 课堂案例——花仙子园艺 165

10.1.2 创建模板 169

10.1.3 定义可编辑区域 170

10.1.4 定义可编辑重复区域 171

10.1.5 创建基于模板的网页 171

10.1.6 管理模板 172

10.2 库 173

10.2.1 课堂案例——时尚女性网 173

10.2.2 创建库项目 176

10.2.3 向页面添加库项目 177

10.2.4 更新库项目文件 177

10.3 练习案例 178

10.3.1 练习案例——旗袍文化 178

10.3.2 练习案例——恒生国际老年公寓 179

第11章 HTML5和弹性布局 181

11.1 HTML5概述 182

11.1.1 HTML5简介 182

11.1.2 HTML5特性 182

11.2 HTML5布局 183

11.2.1 HTML5结构标签 183

11.2.2 课堂案例——在线课程 184

11.3 弹性盒子布局 190

11.3.1 弹性盒子概念 190

11.3.2 弹性容器属性 190

11.3.3 弹性容器项目属性 193

11.3.4 课堂案例——尚品家居 195

11.4 媒体查询应用 200

11.4.1 媒体查询 200

11.4.2 课堂案例——健康大步走 201

11.5 练习案例 204

11.5.1 练习案例——优胜企业网站 204

11.5.2 练习案例——雅派服饰 204

第12章 表单和jQuery UI 206

12.1 使用表单 207

12.1.1 课堂案例——网页设计 207

12.1.2 表单及属性 210

12.1.3 文本元素 210

12.1.4 单选按钮和单选按钮组 212

12.1.5 复选框和复选框组 212

12.1.6 选择 213

12.1.7 文件元素 214

12.1.8 按钮 214

12.1.9 HTM I-5表单元素 215

12.2 jQuery UI 217

12.2.1 课堂案例——创意家居 217

12.2.2 折叠面板Accordion 219

12.2.3 选项卡Tabs 220

12.2.4 日期选择器Datepicker 220

12.2.5 对话框Dialog 221

12.3 练习案例 222

12.3.1 练习案例——咖啡餐厅 222

12.3.2 练习案例——网上生活超市 223

第13章 jQuery Mobile 224

13.1 jQuery Mobile概述 225

13.1.1 jQuery Mobile简介 225

13.1.2 jQuery Mobile框架 225

13.1.3 Data-属性 226

13.1.4 jQuery Mobile样式 226

13.2 使用jQuery Mobile 227

13.2.1 课堂案例——服装定制Ⅰ 227

13.2.2 jQuery Mobile页面 232

13.2.3 jQuery Mobile列表视图 233

13.2.4 jQuery Mobile布局网格 233

13.2.5 jQuery Mobile可折叠区块 234

13.2.6 jQuery Mobile表单 234

13.3 jQuery Mobile应用 236

13.3.1 jQuery Mobile版本 236

13.3.2 面板Panel 236

13.3.3 弹窗Popup 237

13.3.4 课堂案例——服装定制Ⅱ 238

13.3.5 视口viewport 241

13.3.6 自定义jQuery Mobile主题 241

13.3.7 打包jQuery Mobile应用 242

13.4 练习案例 243

13.4.1 练习案例——男人会装Ⅰ 243

13.4.2 练习案例——男人会装Ⅱ 244

第14章 动态网页技术 246

14.1 动态网页技术概述 247

14.2 开发环境设置 248

14.2.1 安装WAMP 248

14.2.2 设置WAMP 249

14.3 数据库设计 250

14.3.1 MySQL数据库 250

14.3.2 使用phpMyAdmin创建数据库 251

14.4 在Dreamweaver中创建PHP环境 253

14.4.1 建立动态站点 253

14.4.2 创建数据库连接 255

14.5 数据库使用 256

14.5.1 定义记录集 256

14.5.2 数据绑定 257

14.5.3 添加服务器行为 258

14.6 课堂案例——美容美发 259

14.6.1 设计数据库 260

14.6.2 创建动态站点 262

14.6.3 创建数据库连接 263

14.6.4 发表留言页面 263

14.6.5 留言详细内容页面 264

14.6.6 留言列表页面 265

14.7 练习案例——电子商务 267

第15章 综合实训 269

15.1 网站规划 270

15.2 网站设计 270

15.2.1 网站标识logo设计 270

15.2.2 banner设计 270

15.2.3 页面设计 270

15.3 主页制作 271

15.3.1 主页面切图 271

15.3.2 前期工作 273

15.3.3 主页布局分析 274

15.3.4 header区域制作 274

15.3.5 导航栏区域制作 277

15.3.6 banner区域制作 281

15.3.7 内容区域制作 282

15.3.8 footer区域制作 286

15.4 子页面制作 287

15.4.1 家园简介子页面切图 287

15.4.2 制作子页面模板 288

15.4.3 新建家园简介子页面 290

15.5 其他子页面制作 292

15.6 页面超链接设置 293

参考文献 294