网页好设计 Dreamweaver网站版面设计与效果整合实战精讲PDF电子书下载

Chapter01 Dreamweaver中的CSS和HTML设定 2

1.1 Dreamweaver操作第一步 2

1.1.1 构建基本网页 2

1.1.2 搭建网页结构 5

1.1.3 熟悉Dreamweaver操作环境 9

1.2 HTML快速设定 12

1.2.1 定制编码环境 12

1.2.2 设置智能提示 14

1.2.3 代码格式化与排版 16

1.2.4 代码分色显示 20

1.2.5 代码选择 21

1.2.6 快速编辑代码 22

1.2.7 代码检查和修改 23

1.2.8 代码验证 24

1.3 CSS操作环境 25

1.3.1 支持可视化渲染 25

1.3.2 可视化编辑 26

1.3.3 CSS辅助支持 29

1.4 CSS快速设定 32

1.4.1 熟悉CSS样式面板 32

1.4.2 建立CSS样式 34

1.4.3 应用CSS样式 37

Chapter02 表格与页框版面编排技法 40

2.1 使用Photoshop设计和切割版面 40

2.1.1 页面切割技法 40

2.1.2 设置切片选项 45

2.1.3 把效果图输出为网页格式 45

2.2 表格版面编排 48

2.2.1 把效果图切割出编排版面 49

2.2.2 自适应版面的表格切分技法 55

2.2.3 首页版面编排 62

2.2.4 分栏式内页版面编排 66

2.3 CSS背景图版面应用 72

2.3.1 设定CSS背景图 72

2.3.2 渐变背景版面应用 74

2.3.3 CSS圆角版面应用 77

2.3.4 单栏式版面背景应用 82

2.3.5 双栏式版面背景应用 89

Chapter03 流式版面编排与版式整合技法 98

3.1 流体边距控制 98

3.1.1 行内边距 99

3.1.2 块边距 100

3.1.3 浮动边距 102

3.1.4 内边距 103

3.1.5 边框、宽和高 108

3.2 网页结构化设计技巧 110

3.2.1 必须熟知的语义化标签 110

3.2.2 必须熟知的标签显示特性 111

3.2.3 搭建合理的版式结构 113

3.3 单列版式 115

3.3.1 单列版式结构设计 116

3.3.2 单列固定宽度版面 117

3.3.3 单列固定版式居中 123

3.3.4 单列液态版面 126

3.4 两列版式 133

3.4.1 两列版式结构设计 134

3.4.2 两列混合版式技巧 135

3.4.3 纯液态组合版式技巧 140

3.4.4 并列换位版式技巧 143

3.5 三列版式 146

3.5.1 三列版式结构设计 147

3.5.2 三列纯版版式技巧 148

3.5.3 三列混版版式技巧 154

3.5.4 高度自适应版式技巧 160

3.5.5 三列等高版式技巧 165

Chapter04 浮动版面编排与页面整合技法 172

4.1 浮动页布局初步实践 172

4.1.1 配置浮动栏目空间大小 172

4.1.2 控制好浮动页偏移位置 176

4.1.3 处理好浮动版面间环绕 181

4.1.4 清除任意显示的浮动对象 187

4.2 解决复杂结构中浮动问题 190

4.2.1 浮动包含 191

4.2.2 包含浮动 193

4.2.3 相邻浮动 197

4.2.4 并列错位 202

4.3 整页浮动版式设计与整合 209

4.3.1 顺序版式 209

4.3.2 倒序版式 215

4.3.3 错位版式 216

4.3.4 上下偏移版式 219

4.3.5 综合版式 230

Chapter05 版式定位与精确控制整合技法 240

5.1 版式定位初步实践 240

5.1.1 绝对定位 240

5.1.2 相对定位 244

5.1.3 固定定位 245

5.2 定位偏移控制 250

5.2.1 页框偏移 250

5.2.2 包含框偏移 253

5.2.3 群组偏移 257

5.2.4 自身偏移 263

5.3 覆盖与效果整合 266

5.3.1 层叠顺序 267

5.3.2 文档流式层叠 270

5.3.3 嵌套结构中的层叠顺序 275

Chapter06 HTML5＋CSS3版式布局与效果整合技法 280

6.1 构建富语义的页框结构 280

6.1.1 设置标题块 280

6.1.2 设置文章块 285

6.1.3 设置内容块 293

6.1.4 设置导航块 299

6.1.5 设置侧边块 304

6.1.6 设置页脚块 309

6.1.7 设置语义要素 313

6.2 整合多栏版式 314

6.2.1 设置多栏显示 314

6.2.2 设置多栏的列数、列宽样式 318

6.2.3 设置多栏列间距、边框样式 325

6.2.4 设置跨列显示 329

6.3 设计弹性版式 330

6.3.1 定义弹性盒布局版式 331

6.3.2 设置宽度自适应 337

6.3.3 设置版式顺序 339

6.3.4 设置布局方向 341

6.3.5 完全自适应 343

6.3.6 设置对齐方式 345

Chapter07 交互式版面整合技法 350

7.1 Spry菜单栏 350

7.1.1 设计水平导航菜单 350

7.1.2 版面深度整合 355

7.1.3 设计垂直导航菜单 358

7.2 Spry选项卡式面板 364

7.2.1 功能整合 364

7.2.2 版面整合 367

7.3 Spry折叠式 372

7.3.1 创建折叠式面板 372

7.3.2 版式设计 374

7.4 Spry工具提示 377

7.4.1 插入Spry工具提示 377

7.4.2 编辑Spry工具提示 379

7.5 Spry可折叠面板 381

Appendix01 HTML常用标签和属性 383

Appendix02 CSS基本用法 393