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

本书特色

[

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

]

内容简介

[

Dreamweaver 是一款功能强大的网页编辑软件，它能够帮助用户快速编辑网页，提供各种常用而方便的工具。用户可以不必编写任何代码，只要使用 Dreamweaver 中的菜单或是工具栏按钮，就可以完成大部分网页所需的功能。
对建立商业网站、Web 应用、复杂交互式网页等，Dreamweaver 都能够轻松地完成。编写本书的目的是希望通过本书内容的讲解给学习网页设计的读者提供一条快速而完整的学习捷径。读者不仅可以了解网页制作的基本方法及如何使用 Dreamweaver 来设计网页，*重要的是设计各种复杂的网页版式，让读者几乎可以不必编写任何的代码，就可以创建自己所需要的网页。

]

作者简介

[

刘玉凤曾就职于世纪佳缘、赶集网、易车网，现专职于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 中的1.11.1.11.1.21.1.31.2CSS 和 HTML 设定Dreamweaver 操作**步……………………………………………………… 2构建基本网页………………………………………………………………………….2搭建网页结构 ………………………………………………………………………….5熟悉 Dreamweaver 操作环境 …………………………………………………….9HTML 快速设定……………………………………………………………………12定制编码环境 ………………………………………………………………………..12
Chapter01 ┃ Dreamweaver 中的
1.1
1.1.1
1.1.2
1.1.3
1.2
CSS 和 HTML 设定
Dreamweaver 操作**步
……………………………………………………… 2
构建基本网页
………………………………………………………………………….2
搭建网页结构 ………………………………………………………………………….5
熟悉 Dreamweaver 操作环境 …………………………………………………….9
HTML 快速设定
……………………………………………………………………
12
定制编码环境 ………………………………………………………………………..12
设置智能提示
………………………………………………………………………..14
代码格式化与排版
…………………………………………………………………16
代码分色显示 ………………………………………………………………………..20
代码选择
……………………………………………………………………………….21
快速编辑代码
………………………………………………………………………..22
代码检查和修改
…………………………………………………………………….23
代码验证
……………………………………………………………………………….24
1.2.1
1.2.2
1.2.3
1.2.4
1.2.5
1.2.6
1.2.7
1.2.8
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 ┃表格与页框版面编排技法
2.1
使用 Photoshop 设计和切割版面 …………………………………………… 40
2.1.1　页面切割技法
………………………………………………………………………..40
2.1.2 设置切片选项
………………………………………………………………………..45
2.1.3 把效果图输出为网页格式
………………………………………………………45

2.2 表格版面编排
………………………………………………………………………
48
2.2.1
2.2.2
2.2.3
2.2.4
2.3
把效果图切割出编排版面 ………………………………………………………49
自适应版面的表格切分技法 …………………………………………………..55
首页版面编排
………………………………………………………………………..62
分栏式内页版面编排
……………………………………………………………..66
CSS 背景图版面应用
…………………………………………………………… 72
设定 CSS 背景图
……………………………………………………………………72
渐变背景版面应用
…………………………………………………………………74
CSS 圆角版面应用
…………………………………………………………………77
单栏式版面背景应用
……………………………………………………………..82
双栏式版面背景应用
……………………………………………………………..89
2.3.1
2.3.2
2.3.3
2.3.4
2.3.5
?
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
3.2.2
3.2.3
3.3
必须熟知的语义化标签 ………………………………………………………..
110
必须熟知的标签显示特性 ……………………………………………………. 111
搭建合理的版式结构
…………………………………………………………… 113
单列版式 …………………………………………………………………………..
115
单列版式结构设计
………………………………………………………………. 116
单列固定宽度版面
………………………………………………………………. 117
单列固定版式居中
……………………………………………………………….123
单列液态版面
………………………………………………………………………126
3.3.1
3.3.2
3.3.3
3.3.4

目录
CONTENTS
3.4 两列版式
…………………………………………………………………………..
133
3.4.1
3.4.2
3.4.3
3.4.4
两列版式结构设计
……………………………………………………………….134
两列混合版式技巧
……………………………………………………………….135
纯液态组合版式技巧
……………………………………………………………140
并列换位版式技巧
……………………………………………………………….143
3.5 三列版式
…………………………………………………………………………..
146
3.5.1
3.5.2
3.5.3
3.5.4
3.5.5
三列版式结构设计
……………………………………………………………….147
三列纯版版式技巧
……………………………………………………………….148
三列混版版式技巧 ……………………………………………………………….154
高度自适应版式技巧
……………………………………………………………160
三列等高版式技巧
……………………………………………………………….165
?
Chapter04 ┃浮动版面编排与
页面整合技法
4.1 浮动页布局初步实践
………………………………………………………….. 172
4.1.1
4.1.2
4.1.3
4.1.4
配置浮动栏目空间大小
………………………………………………………..172 信息

封面

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

作者:刘玉凤编著

页数:440

定价:¥69.0

出版社:中国铁道出版社

出版日期:2016-10-01

ISBN:9787113219956

PDF电子书大小:144MB 高清扫描完整版