精通DIV+CSS网页样式与布局PDF|Epub|txt|kindle电子书版本网盘下载

精通DIV+CSS网页样式与布局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需要空间和域名4

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程序9

1.2.6在DIV里引入CSS效果10

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网站的建设标准和布局方式16

1.5.1网站的建设标准16

1.5.2页面布局17

1.6上机题21

第2章 HTML和XHTML22

2.1 HTML基础22

2.1.1 HTML概述22

2.1.2 HTML基础结构23

2.2 HTML标签24

2.2.1基本标签24

2.2.2格式标签26

2.2.3文本标签28

2.2.4超链标签29

2.2.5图像标签30

2.2.6表格标签31

2.2.7分区标签33

2.3 XHTML介绍35

2.3.1什么是XHTML35

2.3.2 HTML转换成XHTML的方法36

2.4实训——综合各种标签的网页39

2.5上机题42

第3章 CSS基础知识介绍44

3.1 CSS的概念44

3.2 CSS的基本语法45

3.2.1 CSS选择器45

3.2.2选择器声明48

3.2.3 CSS的继承50

3.3 CSS的四种引入方式51

3.4 CSS的常见问题52

3.4.1让CSS适用所有浏览器53

3.4.2 CSS注释与字符编码控制54

3.5 CSS里的单位和值55

3.5.1颜色55

3.5.2长度单位57

3.5.3通过URL引入外部资源59

3.6实训——CSS基本语法的演练60

3.7上机题62

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

4.1通过CSS控制文本样式66

4.1.1定义文字颜色66

4.1.2通过CSS设置字体67

4.1.3字体粗细与斜体69

4.1.4定义字体大小和行高71

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

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

4.2.1设置字间距74

4.2.2控制对齐方式75

4.3通过CSS定义样式表76

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

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

4.4实训——CSS字体样式综合演练79

4.4上机题82

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

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

5.1.1 CSS伪类别86

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

5.2定义丰富的超链特效89

5.2.1给链接添加提示文字89

5.2.2按钮式超链接90

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

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

5.3.1用CSS设计鼠标的箭头93

5.3.2定义鼠标的变幻效果95

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

5.5上机题101

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

6.1 CSS定义图片样式104

6.1.1定义图片边框104

6.1.2定义图片大小106

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

6.1.4定义图片的对齐方式109

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

6.2.1设置文字环绕的效果112

6.2.2浮动广告114

6.3实训——用CSS设计图文并茂的效果115

6.4通过CSS设置背景颜色118

6.4.1设置页面背景色118

6.4.2通过背景色给页面分块119

6.5通过CSS处理背景图像样式121

6.5.1设置页面背景图样式121

6.5.2设置背景图重复的效果121

6.5.3定义背景图片的位置122

6.5.4固定背景图片123

6.6实训——实现美食资讯网的菜单部分124

6.7上机题126

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

7.1表格基础131

7.2用CSS设置表格的样式132

7.2.1设置表格的颜色132

7.2.2设置表格的边框样式133

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

7.2.4设置大小和对齐方式136

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

7.4上机题142

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

8.1认识表单元素146

8.1.1输入域标签〈input〉146

8.1.2文本域标签〈textarea〉147

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

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

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

8.2.1用css修饰表单元素的背景色149

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

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

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

8.4上机题161

第9章 CSS滤镜的应用164

9.1滤镜概述164

9.2通道（Alpha）165

9.3模糊（Blur）166

9.4运动模糊（MotionBlur）167

9.5透明色（Chroma）169

9.6翻转变换（Flip）169

9.7光晕（Glow）170

9.8灰度（Gray）172

9.9反色（Invert）173

9.10遮罩（Mask）173

9.11阴影（Shadow）175

9.12 X射线（X-ray）176

9.13浮雕纹理（Emboss和Engrave）177

9.14波浪（Wave）179

9.15上机题180

第10章 CSS定位与DIV布局184

10.1盒子模型184

10.1.1盒子模型的概念184

10.1.2 CONTENT185

10.1.3 BORDER185

10.1.4 PADDING188

10.1.5 MARGIN190

10.2元素的定位193

10.2.1定位方式193

10.2.2 CSS的定位原理194

10.2.3利用float定位199

10.2.4利用CSS堆元素定位201

10.3块元素和行内元素203

10.3.1块元素203

10.3.2行内元素204

10.4实训——用CSS定位页面的布局205

10.5上机题210

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

11.1 JavaScript概述214

11.1.1 JavaScript概述214

11.1.2 JavaScript嵌入HTML文档215

11.2用JavaScript设置图片的效果216

11.2.1实现相册效果216

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

11.3针对菜单的效果223

11.3.1用JavaScript实现页签效果223

11.3.2用JavaScript实现下拉式菜单225

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

11.4针对文字的效果229

11.4.1文字的打字效果229

11.4.2带提示文字的JavaScript特效231

11.5上机题234

第12章 DIV+CSS布局综述236

12.1布局方式236

12.1.1用DIV将页面分块236

12.1.2设计各块的位置237

12.1.3用CSS将分布的DIV定位237

12.2 CSS排版样式239

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

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

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

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

12.2.5内容分类显示版式248

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

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

12.5上机题258

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

13.1 XML基础266

13.1.1 XML的特点266

13.1.2 XML的结构和基本语法267

13.2 XML与CSS的综合应用269

13.2.1在XML里链接CSS文件270

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

13.3 Ajax与CSS的综合应用273

13.3.1 Ajax概述273

13.3.2 Ajax与CSS的综合应用274

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

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

13.6上机题285

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

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

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

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

14.1.3容器高度的限定问题292

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

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

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

第15章 娱乐门户网站299

15.1网站页面效果分析299

15.1.1首页效果分析299

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

15.1.3网站文件综述302

15.2规划首页的布局302

15.2.1搭建首页页头部分的DIV302

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

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

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

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

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

15.2.7搭建页脚部分的DIV310

15.2.8首页CSS效果分析310

15.3店铺页面311

15.3.1商铺资料部分的DIV311

15.3.2商铺推荐部分的DIV313

第16章 旅游酒店网站316

16.1网站页面效果分析316

16.1.1首页效果分析316

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

16.1.3网站文件综述318

16.2规划首页的布局318

16.2.1搭建首页页头部分的DIV319

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

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

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

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

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

16.2.7搭建页脚部分的DIV324

16.2.8首页CSS效果分析326

16.3酒店推荐页面326

16.3.1酒店推荐列表部分的DIV326

16.3.2推荐酒店列表部分的DIV328

第17章 设计公司网站331

17.1网站页面效果分析331

17.1.1首页效果分析331

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

17.1.3网站文件综述333

17.2规划首页的布局334

17.2.1搭建首页页头部分的DIV334

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

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

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

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

17.2.6搭建页脚部分的DIV340

17.2.7首页CSS效果分析340

17.3设计理念页面341

17.3.1设计理念介绍的DIV341

17.3.2业务分类部分的DIV343

第18章 新闻网站345

18.1网站页面效果分析345

18.1.1首页效果分析345

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

18.1.3网站文件综述347

18.2规划首页的布局348

18.2.1搭建首页页头部分的DIV348

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

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

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

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

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

18.2.7搭建页脚部分的DIV353

18.2.8首页CSS效果分析354

18.3新闻内容页面355

18.3.1分类列表部分的DIV355

18.3.2新闻文章部分的DIV356