网页好设计!Dreamweaver网站版面设计与效果整合实战精讲

本书系统地讲解了网页版式设计的各种技术和方法，通过大量实例对表格版式、流体版式、浮动版式、定位版式、互动版式进行详细讲解，同时详细介绍了HTML5+CSS3新技术配合设计版式的基本方法。本书针对每一种技巧都配以实战案例，通过详细操作步骤进行讲解，方便读者直观、快速上机练习，指导读者制作出符合Web标准的网页，帮助读者进一步巩固所学到的知识，提高综合应用的能力。本书内容翔实、结构清晰，并注意各个章节与实例之间的呼应和对照。本书适合Web开发人员阅读和参考，同时也适合广大网页制作和设计的学生阅读和学习。既可作为网页设计初学者的入门参考书，也适合作为中不错用户进一步学习的实用教材。

刘玉凤，曾就职于世纪佳缘、赶集网、易车网，现专职于APP自由创业，资历Web开发工程师，从事Web开发多年，对各种Web开发技术都有很好深入的研究，经验极其丰富。HTML 5和CSS 3等新技术的先驱者和布道者，不仅对HTML 5与CSS 3有很好深入的研究，而且在C#、VB.NET、ASP.NET、SQL Server、Oracle、Java、Struts、Spring等方面也积累大量的实战经验。

Chapter01┃Dreamweaver中的CSS和HTML设定
1.1Dreamweaver操作第一步2
1.1.1构建基本网页2
1.1.2搭建网页结构5
1.1.3熟悉Dreamweaver操作环境9
1.2HTML快速设定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.3CSS操作环境25
1.3.1支持可视化渲染25
1.3.2可视化编辑26
1.3.3CSS辅助支持29
1.4CSS快速设定32
1.4.1熟悉CSS样式面板32
1.4.2建立CSS样式34
1.4.3应用CSS样式37
Chapter02┃表格与页框版面编排技法
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.3CSS背景图版面应用72
2.3.1设定CSS背景图72
2.3.2渐变背景版面应用74
2.3.3CSS圆角版面应用77
2.3.4单栏式版面背景应用82
2.3.5双栏式版面背景应用89
Chapter03┃流式版面编排与版式整合技法
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┃浮动版面编排与
页面整合技法
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┃版式定位与准确控制整合技法
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版式布局与效果整合技法
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┃交互式版面整合技法
7.1Spry菜单栏350
7.1.1设计水平导航菜单350
7.1.2版面深度整合355
7.1.3设计垂直导航菜单358
7.2Spry选项卡式面板364
7.2.1功能整合364
7.2.2版面整合367
7.3Spry折叠式372
7.3.1创建折叠式面板372
7.3.2版式设计374
7.4Spry工具提示377
7.4.1插入Spry工具提示377
7.4.2编辑Spry工具提示379
7.5Spry可折叠面板381
Appendix01┃HTML常用标签和属性
Appendix02┃CSS基本用法