精通DIV+CSS网页样式与布局 第2版【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

精通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需要JavaScript3

1.1.5需要空间和域名3

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

1.2.1安装Dreamweaver5

1.2.2使用Dreamweaver5

1.2.3 Dreamweaver的三种工作方式6

1.2.4通过Dreamweaver在HTML页面里开发DIV7

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搭建DIV14

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和XHTML21

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什么是XHTML40

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 CONTENT204

10.1.3 BORDER204

10.1.4 PADDING207

10.1.5 MARGIN208

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搭建首页页头部分的DIV333

15.2.2搭建“第一列”部分的DIV335

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

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

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

15.2.6搭建“第三列”部分的DIV339

15.2.7搭建页脚部分的DIV339

15.2.8首页CSS效果分析340

15.3店铺页面341

15.3.1商铺资料部分的DIV341

15.3.2商铺推荐部分的DIV342

第16章 旅游酒店网站345

16.1网站页面效果分析345

16.1.1首页效果分析345

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

16.1.3网站文件综述347

16.2规划首页的布局347

16.2.1搭建首页页头部分的DIV348

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

16.2.3搭建“最新新闻”部分的DIV349

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

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

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

16.2.7搭建页脚部分的DIV352

16.2.8首页CSS效果分析354

16.3酒店推荐页面354

16.3.1酒店推荐列表部分的DIV354

16.3.2推荐酒店列表部分的DIV356

第17章 设计公司网站359

17.1网站页面效果分析359

17.1.1首页效果分析359

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

17.1.3网站文件综述361

17.2规划首页的布局362

17.2.1搭建首页页头部分的DIV362

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

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

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

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

17.2.6搭建“页脚部分”的DIV368

17.2.7首页CSS效果分析368

17.3设计理念页面369

17.3.1设计理念介绍的DIV369

17.3.2业务分类部分的DIV371

第18章 新闻网站373

18.1网站页面效果分析373

18.1.1首页效果分析373

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

18.1.3网站文件综述375

18.2规划首页的布局376

18.2.1搭建首页页头部分的DIV376

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

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

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

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

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

18.2.7搭建页脚部分的DIV380

18.2.8首页CSS效果分析381

18.3新闻内容页面382

18.3.1分类列表部分的DIV382

18.3.2新闻文章部分的DIV384

附录网站模板387