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

图书标准信息

• 作者 刘玉凤 著
• 出版社 中国铁道出版社
• 出版时间 2016-11
• 版次 1
• ISBN 9787113219956
• 定价 69.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 440页
• 字数 663千字

【内容简介】

　　本书系统地讲解了网页版式设计的各种技术和方法，通过大量实例对表格版式、流体版式、浮动版式、定位版式、互动版式进行详细讲解，同时详细介绍了 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 中的

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