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

网页好设计 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