CSS与HTML Web设计实践指南PDF|Epub|txt|kindle电子书版本网盘下载

CSS与HTML Web设计实践指南PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第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标准与XHTML7

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 局部DTD30

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　将所有元素的内外边距设置为039

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 JPEG109

4.3.2 GIF110

4.3.3 GIF89：透明的GIF111

4.3.4　PNG112

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　在处理图像时使用CSS119

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.CSS223

7.1.5　符合逻辑的元素放置223

7.2　CSS布局设计工作流程224

7.2.1　布局剖析：表格vs.CSS224

7.2.2　创建页面结构224

7.2.3 盒子格式225

7.3　CSS布局：一个盒子226

7.4　嵌套的盒子：boxout232

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

7.5.1 使用两个结构化div236

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

7.5.3　使用工具条和多个boxout247

7.5.4　创建两侧的工具条251

7.5.5 自动调整布局256

7.6　可滚动的内容区域258

7.6.1　使用框架259

7.6.2　使用iframe260

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

第8章　获取用户反馈263

8.1　用户反馈简介264

8.1.1 使用mailto:URL264

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 配置nms FormMail274

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 处理Internet Explorer的常见bug296

9.4.1　过时的CSS文档hack技巧296

9.4.2　条件注释297

9.4.3　处理舍入误差299

9.4.4　alt文本覆盖标题文本300

9.4.5　Internet Explorer 5.x常见问题的修复300

9.4.6 Internet Explorer 6和Internet Explorer 5的常见问题修复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 为Internet Explorer做特别的处理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 Firefox394

E.2　Internet Explorer394

E.3　Opera395

E.4　Safari395

E.5　其他浏览器396

附录F　软件指南397

F.1　Web设计软件398

F.2　图形设计软件398

F.3　我的工具箱399