精通DIV+CSS网页样式与布局 第2版PDF电子书下载

第1章 开发网站，我们需要做些什么 1

1.1网站需要什么 1

1.1.1需要HTML文件 1

1.1.2需要DIV来“圈地” 2

1.1.3需要CSS来定义样式 2

1.1.4需要JavaScript 3

1.1.5需要空间和域名 3

1.2通过Dreamweaver开发DIV+CSS程序 4

1.2.1安装Dreamweaver 5

1.2.2使用Dreamweaver 5

1.2.3 Dreamweaver的三种工作方式 6

1.2.4通过Dreamweaver在HTML页面里开发DIV 7

1.2.5通过Dreamweaver开发CSS程序 8

1.2.6在DIV里引入CSS效果 9

1.3一个简单的网页需要包含什么 11

1.3.1 head部分 11

1.3.2 body部分 11

1.3.3编写注释 12

1.4开发一个网站的总体流程 13

1.4.1美工先用Photoshop给出效果 13

1.4.2通过切图，得到素材 14

1.4.3搭建DIV 14

1.4.4搭建CSS和JS效果 15

1.4.5测试网页 15

1.5网站的建设标准和布局方式 15

1.5.1网站的建设标准 16

1.5.2页面布局 16

1.6上机题 20

第2章HTML和XHTML 21

2.1 HTML基础 21

2.1.1 HTML概述 21

2.1.2 HTML基础结构 22

2.2 HTML标签 23

2.2.1基本标签 23

2.2.2格式标签 25

2.2.3文本标签 27

2.2.4超链标签 28

2.2.5图像标签 29

2.2.6表格标签 30

2.2.7分区标签 32

2.3 HTML 5简介 34

2.3.1 HTML 5的出现 34

2.3.2使用HTML5的必要性 35

2.3.3 HTML 5的新特性 36

2.4 XHTML介绍 40

2.4.1什么是XHTML 40

2.4.2 HTML转换成XHTML的方法 41

2.5实训——综合各种标签的网页 44

2.6上机题 47

第3章CSS基础知识介绍 49

3.1 CSS入门 49

3.1.1 CSS的历史 50

3.1.2 CCS3简介 50

3.1.3 CCS3新增的功能 51

3.2 CSS的基本语法 53

3.2.1 CSS选择器 53

3.2.2选择器声明 56

3.2.3 CSS 3新增的选择器 58

3.2.4 CSS的继承 62

3.3 CSS的4种引入方式 63

3.4 CSS里的单位和值 64

3.4.1颜色 64

3.4.2 CSS 3中新增的颜色 66

3.4.3长度单位 69

3.4.4通过URL引入外部资源 71

3.5实训CSS基本语法的演练 73

3.6上机题 75

第4章 通过CSS控制字体样式 79

4.1通过CSS控制文本样式 79

4.1.1定义文字颜色 79

4.1.2通过CSS设置字体 80

4.1.3字体粗细与斜体 82

4.1.4定义字体大小和行高 84

4.1.5下划线、顶划线、删除线 85

4.2用CSS控制字间距和对齐方式 86

4.2.1设置字间距 87

4.2.2控制对齐方式 87

4.3通过CSS定义样式表 89

4.3.1通过CSS定义无序列表的效果 89

4.3.2通过CSS定义排序列表的样式 90

4.4 CSS 3新增的文本属性 91

4.5实训——CSS字体样式综合演练 96

4.6上机题 99

第5章 通过CSS定义链接样式 103

5.1针对链接的CSS基本概念 103

5.1.1 CSS伪类别 103

5.1.2用伪类定义动态超链接 104

5.2定义丰富的超链特效 106

5.2.1给链接添加提示文字 106

5.2.2按钮式超链接 107

5.2.3为超链添加背景图效果 108

5.3用CSS定义针对超链的鼠标特效 110

5.3.1用CSS设计鼠标的箭头 110

5.3.2定义鼠标的变幻效果 112

5.4实训——用CSS美化超链接 113

5.5上机题 118

第6章 通过CSS定义图片样式 121

6.1 CSS定义图片样式 121

6.1.1定义图片边框 121

6.1.2定义图片大小 123

6.1.3通过CSS保证图片不变形 124

6.1.4定义图片的对齐方式 126

6.2通过CSS设置文字和图片交互的效果 129

6.2.1设置文字环绕的效果 129

6.2.2浮动广告 131

6.3 CSS 3新增的边框属性 132

6.4实训——用CSS设计图文并茂的效果 136

6.5通过CSS设置背景颜色 138

6.5.1设置页面背景色 139

6.5.2通过背景色给页面分块 140

6.6通过CSS处理背景图像样式 141

6.6.1设置页面背景图样式 141

6.6.2设置背景图重复的效果 141

6.6.3定义背景图片的位置 142

6.6.4固定背景图片 143

6.7 CSS 3新增的背景属性 144

6.8实训——实现美食资讯网的菜单部分 148

6.9上机题 150

第7章 通过CSS设置表格的样式 153

7.1表格基础 153

7.2用CSS设置表格的样式 154

7.2.1设置表格的颜色 154

7.2.2设置表格的边框样式 155

7.2.3设置隔行变色的单元格样式 157

7.2.4设置大小和对齐方式 158

7.3实训——用CSS搭建一个综合效果的表格 160

7.4上机题 163

第8章 通过CSS定义表单样式 167

8.1认识表单元素 167

8.1.1输入域标签〈input〉 167

8.1.2文本域标签〈textarea〉 168

8.1.3选择域标签〈select〉和〈option〉 169

8.1.4表单各元素在网页中的用法 169

8.2通过CSS设置各元素的外观 170

8.2.1用CSS修饰表单元素的背景色 170

8.2.2用CSS改变表单元素的边框样式 173

8.2.3用CSS修改表单文字的样式 174

8.3实训——CSS定义表单样式练习 177

8.4上机题 181

第9章CSS滤镜的应用 184

9.1滤镜概述 184

9.2通道（Alpha） 185

9.3模糊（Blur） 186

9.4运动模糊（MotionBlur） 187

9.5透明色（Chroma） 189

9.6翻转变换（Flip） 189

9.7光晕（Glow） 190

9.8灰度（Gray） 192

9.9反色（Invert） 193

9.10遮罩（Mask） 193

9.11阴影（Shadow） 195

9.12 X射线（X-ray） 196

9.13浮雕纹理（Emboss和Engrave） 197

9.14波浪（Wave） 198

9.15 上机题 200

第10章 CSS定位与DIV布局 203

10.1盒子模型 203

10.1.1盒子模型的概念 203

10.1.2 CONTENT 204

10.1.3 BORDER 204

10.1.4 PADDING 207

10.1.5 MARGIN 208

10.2元素的定位 212

10.2.1定位方式 212

10.2.2 CSS的定位原理 212

10.2.3利用float定位 218

10.2.4利用CSS堆元素定位 220

10.3块元素和行内元素 221

10.3.1块元素 222

10.3.2行内元素 223

10.4 CSS 3新增的弹性盒模型 224

10.5 CSS 3新增的多列布局 234

10.6实训——用CSS定位页面的布局 239

10.7上机题 243

第11章用JavaScript搭建动态效果 247

11.1 JavaScript概述 247

11.1.1 JavaScript的基本语法 247

11.1.2 JavaScript嵌入HTML文档 248

11.2用JavaScript设置图片的效果 249

11.2.1实现相册效果 249

11.2.2实现图片滑动切换效果 253

11.3针对菜单的效果 256

11.3.1用JavaScript实现页签效果 256

11.3.2用JavaScript实现下拉式菜单 258

11.3.3用JavaScript实现滑轮式菜单效果 260

11.4针对文字的效果 262

11.4.1文字的打字效果 262

11.4.2带提示文字的JavaScript特效 264

11.5上机题 266

第12章DIV+CSS布局综述 269

12.1布局方式 269

12.1.1用DIV将页面分块 269

12.1.2设计各块的位置 270

12.1.3用CSS将分布的DIV定位 270

12.2 CSS排版样式 272

12.2.1设计上中下版式的样式 272

12.2.2设计固定宽度且居中的样式 274

12.2.3设计左中右版式的样式 277

12.2.4设计块的背景色及背景图片 280

12.2.5内容分类显示版式 281

12.3实训——构建一个上下结构的页面 284

12.4实训——构建一个左中右结构的页面 288

12.5上机题 291

第13章CSS、XML和Ajax综合使用方式 297

13.1 XML基础 297

13.1.1 XML的特点 297

13.1.2 XML的结构和基本语法 298

13.2 XML与CSS的综合应用 300

13.2.1在XML里链接CSS文件 301

13.2.2通过XML和CSS，搭建具有图文并茂效果的案例 302

13.3 Ajax与CSS的综合应用 304

13.3.1Ajax概述 304

13.3.2 Ajax与CSS的综合应用 304

13.4实训——XML与CSS结合的练习 309

13.5实训——Ajax与CSS结合的练习 313

13.6上机题 316

第14章 解决CSS开发中的常见问题 319

14.1解决浏览器不兼容的问题 319

14.1.1解决字体大小不兼容的问题 319

14.1.2解决DIV里的float悬浮问题 321

14.1.3容器高度的限定问题 323

14.2解决HTML和CSS的中文编码问题 325

14.2.1 CSS与HTML页面的默认编码问题 325

14.2.2 CSS中文注释“标”的问题 327

第15章 娱乐门户网站 330

15.1网站页面效果分析 330

15.1.1首页效果分析 330

15.1.2“店铺”页面的效果分析 332

15.1.3网站文件综述 333

15.2规划首页的布局 333

15.2.1搭建首页页头部分的DIV 333

15.2.2搭建“第一列”部分的DIV 335

15.2.3搭建“标签导航”部分的DIV 336

15.2.4搭建“新进店铺”部分的DIV 337

15.2.5搭建“最新资讯”部分的DIV 338

15.2.6搭建“第三列”部分的DIV 339

15.2.7搭建页脚部分的DIV 339

15.2.8首页CSS效果分析 340

15.3店铺页面 341

15.3.1商铺资料部分的DIV 341

15.3.2商铺推荐部分的DIV 342

第16章 旅游酒店网站 345

16.1网站页面效果分析 345

16.1.1首页效果分析 345

16.1.2“酒店推荐”页面的效果分析 346

16.1.3网站文件综述 347

16.2规划首页的布局 347

16.2.1搭建首页页头部分的DIV 348

16.2.2搭建“推荐景点”部分的DIV 348

16.2.3搭建“最新新闻”部分的DIV 349

16.2.4搭建“游玩指南”部分的DIV 350

16.2.5搭建“在线订票”部分的DIV 351

16.2.6搭建“热门旅游专题”部分的DIV 352

16.2.7搭建页脚部分的DIV 352

16.2.8首页CSS效果分析 354

16.3酒店推荐页面 354

16.3.1酒店推荐列表部分的DIV 354

16.3.2推荐酒店列表部分的DIV 356

第17章 设计公司网站 359

17.1网站页面效果分析 359

17.1.1首页效果分析 359

17.1.2“设计理念”页面的效果分析 361

17.1.3网站文件综述 361

17.2规划首页的布局 362

17.2.1搭建首页页头部分的DIV 362

17.2.2搭建“网站广告”部分的DIV 363

17.2.3搭建“公司介绍”部分的DIV 364

17.2.4搭建“设计服务”部分的DIV 364

17.2.5搭建“预约登记”部分的DIV 366

17.2.6搭建“页脚部分”的DIV 368

17.2.7首页CSS效果分析 368

17.3设计理念页面 369

17.3.1设计理念介绍的DIV 369

17.3.2业务分类部分的DIV 371

第18章 新闻网站 373

18.1网站页面效果分析 373

18.1.1首页效果分析 373

18.1.2“新闻内容”页面的效果分析 374

18.1.3网站文件综述 375

18.2规划首页的布局 376

18.2.1搭建首页页头部分的DIV 376

18.2.2搭建“深度新闻”部分的DIV 377

18.2.3搭建“会议活动”部分的DIV 378

18.2.4搭建“大图新闻”部分的DIV 378

18.2.5搭建“新闻报道”部分的DIV 379

18.2.6搭建“名人博客”部分的DIV 380

18.2.7搭建页脚部分的DIV 380

18.2.8首页CSS效果分析 381

18.3新闻内容页面 382

18.3.1分类列表部分的DIV 382

18.3.2新闻文章部分的DIV 384

附录网站模板 387