Dreamweaver CC网页设计 这样学就会的14个交互表单+字体美化+CSS样式+HTML编辑关键秘技PDF电子书下载

第一篇 网站前期规划篇 2

第1章 网站企划概念 2

1-1网站概念 2

1-2网页界面的组成元素 2

1-3网站制作流程 4

1-3-1规划时期 5

1-3-2设计时期 10

1-3-3上传时期 10

1-3-4 维护及更新时期 12

课后习题与练习 13

第2章 网站建设要领 14

2-1页面内容布局 14

2-2网页配色概念 18

2-3网页安全色 20

2-4常用网页图像格式 21

2-4-1 JPG 21

2-4-2 GIF 21

2-4-3 PNG 22

课后习题与练习 22

第二篇网页设计基础篇 25

第3章 站点的建立与基本操作 25

3-1认识Dreamweaver 25

3-1-1启动Dreamweaver 25

3-1-2认识Dreamweaver的工作环境 26

3-2 Dreamweaver的面板操作 27

3-2-1显示与隐藏面板 27

3-2-2展开与折叠面板 28

3-2-3调整面板大小 28

3-2-4 使用面板菜单 29

3-2-5新建工作区 29

3-2-6切换“插入”面板的类型 30

3-3以Dreamweaver建立站点 31

3-3-1开始建立站点 31

3-3-2站点的管理 32

3-3-3多个站点之间的切换 33

3-3-4 站点的导入方式 33

3-3-5建立Business Catalyst站点 35

3-4 Dreamweaver的基本操作 38

3-4-1新建网页文档 38

3-4-2新建站点文件夹 39

3-4-3新建网页或文件夹的注意事项 39

3-4-4网页文档的编辑与打开 40

3-4-5切换页面的编辑模式 41

3-4-6设置页面的编码方式 41

3-4-7设置页面字体大小 42

3-4-8设置页面背景 43

3-4-9设置页面标题文字 44

3-4-10新建流体网格布局 44

3-4-11建立jQuery Mobile起始页面 46

3-4-12使用jQuery Mobile色板 47

3-5以站点架构图建立网页文档 48

3-6设置预览画面的浏览器 49

3-7相对路径与绝对路径 50

3-7-1图片与路径的关系 50

3-7-2超链接与路径的关系 51

3-8 Creative Cloud账户管理（新增功能） 52

3-8-1管理同步化设置 52

3-8-2同步设置 52

3-8-3管理Creative Cloud账户 53

课后习题与练习 56

第4章 设置文字以强化重点：“最新消息”页面设计 59

4-1文字输入技巧 59

4-1-1输入文字内容 59

4-1-2输入连续空格 61

4-1-3加入日期时间 62

4-1-4加入特殊字符 63

4-1-5粘贴纯文本文档 64

4-1-6粘贴Word文档内容 65

4-1-7清除Word的HTML 67

4-2文字效果设置 68

4-2-1由右键快捷菜单做设置 68

4-2-2由“属性”面板设置文字格式 69

4-2-3由“页面属性”设置文字格式 70

4-3网页字体的管理（新增功能） 71

4-3-1 Adobe Edge Web Fonts 71

4-3-2自定义字体堆栈 73

4-4项目符号及编号 75

4-4-1设置项目效果 75

4-4-2改变符号及编号 75

4-4-3多层次的项目效果 76

4-5加入水平线 77

4-6文字的查找及替换 79

4-7范例实战：“最新消息”页面设计 80

4-7-1设置网页背景色 80

4-7-2复制与粘贴文字内容 82

4-7-3使用水平线进行分隔 82

4-7-4加入页面更新日期 83

4-7-5修改文字格式 84

4-7-6加入项目符号 85

课后习题与练习 86

第5章 加入表格以编排页面：“成绩查询”页面设计 88

5-1表格的组成 88

5-2表格创建方式 89

5-2-1创建基本表格 89

5-2-2导入Excel文档 90

5-2-3导入表格式数据 91

5-3表格的编辑操作 92

5-3-1表格选取技巧 92

5-3-2重设表格的行列数 93

5-3-3调整表格宽度 94

5-3-4 调整边距／间距／边框 94

5-3-5行列的插入／删除 95

5-3-6调整行宽／行高 95

5-3-7单元格的拆分／合并 97

5-3-8清除表格的宽度／高度 99

5-3-9单元格的其他设置 100

5-3-10排序表格数据 100

5-4表格的CSS样式 101

5-4-1以CSS新增表格的边框样式 101

5-4-2编辑表格样式 104

5-4-3编辑单元格的CSS样式 106

5-5扩展表格版面 107

5-6范例实战：“成绩查询”页面设计 108

5-6-1加入表格数据 109

5-6-2使用表格排序来创建名次 109

5-6-3美化表格 111

课后习题与练习 112

第6章 图片编排以美化网页：“网络艺廊”页面设计 114

6-1添加网页图片 114

6-2图片编辑调整 117

6-2-1调整图片大小 117

6-2-2加入图片边框 118

6-2-3加入方块阴影（新增功能） 120

6-2-4设置图片对齐 120

6-2-5设置图片超链接 122

6-2-6改变图片图像 122

6-2-7图片编辑功能 123

6-3背景图像使用技巧 125

6-3-1设置背景图像 125

6-3-2背景图像拼贴方式 126

6-3-3固定不动的背景图像 127

6-4鼠标经过图像 127

6-5范例实战：“网络艺廊”页面设计 128

6-5-1在表格中插入图片 129

6-5-2加入图像超链接 131

课后习题与练习 133

第7章 设置超链接以畅行无阻：“好站相连”页面设计 135

7-1各种链接方式 135

7-1-1网站内部链接 135

7-1-2网站外部链接 138

7-1-3电子邮件链接 139

7-1-4文件下载链接 141

7-1-5图像地图 142

7-2超链接的其他设置 144

7-2-1取消链接下划线 144

7-2-2超链接的文字格式 144

7-2-3快速创建超链接 145

7-2-4删除超链接 145

7-3范例实战：“好站相连”页面设计 146

7-3-1页面加入表格 146

7-3-2创建超链接内容 147

课后习题与练习 147

第8章 网站上传与管理 149

8-1申请网站空间 149

8-1-1付费网站空间 149

8-1-2申请免费网站空间 150

8-2网站资料上传 151

8-3上传文件的操作 155

8-4检查网站的使用状况 157

8-4-1检查整个网站的链接 157

8-4-2更改网站链接 158

8-4-3网站报告 158

8-4-4 FTP记录 159

8-5 PhoneGap服务 159

课后习题与练习 159

第三篇 运用美感决胜：多媒体建设篇 162

第9章 DIV设置以灵活页面：规划网页区块与按钮区 162

9-1以DIV标签规划区块 162

9-1-1插入DIV标签 162

9-1-2以CSS设置DIV标签大小／背景色 166

9-1-3同时设置DIV标签与CSS规则 170

9-1-4 编辑DIV标签的CSS样式 173

9-1-5为DIV区块加入圆角／渐变色／阴影 174

9-1-6标签中插入网页元素 176

9-2跟踪图像 176

9-3范例实战：规划网页区块与按钮区 177

9-3-1创建区块的CSS文件 179

9-3-2附加现有的CSS文件 181

9-3-3加入左侧链接按钮 182

9-3-4 加入页眉画面 185

9-3-5加入页脚文字 186

9-3-6在区块置中设置背景图像 186

9-3-7页面整合设置 188

课后习题与练习 191

第10章 插入多媒体对象：“Flash首页”页面设计 193

10-1插入Flash SWF 193

10-1-1加入Flash SWF 193

10-1-2设置影片属性 195

10-1-3设置透明背景的影片 196

10-2插入Flash Video 197

10-3插入HTML 5 Video 199

10-4插入HTML 5 Audio 200

10-5范例实战：首页动画设置 202

课后习题与练习 205

第11章 CSS样式效果：CSS样式规划 207

11-1 CSS的概念 207

11-2在页面中定义CSS样式 208

11-2-1新建CSS样式 208

11-2-2应用样式效果 209

11-2-3认识“CSS设计器”面板 210

11-2-4 修改与增添样式内容 211

11-2-5启用／停用CSS属性 213

11-3外部样式表链接 214

11-3-1外部样式的概念 214

11-3-2创建外部样式表 214

11-3-3存储外部样式表文件 216

11-3-4链接外部样式表 218

11-4设计时间样式表 219

11-4-1设计时间时隐藏的样式 219

11-4-2只在设计时显示的样式 221

11-5 CSS样式使用技巧 223

11-5-1设置水平分隔线样式 223

11-5-2设置文字超链接效果 225

11-5-3居中对齐的背景图片 227

11-5-4 项目符号的样式 228

11-6 CSS过渡效果 230

11-6-1新建CSS过渡效果 230

11-6-2编辑选取的过渡效果 233

11-6-3移除规则／类型或过渡效果 234

11-7范例实战：CSS样式规划 234

11-7-1设置“标题文字”的CSS样式 234

11-7-2设置“水平线”的CSS样式 236

课后习题与练习 237

第四篇 交互、优化及轻松管理网站篇 240

第12章 资源库与模板：“讲师介绍”页面设计 240

12-1使用资源面板 240

12-1-1“资源”面板介绍 240

12-1-2资源面板操作管理 241

12-2活用库功能 243

12-2-1库内容的创建 243

12-2-2使用库内容 244

12-2-3库内容的更新 244

12-2-4创建空白库项目 246

12-3使用模板功能 247

12-3-1模板的概念 247

12-3-2创建模板文件 248

12-3-3应用模板效果 250

12-3-4创建可编辑区域 251

12-3-5删除应用到页面的模板 254

12-3-6管理模板文件 255

12-4范例实战：“讲师介绍”页面设计 255

12-4-1加入页面标题与图像图片 255

12-4-2设计模板文件 256

12-4-3新建可编辑区域 257

12-4-4设置各讲师页面 259

12-4-5创建网页超链接 262

课后习题与练习 264

第13章 增加交互性表单技巧：“讨论园地”页面设计 266

13-1表单的创建 266

13-2各种表单组件的使用 268

13-2-1文本／密码／文本区域 268

13-2-2电子邮件／电话 273

13-2-3单选类型组件 273

13-2-4日期时间类型组件 279

13-2-5按钮组件 282

13-2-6表单的提交设置 283

13-2-7其他类型组件 284

13-3范例实战：“讨论园地”页面设计 286

13-3-1设计表单界面 286

13-3-2加入表单组件 289

课后习题与练习 291

第14章 使用行为命令 293

14-1行为命令简介 293

14-2弹出式信息窗口 294

14-2-1添加与启动行为命令 294

14-2-2修改行为命令内容 295

14-2-3行为事件解说 295

14-3 设置状态栏文字 296

14-3-1鼠标滑过时 296

14-3-2鼠标滑出时 297

14-3-3行为事件补充 298

14-4打开浏览器窗口 298

14-4-1设置行为命令 299

14-4-2相关设置介绍 300

14-5前往URL 300

14-6交换图像效果 301

14-7自动信息窗口 303

14-7-1网页加载时的自动信息窗口 303

14-7-2网页离开时的自动信息窗口 304

课后习题与练习 305