读书人

Dreamweaver CS3超酷网页设计:CSS篇(附

发布时间: 2010-04-07 04:41:10 作者:

 Dreamweaver CS3超酷网页设计:CSS篇(附赠光盘1张)


基本信息出版社:清华大学出版社
页码:399 页
出版日期:2008年12月
ISBN:9787302185048
条形码:9787302185048
版本:第1版
装帧:平装
开本:16
正文语种:中文

内容简介 《Dreamweaver CS3超酷网页设计CSS篇》系统地讲解了CSS层叠样式表的基础理论和实际运用技术,通过大量实例对CSS进行深入浅出的分析,主要包括CSS的基本语法和概念,设置文字、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS滤镜的使用。《Dreamweaver CS3超酷网页设计CSS篇》着重讲解如何用CSS+DIV进行网页布局,注重实际操作,使读者在学习CSS应用技术的同时,掌握CSS+DIV的精髓。
编辑推荐 80个公司网站模板
近100项软件功能的详细讲解
赠送460多个相关的矢量图标文件
《Dreamweaver CS3超酷网页设计CSS篇》内容翔实,结构清晰,循序渐进,并注意各个章节与实例之间的呼应和对照,既可作为CSS初学者的入门教材,也适合中高级用户进一步学习和参考。
目录
第1章 Dreamweaver+CSS入门1
1.1 HTML文件的基本结构2
1.1.1 HTML文件结构2
1.1.2 使用记事本手工编写HTML页面2
1.1.3 使用Dreamweaver编写HTML页面3
1.2 XHTML入门8
1.3 网站与Web标准10
1.3.1 什么是Web标准10
1.3.2 为什么要建立Web标准10
1.3.3 怎样改善现有网站11
1.4 为什么要在网页中加入CSS13
1.4.1 什么是CSS13
1.4.2 如何编写CSS14

第2章 CSS基础知识15
2.1 CSS基础16
2.1.1 CSS基本概念16
2.1.2 CSS的优点16
2.2 使用CSS17
2.2.1 外联样式表17
2.2.2 内嵌样式表17
2.2.3 导入样式表17
2.2.4 内联样式表18
2.3 选择器类型18
2.3.1 标签选择器19
2.3.2 类选择器21
2.3.3 ID选择器22
2.4 使用Dreamweaver编辑CSS24
2.4.1 CSS面板24
2.4.2 链接外部样式表25
2.5 设置CSS属性27
2.5.1 设置CSS样式类型27
2.5.2 设置CSS样式背景28
2.5.3 设置CSS样式区块29
2.5.4 设置CSS样式方框30
2.5.5 设置CSS样式边框31
2.5.6 设置CSS样式列表32
2.5.7 设置CSS样式定位33
2.5.8 设置CSS样式扩展34
2.6 实战演练——对网页添加CSS样式35

第3章 设计丰富的文字效果39
3.1 设计网页中的文字样式40
3.1.1 字体40
3.1.2 字号43
3.1.3 加粗45
3.1.4 样式46
3.1.5 变体属性47
3.1.6 文字修饰49
3.2 设计文本的段落样式50
3.2.1 行高50
3.2.2 对齐52
3.2.3 缩进53
3.2.4 单词间距54
3.2.5 首字下沉54
3.2.6 大小写转换55
3.3 CSS滤镜设计特效文字56
3.3.1 滤镜概述57
3.3.2 光晕(Glow)58
3.3.3 模糊(Blur)59
3.3.4 遮罩(Mask)60
3.3.5 透明色(Chroma)60
3.3.6 阴影—ropShadow)61
3.3.7 波浪(Wave)62
3.3.8 X射线(Xray)62
3.4 实战演练64
3.4.1 用CSS排版网页文字64
3.4.2 创建动感文字66

第4章 用CSS设计图像和背景69
4.1 设置网页的背景70
4.1.1 背景颜色70
4.1.2 背景图像70
4.2 设置背景图像的属性71
4.2.1 设置背景重复71
4.2.2 设置固定背景72
4.2.3 设置背景定位73
4.3 设置网页图像的样式76
4.3.1 设置图像边框76
4.3.2 图文混合排版78
4.4 应用CSS滤镜设计图像特效80
4.4.1 控制图像和背景的透明度(Alpha)80
4.4.2 灰度(Gray)81
4.4.3 反色(Invert)81
4.5 实战演练82
4.5.1 给图片添加边框82
4.5.2 图文绕排效果84
4.5.3 鼠标指针移到图片时产生渐变效果86

第5章 设计更富灵活性的表格89
5.1 网页中的表格90
5.1.1 表格对象标记90
5.1.2 在Dreamweaver中插入表格91
5.1.3 设置表格的颜色93
5.1.4 设置表格的边框样式94
5.1.5 设置表格的阴影98
5.1.6 设置表格的渐变背景99
5.2 实战演练100
5.2.1 制作变换背景色的表格101
5.2.2 用CSS制作漂亮的彩色背景表格102
5.2.3 制作阴影表格104
5.2.4 制作圆角表格105
5.2.5 制作半透明的表格108

第6章 设计更酷更炫的表单110
6.1 网页中的表单111
6.1.1 表单对象111
6.1.2 表单标记112
6.1.3 表单的布局设计112
6.1.4 设置边框样式115
6.1.5 设置背景样式117
6.1.6 设置输入文本的样式119
6.1.7 用CSS+DIV设计表单120
6.2 实战演练123
6.2.1 改变按钮的背景颜色和文字颜色124
6.2.2 设计文本框的样式127
6.2.3 设计文本框中的文字样式128
6.2.4 制作透明的表单背景129
6.2.5 为下拉菜单变换颜色130
6.2.6 设置Form表单内textarea背景图片132

第7章 制作实用的菜单和网站导航134
7.1 项目列表135
7.1.1 有序列表135
7.1.2 无序列表139
7.2 横排导航144
7.2.1 文本导航144
7.2.2 标签式导航146
7.3 竖排导航148
7.4 实战演练150
7.4.1 实现背景变换的导航菜单150
7.4.2 利用CSS制作横向导航152
7.4.3 制作网页下拉菜单154

第8章 设计具有特色的超链接效果157
8.1 超链接基础158
8.1.1 超链接的基本概念158
8.1.2 使用“页面属性”设置超链接158
8.2 链接标记159
8.2.1 a:link160
8.2.2 a:visited161
8.2.3 a:active162
8.2.4 a:hover163
8.3 各种形式的超链接164
8.3.1 背景色变换链接164
8.3.2 多姿多彩的下划线链接166
8.3.3 图像翻转链接167
8.3.4 边框变换链接170
8.4 实战演练172
8.4.1 使用CSS实现鼠标指针形状改变172
8.4.2 为超链接文字加上质感边框173
8.4.3 鼠标指针移到链接文字上时改变文字大小或颜色177
8.4.4 给超链接添加提示文字179
8.4.5 文本超链接模拟按钮效果183

第9章 CSS+DIV布局定位基础188
9.1 Div标记与Span标记189
9.1.1 Div概述189
9.1.2 Div与Span的区别190
9.2 在Dreamweaver中使用Div191
9.3 盒子模型192
9.3.1 盒子模型的概念192
9.3.2 border193
9.3.3 padding198
9.3.4 margin200
9.4 元素的定位方式203
9.4.1 float定位203
9.4.2 position定位206
9.4.3 z-index空间位置211

第10章 CSS+DIV布局方法214
10.1 CSS布局理念215
10.1.1 将页面用Div分块215
10.1.2 设计各块的位置216
10.1.3 用CSS定位216
10.2 常见的布局类型218
10.2.1 一列固定宽度218
10.2.2 一列自适应219
10.2.3 两列固定宽度220
10.2.4 两列宽度自适应222
10.2.5 两列右列宽度自适应224
10.2.6 三列浮动中间宽度自适应224
10.2.7 三行二列居中高度自适应布局226
10.3 CSS布局与传统的表格方式布局分析229
10.4 使用CSS布局模板232

第11章 CSS与JavaScript的综合应用235
11.1 JavaScript简介236
11.1.1 什么是JavaScript236
11.1.2 JavaScript特点236
11.2 JavaScript的基本语法237
11.2.1 常量和变量237
11.2.2 表达式和运算符238
11.2.3 基本语句239
11.2.4 函数244
11.3 JavaScript事件244
11.4 JavaScript内部对象246
11.4.1 navigator对象246
11.4.2 document对象247
11.4.3 Windows对象249
11.4.4 location对象252
11.4.5 history对象252
11.5 实战演练253
11.5.1 随鼠标移动的图像253
11.5.2 制作图片循环隐现效果255
11.5.3 制作幻灯片效果257
11.5.4 制作灯光效果259
11.5.5 任意选择网页中内容的文字颜色、背景颜色、字号261

第12章 设计布局富有个性的个人网站267
12.1 个人网站设计概述268
12.2 个人网站色彩搭配和结构设计269
12.3 网站前期策划269
12.3.1 确定网站主题269
12.3.2 确定目录结构269
12.3.3 网站蓝图的规划270
12.4 制作网站主页271
12.4.1 导入外部CSS271
12.4.2 制作顶部文件274
12.4.3 制作个人简介277
12.4.4 制作个人相册278
12.4.5 制作最新动态281
12.4.6 制作底部文件283

第13章 公司宣传网站的布局284
13.1 企业网站设计概述285
13.2 分析架构286
13.2.1 设计分析286
13.2.2 排版构架287
13.3 各模块设计288
13.3.1 布局设计288
13.3.2 页面的通用规则289
13.3.3 制作#header对象部分292
13.3.4 制作导航#nav对象部分294
13.3.5 公司介绍和图片展示部分297
13.3.6 制作我们的服务部分301
13.3.7 制作#aside对象部分304
13.3.8 制作底部版权信息部分308

第14章 购物网站布局310
14.1 购物网站设计概述311
14.1.1 购物网站分析311
14.1.2 排版构架311
14.2 各部分设计312
14.2.1 导入外部CSS312
14.2.2 制作头部文件314
14.2.3 设计新品上架区317
14.2.4 设计热门商品区321
14.2.5 设计会员登录区323
14.2.6 设计商品分类区327
14.2.7 设计新品排行区329
14.2.8 插入底部文件332

第15章 留学网站的布局333
15.1 分析架构334
15.1.1 设计分析334
15.1.2 排版构架335
15.2 各模块设计337
15.2.1 页面的通用规则337
15.2.2 顶部logo、banner部分338
15.2.3 制作导航菜单部分343
15.2.4 制作xinyi_content1部分347
15.2.5 制作xinyi_bigad部分352
15.2.6 制作xinyi_content2部分352
15.2.7 制作xinyi_content3部分356
15.2.8 制作xinyi_bigad2部分359
15.2.9 制作xinyi_content4部分360
15.2.10 友情链接xinyi_link部分362
15.2.11 版权xinyi_copyright部分363
附录A CSS属性一览表365
附录B 216种网页安全颜色369
附录C RGB网页配色表373
附录D HTML常用标签396
……
序言 目前Web标准大潮已经席卷了国内的网站设计领域,许多网站设计师学习并应用Web标准,本书就是在这一时期推出的一本利用Web标准进行网页设计制作的指导书,适用于所有网站设计师以及网站开发人员。Web标准的推出将网站的内容与表现分离,同时XHTML文档要具有良好的结构,因此需要抛弃传统的表格布局方式,采用Div布局,并且使用CSS层叠样式表来实现页面的外观。CSS+Div是网站标准中常用的术语之一,CSS和Div的结构被越来越多的人采用,很多人都抛弃了表格而使用CSS来布局页面,它的好处很多,可以使结构简洁,定位更灵活,CSS布局的最终目的是搭建完善的页面架构。通常XHTML网站设计标准中,不再使用表格定位技术,而是采用CSS+Div的方式实现各种定位。
本书主要内容
本书编者中既有多年网页教学经验的教师,也有多年实际商业网站设计经验的网页设计师,积累了大量网页设计制作方面的经验,精通网页布局的多种技巧。本书基于Dreamweaver CS3等常用网页设计制作软件,按照从简单到复杂、从入门到精通的写作思路,结合了多个典型的网站实例,使读者不但可以学会使用多种网页制作工具制作出精美的网页,还进一步告诉大家如何设计符合Web标准的CSS布局。本书的编写重点将通过实例讲解如何运用Div+CSS对页面进行布局制作。
本书共包括15章,主要内容如下。
第1章和第2章主要讲解HTML文件的基本结构、为什么要建立Web标准、为什么要在网页中加入CSS、CSS基本语法、使用Dreamweaver编辑CSS、设置CSS属性。
第3~8章主要讲解设计丰富的文字效果、用CSS设计图像和背景、设计更富灵活性的表格、设计更酷更炫的表单、用CSS制作实用的菜单和网站导航、设计具有特色的超链接效果。
第9~11章主要讲解CSS+DIV布局定位基础、CSS+DIV布局方法、CSS与JavaScript的综合 应用。
第12~15章主要讲解个人网站的布局设计、公司宣传网站的布局、购物网站的布局、留学网站的布局。
附录主要讲解RGB网页配色表、216种网页安全颜色、CSS属性一览表、HTML常用标签等 知识。
本书特色
* 循序渐进,由浅入深
为方便读者学习,本书首先介绍网页的概念,然后讲解HTML的基本结构,使读者对网页制作和制作工具有一个初步认识。在此基础上,通过Dreamweaver的可视化操作,简单地实现网页效果,提高读者的兴趣;再结合CSS进行语法讲解,使读者牢牢地掌握这些基本要素。
* 技术全面,内容充实
本书系统地讲解了CSS层叠样式表的基础理论和实际运用技术,通过大量实例对CSS进行深入浅出的分析,并且讲解了相关的Dreamweaver操作。
* 讲解详细,图文并茂
本书从实例出发,通过详细的步骤把知识介绍给读者。同时配有实例图片,使操作更为直观,从而避免了单一文字的枯燥学习。再根据操作的结果讲解语法,让读者更容易理解。
* 本书的一个重要特点就是让那些不懂CSS语法的读者也能利用Dreamweaver在不需要或者只需要修改少量代码的情况下就能使用CSS布局美化网页。而对于熟悉CSS的读者也可以参考本书使用Dreamweaver来可视化地设计网页。
* 书盘结合,交互学习
本书配套光盘中含有全书的全部实例文件,内容丰富多彩,简洁实用。
本书读者对象
本书既适合于CSS初中级读者、网站设计与制作人员、网站开发与程序设计人员及个人网站爱好者阅读,又可以作为大中专院校或者社会各类培训班的培训教材,同时对CSS高级用户也有很高的参考价值。
本书由新艺科技组织编写,参加编写和提供素材的还有冯雷雷、邓静静、李银修、刘宇星、刘贵国、王东柱、范青蓝、乔海丽、郭娜、张晓亮、葛伟、杨爱艳、郭鹏、孙起云、吕志彬、邓方方、何秀明、张礼明、孙文成、李平生、何新起、孙素华、何立、吴秀红等。
由于作者水平有限,加之创作时间仓促,本书不足之处在所难免,欢迎广大读者批评指正。
文摘 插图:

读书人网 >图形图像

热点推荐