请输入您要查询的百科知识:

 

词条 CSS与HTMLWeb设计实践指南
释义

《CSS与HTML Web设计实践指南》主要介绍如何利用CSS和HTML技术进行Web设计。《CSS与HTML Web设计实践指南》首先从Web技术的发展和基础知识开始,详细地介绍了字体样式、图像、链接与导航、表格等方面的知识,然后说明了解决不同浏览器之间兼容性问题的方法,最后通过图库、网上商店、公司主页三个实例阐述了整合的方法。《CSS与HTML Web设计实践指南》根据实际的工作需要来组织各种知识,有效地融合了CSS和HTML等技术细节。

基本信息

作者:(英国)Craig Grannell 译者:姚军

出版社:人民邮电出版社

页码:400 页

出版日期:2009年

ISBN:9787115208729

装帧:平装

开本:16

定价:49.00

内容简介

《CSS与HTML Web设计实践指南》主要介绍如何利用CSS和HTML技术进行Web设计。《CSS与HTML Web设计实践指南》首先从Web技术的发展和基础知识开始,详细地介绍了字体样式、图像、链接与导航、表格等方面的知识,然后说明了解决不同浏览器之间兼容性问题的方法,最后通过图库、网上商店、公司主页三个实例阐述了整合的方法。《CSS与HTML Web设计实践指南》根据实际的工作需要来组织各种知识,有效地融合了CSS和HTML等技术细节。

《CSS与HTML Web设计实践指南》是一本针对Web设计工作的实用参考手册,不管是初学者还是资深设计人员都能够从中获益。

作者简介

Craig Grannell是一位著名的Web设计师和作家,多年来一直高举着Web标准的旗帜。他最初接受的是艺术方面的训练,在1990年中期进入了数字媒体的世界。他在不同领域创造了许多创新性项目,从视频和基于装置的音频作品到奇特的现场演出,他有时借助于计算机、电视、视频设备和PA系统的帮助,有时则是凭借着自己的智慧。他的那些具有创造力的有趣的艺术作品,往往蕴含着一种隐晦且具有讽刺意味的特征,容易引起观众的共鸣,从而在许多顶尖的欧洲媒体艺术节上获得荣誉。

但是,Crai9很快就意识到他必须选择正确的生活道路。幸运的是,Web吸引了他。一开始他只是通过在线作品展示网站来推广他的艺术作品,后来Web逐渐成为他自己的一种创造性的媒体,在此之后他就一直投身于这项工作。在这段时间中,他还创建了SnubCommunications组织,这是一个从事设计和写作工作的组织,其客户包括Rebellion Developments(2000 AD的出版商)、IDG UK(MacworM、PCAdvisor、DigitalArts等杂志的出版商)以及SwimRecords等企业。

包括你现在拿着的这本书在内,Crai9已经创作了Web Designer's Reference和许多与

Dreamweaver相关的书籍,包括Foundation Web Design with Dreamweaver 8。此外,他还在Computer Art、MacFormat、net/Prnctical Web Design、4Talent、MacUser、Cre@te Online等多个出版物上发表了许多文章。

在不设计网站的时候,Craig常常花时间通过其eclectic audi0项目跟踪全球的超级明星。

编辑推荐

这是一本特殊的书,它将教你如何设计出遵循标准的、美观的、可用性高的网站,而且不会让你看到太多无聊的基础知识、理论或者难以理解的细节内容。《CSS与HTML Web设计实践指南》教你:使用语义标签创建遵循标准并且结构完整的网页:

使用CSS创建美观的页面布局、排版样式和导航栏;

在时尚设计和Web标准中寻求平衡;

学习如何修复常见的浏览器缺陷,确保所有用户都能正常访问你的网页;

了解与XHTML元素和属性、CSS属性和值、浏览器等相关的内容。

目录

第1章 Web设计入门. 1

1.1 Internet简史 2

1.2 为什么建立一个网站 3

1.3 观众的要求 4

1.4 Web设计概述 5

1.5 HTML和XHTML简介 6

1.5.1 HTML标记和元素概念简介 6

1.5.2 嵌套标记 7

1.5.3 Web标准与XHTML 7

1.5.4 语义标示 8

1.6 CSS简介 9

1.6.1 使设计与内容分离 9

1.6.2 CSS规则 10

1.6.3 CSS选择符类型 11

1.6.4 为网页添加样式 13

1.6.5 CSS盒子模型说明 15

1.7 创建样板(boilerplate) 16

1.8 实现网站内容 21

1.8.1 信息架构和网站地图 22

1.8.2 基本网页结构和布局 22

1.8.3 Web设计的局限性 24

第2章 网页基础 26

2.1 从基础开始 27

2.2 文档默认值 27

2.2.1 DOCTYPE声明解说 29

2.2.2 局部DTD 30

2.2.3 XML声明是什么样的 31

2.3 head(报头)部分 31

2.3.1 页面标题 32

2.3.2 meta标记和搜索引擎 33

2.3.3 连接外部文档 34

2.4 body(主体)部分 38

2.4.1 CSS中内容的外边距和内边距 38

2.4.2 将所有元素的内外边距设置为0 39

2.4.3 使用盒子的CSS简写 39

2.4.4 设置默认字体和字体颜色 40

2.5 网页背景 41

2.5.1 CSS中的网页背景 41

2.5.2 网页背景概念 44

2.6 关闭你的文档 51

2.7 命名你的文件 52

2.8 添加注释 52

2.9 网页基本检查列表 53

第3章 使用字体样式 54

3.1 排版技术简介 55

3.2 旧的文本样式设计方法 56

3.3 一个新的开始:语义标示 57

3.3.1 段落和标题 58

3.3.2 逻辑和物理的样式 58

3.3.3 结构良好的标示的重要性 61

3.4 使用CSS设置文本样式 62

3.4.1 定义字体颜色 63

3.4.2 定义字体 63

3.4.3 为文本使用图像 68

3.4.4 定义字体大小和行高 70

3.4.5 定义字体样式.字体灰度和字体大小写转换 73

3.4.6 用于字体属性的CSS简写 74

3.4.7 控制文本元素边距 75

3.4.8 将文本缩进用于与印刷类似的段落 75

3.4.9 设置字符间距和字间距 76

3.4.10 使用text-transform控制大小写 77

3.4.11 使用类和span创建备选项 77

3.4.12 样式化语义标示 78

3.4.13 使用CSS创建段首大字和插入引用 86

3.5 使用列表 94

3.5.1 无序列表 94

3.5.2 排序列表 94

3.5.3 定义列表 95

3.5.4 嵌套列表 95

3.5.5 使用CSS样式化列表 96

3.5.6 列表的外边距和内边距 98

3.5.7 用于导航的行内列表 99

3.5.8 创造性地使用列表 99

第4章 使用图像 104

4.1 简介 105

4.2 色彩理论 105

4.2.1 色轮 105

4.2.2 加色和减色系统 105

4.2.3 使用色轮创建配色方案 106

4.2.4 使用十六进制值 108

4.2.5 网络安全颜色 108

4.3 选择图像格式 109

4.3.1 JPEG 109

4.3.2 GIF 110

4.3.3 GIF89:透明的GIF 111

4.3.4 PNG 112

4.3.5 其他图像格式 113

4.4 常见的Web图像错误 113

4.4.1 为正文使用图形 113

4.4.2 不从原始图像开始处理 114

4.4.3 改写原始文档 114

4.4.4 杂乱的背景 114

4.4.5 缺乏对比 115

4.4.6 使用错误的图像格式 115

4.4.7 在HTML中重新设置尺寸 115

4.4.8 没有平衡质量和文件尺寸 116

4.4.9 文本覆盖及图像分割 116

4.4.10 盗用图像和设计 117

4.5 在XHTML中使用图像 117

4.5.1 使用备用文本提高可访问性 117

4.5.2 基于链接的图像的描述性备用文本 118

4.5.3 用于界面图像的空alt属性 118

4.5.4 对提示条应用备用文本和标题文本 118

4.6 在处理图像时使用CSS 119

4.6.1 应用CSS图像边框 119

4.6.2 使用CSS使文本环绕图像 121

4.6.3 显示随机图像 122

第5章 使用链接及创建导航 127

5.1 Web导航简介 128

5.2 导航类型 128

5.2.1 内联导航 128

5.2.2 网站导航 128

5.2.3 基于搜索的导航 129

5.3 创建网页链接并加上样式 130

5.3.1 绝对链接 130

5.3.2 相对链接 131

5.3.3 根目录相对链接 131

5.3.4 页面内部链接 132

5.3.5 与段落标识符的向后兼容性 132

5.3.6 页面顶端链接 133

5.3.7 链接状态 134

5.3.8 使用CSS定义链接状态 134

5.3.9 正确排列链接状态 135

5.3.10 a和a:link之间的差别 136

5.3.11 使用CSS编辑链接样式 136

5.3.12 多重链接状态:层叠 138

5.3.13 增强的链接可访问性和易用性.. 140

5.3.14 链接目标 146

5.4 链接和图像 147

5.4.1 为图像添加弹出框 148

5.4.2 图像映射 152

5.4.3 使用CSS模拟图像映射 153

5.5 使用JavaScript增强链接 158

5.5.1 创建一个弹出式窗口 158

5.5.2 创建在线图库 160

5.5.3 可收缩的页面内容 164

5.6 创建导航栏 169

5.6.1 为导航栏使用列表 169

5.6.2 使用行内列表 175

5.6.3 具备翻滚效果的图形化导航 183

5.7 Web导航应该做的和不应该做的 200

第6章 表格:自然(以及W3C)的需求 201

6.1 表格的大争论 202

6.2 表格如何工作 202

6.2.1 添加一个边框 203

6.2.2 单元格间隔和内边距 203

6.2.3 跨越行和单元格 203

6.2.4 设置大小和对齐方式 204

6.3 创建容易理解的表格 206

6.3.1 标题和摘要 206

6.3.2 使用表头 206

6.3.3 行组 207

6.3.4 范围和表头 207

6.3.5 建立一个表格 209

6.4 设置表格样式 212

6.4.1 添加表格边框 212

6.4.2 添加分隔条 216

6.5 用于布局的表格 218

第7章 使用CSS进行页面设计 220

7.1 Web布局 221

7.1.1 网格和方框 221

7.1.2 使用栏目 221

7.1.3 固定设计vs.流式设计 222

7.1.4 布局设计技术:表格vs.CSS 223

7.1.5 符合逻辑的元素放置 223

7.2 CSS布局设计工作流程 224

7.2.1 布局剖析:表格vs.CSS 224

7.2.2 创建页面结构 224

7.2.3 盒子格式 225

7.3 CSS布局:一个盒子 226

7.4 嵌套的盒子:boxout 232

7.5 使用多重盒子和栏目的高级布局 236

7.5.1 使用两个结构化div 236

7.5.2 在包装器中放置栏目及清除浮动内容 243

7.5.3 使用工具条和多个boxout 247

7.5.4 创建两侧的工具条 251

7.5.5 自动调整布局 256

7.6 可滚动的内容区域 258

7.6.1 使用框架 259

7.6.2 使用iframe 260

7.6.3 使用CSS的可滚动内容区域 261

第8章 获取用户反馈 263

8.1 用户反馈简介 264

8.1.1 使用mailto:URL 264

8.1.2 地址编码 264

8.2 使用表单 265

8.2.1 创建一个表单 265

8.2.2 添加控件 265

8.2.3 增强表单的可访问性 267

8.3 表单的CSS样式和布局 268

8.3.1 添加表单样式 268

8.3.2 使用CSS的高级表单布局 271

8.4 发送反馈 273

8.4.1 配置nmsFormMail 274

8.4.2 脚本服务器权限 275

8.4.3 用PHP发送表单数据 276

8.4.4 使用E-mail发送表单数据 279

8.5 联络页面的布局设计 280

8.6 使用微格式改进联络信息 281

8.7 详细联络信息结构回归 286

第9章 处理浏览器的古怪行为 289

9.1 最终测试 290

9.2 消除常见错误 290

9.3 浏览器测试套件 292

9.4 处理InternetExplorer的常见bug 296

9.4.1 过时的CSS文档hack技巧 296

9.4.2 条件注释 297

9.4.3 处理舍入误差 299

9.4.4 alt文本覆盖标题文本 300

9.4.5 InternetExplorer5.x常见问题的修复 300

9.4.6 InternetExplorer6和InternetExplorer5的常见问题修复 301

9.4.7 修复haslayout问题 306

9.5 针对其他浏览器 307

第10章 整合所有内容 309

10.1 装配部件 310

10.2 管理样式单 310

10.3 创建一个作品展示布局 311

10.3.1 关于设计和所需的图像 311

10.3.2 装配图库 312

10.3.3 设置图库样式 313

10.3.4 为InternetExplorer做特别的处理 315

10.4 创建一个在线店铺 315

10.4.1 关于设计和所需的图像 315

10.4.2 装配店铺 316

10.4.3 设置店铺样式 318

10.4.4 店铺布局所用的字体和修复 320

10.5 创建一个商业网站 323

10.5.1 关于设计和所需的图像 323

10.5.2 装配商业网站 324

10.5.3 设置商业网站样式 325

10.6 用于打印的样式单 327

附录A XHTML参考手册 332

A.1 标准属性 333

A.1.1 核心属性 333

A.1.2 键盘属性 333

A.1.3 语言属性 334

A.2 事件属性 334

A.2.1 核心事件 334

A.2.2 表单元素事件 335

A.2.3 窗口事件 335

A.3 XHTML元素和属性 336

附录B Web色彩参考手册 359

B.1 颜色值 360

B.2 颜色名称 360

附录C 实体参考手册 362

C.1 XHTML中使用的字符 363

C.2 标点和符号 363

C.2.1 引号 363

C.2.2 分隔符和非打印字符 364

C.2.3 标点符号 364

C.2.4 符号 365

C.3 欧洲语言所用字符 365

C.4 数学.科技和希腊字符 368

C.4.1 常用数学字符 369

C.4.2 高级数学和技术符号 369

C.4.3 希腊字符 371

C.5 箭头.菱形和扑克牌花色 373

C.6 转换非标准的Microsoft字符集 373

附录D CSS参考手册 375

D.1 CSS盒子模型 376

D.2 共用CSS值 377

D.3 CSS属性和值 377

D.4 基本选择符 389

D.5 伪类 390

D.6 伪元素 390

D.7 CSS样板文件及管理 390

附录E 浏览器指南 393

E.1 Firefox 394

E.2 InternetExplorer 394

E.3 Opera 395

E.4 Safari 395

E.5 其他浏览器 396

附录F 软件指南 397

F.1 Web设计软件 398

F.2 图形设计软件 398

F.3 我的工具箱... 399

……

随便看

 

百科全书收录4421916条中文百科知识,基本涵盖了大多数领域的百科知识,是一部内容开放、自由的电子版百科全书。

 

Copyright © 2004-2023 Cnenc.net All Rights Reserved
更新时间:2025/3/15 16:00:16