网页好设计!Dreamwever网站版面设计与效果整合实战精讲
出版时间:
2016-11
版次:
1
ISBN:
9787113219956
定价:
69.00
装帧:
平装
开本:
16开
纸张:
胶版纸
页数:
440页
字数:
663千字
1人买过
-
本书系统地讲解了网页版式设计的各种技术和方法,通过大量实例对表格版式、流体版式、浮动版式、定位版式、互动版式进行详细讲解,同时详细介绍了 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
-
内容简介:
本书系统地讲解了网页版式设计的各种技术和方法,通过大量实例对表格版式、流体版式、浮动版式、定位版式、互动版式进行详细讲解,同时详细介绍了 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
查看详情
-
全新
北京市房山区
平均发货14小时
成功完成率81.8%
-
全新
天津市津南区
平均发货13小时
成功完成率94.41%
-
八五品
山东省枣庄市
平均发货9小时
成功完成率88.19%
-
全新
广东省广州市
平均发货20小时
成功完成率87.58%
-
全新
广东省广州市
平均发货19小时
成功完成率86.43%
-
全新
四川省成都市
平均发货25小时
成功完成率87.46%
-
八五品
山东省济南市
平均发货12小时
成功完成率89.59%
-
全新
四川省成都市
平均发货31小时
成功完成率70.82%
-
八五品
山东省枣庄市
平均发货12小时
成功完成率86.57%
-
全新
北京市通州区
平均发货10小时
成功完成率87.55%
-
全新
浙江省嘉兴市
平均发货10小时
成功完成率94.18%
-
全新
广东省广州市
平均发货8小时
成功完成率94.73%
-
2018-01 印刷
印次: 1
全新
北京市房山区
平均发货7小时
成功完成率93.45%
-
全新
上海市浦东新区
平均发货22小时
成功完成率78.09%
-
全新
广东省广州市
平均发货17小时
成功完成率86.46%
-
全新
北京市东城区
平均发货11小时
成功完成率95.84%
-
全新
河北省保定市
平均发货9小时
成功完成率80.3%
-
全新
河北省保定市
平均发货6小时
成功完成率83.76%
-
全新
浙江省嘉兴市
平均发货13小时
成功完成率91.92%
-
全新
河北省保定市
平均发货34小时
成功完成率43.33%
-
全新
河北省保定市
平均发货34小时
成功完成率43.33%
-
九品
-
全新
河北省保定市
平均发货28小时
成功完成率86.58%