DIV+CSS网页样式与布局完全学习手册PDF|Epub|txt|kindle电子书版本网盘下载

DIV+CSS网页样式与布局完全学习手册PDF格式电子书版下载

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

第1篇 网页制作基础1

第1章 网页基础和网站开发流程1

1.1 认识网页与网站2

1.1.1 什么是网站2

1.1.2 静态网页和动态网页2

1.1.3 网页基本构成元素3

1.2 网站类型5

1.2.1 个人网站6

1.2.2 电子商务网站6

1.2.3 娱乐游戏类网站6

1.2.4 时尚类网站7

1.2.5 新闻资讯类网站7

1.2.6 门户类网站8

1.3 开发网站需要的技术8

1.3.1 需要HTML文件8

1.3.2 需要DIV来布局9

1.3.3 需要CSS来定义样式10

1.3.4 需要JavaScript11

1.3.5 需要动态网页开发语言11

1.4 网站开发流程12

1.4.1 确定网站目标12

1.4.2 规划站点结构12

1.4.3 收集素材13

1.4.4 美工设计出页面整体效果13

1.4.5 切割和优化页面13

1.4.6 添加网页后台程序14

1.4.7 申请域名15

1.4.8 申请服务器空间16

1.4.9 测试并上传网站17

1.4.1 0网站优化17

1.4.1 1网站维护18

1.4.1 2网站的推广18

第2章 Web标准19

2.1 表格布局与CSS布局20

2.1.1 表格布局的优点20

2.1.2 表格布局的缺点20

2.1.3 表格布局与CSS布局实例20

2.2 了解Web标准22

2.2.1 什么是Web标准22

2.2.2 为什么要建立Web标准22

2.2.3 W3C发布的标准23

2.2.4 Web标准的优势24

2.3 Web标准三剑客25

2.3.1 内容、结构、表现和行为25

2.3.2 如何改善现有网站25

第3章 HTML和XHTML基础27

3.1 HTML文档的基本结构28

3.1.1 HTML文件结构28

3.1.2 编写HTML文件注意事项29

3.1.3 HTML文档中的注释29

3.2 编辑HTML网页正文29

3.2.1 输入网页标题30

3.2.2 划分正文段落30

3.2.3 设置文本格式31

3.3 在HTML网页中插入图片32

3.3.1 插入网页图片33

3.3.2 在网页中加入水平线34

3.4 在HTML网页中使用列表35

3.4.1 使用编号列表35

3.4.2 使用无序列表36

3.5 在HTML网页中使用表格37

3.5.1 认识表格标记37

3.5.2 设置表格的整体属性38

3.6 建立超链接39

3.6.1 链接标签39

3.6.2 创建邮件链接40

3.6.3 锚点链接40

3.7 XHTML简介41

3.7.1 什么是XHTML41

3.7.2 为什么要升级到XHTML41

3.8 XHTML页面结构42

3.9 XHTML与HTML的区别43

第2篇 CSS控制样式基础46

第4章 CSS基础46

4.1 CSS介绍47

4.1.1 CSS基本概念47

4.1 2 CSS的优点47

4.1.3 CSS功能48

4.1.4 浏览器与CSS49

4.1.5 CSS发展历史49

4.2 在HTML 5中使用CSS的方法50

4.2.1 内嵌样式50

4.2.2 行内样式50

4.2.3 链接外部样式表51

4.2.4 导入样式52

4.2.5 优先级问题52

4.3 使用Dreamweaver设置CSS样式52

4.3.1 设置文本样式53

4.3.2 设置背景样式54

4.3.3 设置区块样式55

4.3.4 设置方框样式56

4.3.5 设置边框样式57

4.3.6 设置列表样式59

4.3.7 设置定位样式60

4 3.8 设置扩展样式61

4.3.9 过渡样式的定义61

4.4 选择器类型62

4.4.1 标签选择器62

4.4.2 类选择器62

4.4.3 ID选择器63

4.5 编辑和浏览CSS64

4 5.1 手工编写CSS64

4.5.2 Dreamweaver编写CSS65

4.6 综合实战——对网页添加CSS样式65

第5章 使用CSS设计网页文本和段落样式68

5.1 通过CSS控制文本样式69

5.1.1 字体font-family69

5.1.2 字号font－size70

5.1.3 加粗字体font-weight71

5.1.4 字体风格font-style72

5.1.5 小写字母转为大写字母font-variant72

5.2 通过CSS控制段落格式74

5.2.1 单词间隔word-spacing74

5.2.2 字符间隔letter-spacing74

5 2.3 文字修饰text-decoration75

5.2.4 垂直对齐方式vertial-align76

5.2.5 文本转换text-transform77

5.2.6 水平对齐方式text-align77

5.2.7 文本缩进text-indent78

5.2.8 文本行高line-height79

5.2.9 处理空白white-space80

5.3 综合实战——CSS字体样式综合演练81

第6章 通过CSS定义具有特色的超链接效果83

6.1 超链接基础84

6.1.1 超链接的基本概念84

6.1.2 使用页面属性设置超链接84

6.2 链接标记85

6.2.1 a:link85

6.2.2 a:visited86

6.2.3 a:active87

6.2.4 a:hover88

6.3 定义丰富的超链接特效89

6.3.1 背景色变换链接89

6.3.2 多姿多彩的下划线链接90

6.3.3 图像翻转链接91

6.3.4 边框变换链接93

6.4 综合实战95

6.4.1 实战——使用CSS实现鼠标指针形状改变95

6.4.2 实战——为超链接文字加上质感边框96

6.4.3 实战——鼠标指针移到链接文字上时改变文字大小或颜色99

6.4.4 实战——给超链接添加提示文字101

第7章 用CSS设计图像和背景106

7.1 设置网页的背景107

7.1.1 背景颜色107

7.1.2 背景图片108

7.2 设置背景图片的样式109

7.2.1 背景图片重复109

7.2.2 背景图片附件110

7.2.3 背景定位110

7.3 设置网页图片的样式112

7.3.1 设置图片边框113

7.3.2 图文混合排版115

7.4 应用CSS过滤器设计图像特效116

7.4.1 控制图像和背景的透明度（Alpha）116

7.4.2 灰度（Gray）117

7.4.3 反色（Invert）118

7.5 综合实战118

7.5.1 实战——给图片添加边框118

7.5.2 实战——图文绕排效果120

7.5.3 实战——文字与图片上下垂直居中121

7.5.4 实战——CSS实现背景半透明效果122

7.5.5 实战——可控的左右滚动图片123

第3篇 CSS控制样式进阶127

第8章 设计更富灵活性的表格127

8.1 表格基础128

8.2 用CSS设置表格的样式129

8.2.1 设置表格的颜色129

8.2.2 设置表格的边框样式130

8 2.3 设置表格的阴影131

8.2.4 设置表格的渐变背景132

8.2.5 制作条纹数据表格样式133

8.3 综合实战137

8.3.1 实战——制作变换背景色的表格137

8.3.2 实战——用CSS制作漂亮的彩色背景表格138

8.3.3 实战——制作阴影表格140

8.3.4 实战——制作圆角表格140

第9章 设计更酷更炫的表单143

9.1 网页中的表单144

9.1.1 表单对象144

9.1.2 输入域标签<input>144

9.1.3 文本域标签<textarea>145

9.1.4 选择域标签<select>和<option>146

9 1.5 设置边框样式147

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

9.2.1 设置背景样式149

9.2.2 设置输入文本的样式151

9.2.3 设计文本框的样式152

9.3 综合实战154

9.3.1 实战——改变按钮的背景颜色和文字颜色154

9.3.2 实战——设计文本框中的文字样式157

9.3.3 实战——制作透明的表单背景157

9.3.4 实战——为下拉列表变换颜色159

9.3.5 实战——CSS 3制作的3D效果登录表单160

第10章 用CSS制作实用的菜单和网站导航163

10.1 列表概述164

10.2 列表样式控制164

10.2.1 ul无序列表164

10.2.2 ol有序列表165

10.2.3 dl定义列表166

10.2.4 更改列表项目样式167

10.3 横排导航168

10.3.1 文本导航168

10.3.2 标签式导航170

10.4 竖排导航171

10.5 综合实战173

10.5.1 实战——实现背景变换的导航菜单173

10.5.2 实战——利用CSS制作横向导航174

10.5.3 实战——制作网页下拉列表175

10.5.4 实战——用背景图片实现CSS柱状图表177

第11章 CSS中的滤镜179

11.1 滤镜概述180

11.2 动感模糊blur180

11.3 对颜色进行透明处理chroma181

11.4 设置阴影DropShadow182

11.5 对象的翻转flipH、flipV183

11.6 发光效果glow183

11.7 X光片效果xray184

11.8 波形滤镜wave185

11.9 遮罩效果mask186

第4篇 CSS布局187

第12章 CSS盒子模型与定位187

12.1 “盒子”与“模型”的概念探究188

12.2 border188

12.2.1 边框样式：border-style189

12.2.2 边框颜色：border-color192

12.2.3 边框宽度：border-width193

12.2.4 透明边框194

12.3 padding195

12.4 margin197

12.5 盒子的浮动float199

12.6 盒子的定位201

12.6.1 绝对定位：Absolute201

12.6.2 固定定位：fixed203

12.6.3 相对定位：relative204

12.6.4 z-index空间位置206

第13章 CSS+DIV布局方式207

13.1 CSS布局模型208

13.1.1 流动布局模型208

13.1.2 浮动布局模型209

13.1.3 层布局模型212

13.1.4 高度自适应214

13.2 CSS布局理念215

13.2.1 将页面用div分块215

13.2.2 设计各块的位置216

13.2.3 用CSS定位216

13.3 固定宽度布局217

13.3.1 一列固定宽度217

13.3.2 两列固定宽度218

13.3.3 圆角框220

13.4 可变宽度布局221

13.4.1 一列自适应221

13.4.2 两列宽度自适应222

13.4.3 两列右列宽度自适应223

13.4.4 三列浮动中间宽度自适应224

13.4.5 三行二列居中高度自适应布局225

第14章 解决CSS布局中的常见问题227

14.1 关于水平和垂直居中对齐的问题228

14.1.1 让Div中的内容垂直居中228

14.1.2 让Div中的内容水平居中231

14.2 解决浏览器不兼容的问题234

14.2.1 margin加倍的问题234

14.2.2 浮动IE产生的双倍距离234

14.2.3 DIV浮动IE文本出现3px间距的问题（bug）235

14.2.4 高度不能自适应的问题236

14.2.5 垂直居中对齐文本与文本输入框的问题237

14.2.6 firefox下如何使连续长字段自动换行238

第15章 HTML 5高级程序设计239

15.1 HTML 5简介240

15.1.1 认识HTML 5240

15.1.2 HTML 5的特点241

15.1.3 HTML 5中的标记方法242

15.1.4 HTML 5基本布局242

15.2 HTML 5结构元素245

15.2.1 header245

15.2.2 nav246

15.2.3 footer247

15.2.4 article248

15.2.5 section249

15.2.6 aside250

15.2.7 address250

15.3 新增的嵌入多媒体元素与交互性元素251

15.3.1 video元素251

15.3.2 audio元素251

15.3.3 embed元素252

15.4 新增的input元素的类型252

15.4.1 url类型252

15.4.2 email类型252

15.4.3 date类型253

15.4.4 time类型253

15.4.5 datetime类型253

15.5 创建简单的HTML 5页面254

15.5.1 HTML 5文档类型254

15.5.2 字符编码254

15.5.3 页面语言254

15.5.4 添加样式表254

15.5.5 添加JavaScript255

15.5.6 测试结果255

第16章 CSS 3指南256

16.1 预览激动人心的CSS 3257

16.1.1 CSS 3的发展历史257

16.1.2 CSS 3新增特性257

16.1.3 主流浏览器对CSS 3的支持261

16.2 使用CSS 3实现圆角表格261

16.3 使用CSS 3制作图片滚动菜单263

16.4 使用CSS 3制作文字立体效果266

16.5 使用CSS 3制作多彩的网页图片库267

16.6 使用CSS 3实现的幻灯图片效果269

第17章 CSS与JavaScript的综合应用275

17.1 JavaScript简介276

17.1.1 什么是JavaScript276

17.1.2 JavaScript特点276

17.2 JavaScript的基本语法277

17.2.1 常量和变量277

17.2.2 表达式和运算符278

17.2.3 基本语句279

17.2.4 函数283

17.3 JavaScript事件284

17.4 JavaScript内部对象293

17.4.1 navigator对象293

17.4.2 document对象294

17.4 3 window对象295

17.4.4 location对象297

17.4.5 history对象297

17.5 综合实战298

17.5.1 实战——随鼠标移动的图像298

17.5.2 实战——制作图片循环隐现效果300

17.5.3 实战——制作幻灯片效果302

17.5.4 实战——制作灯光效果304

17.5.5 实战——可以任意选择网页中的文字颜色、背景颜色、字号305

第5篇 CSS布局综合实例310

第18章 设计富有个性的个人网站310

18.1 个人网站设计概述311

18.2 个人网站色彩搭配和结构设计312

18.3 网站前期策划312

18.3.1 确定网站主题312

18.3 2确定目录结构312

18.3.3 网站蓝图的规划313

18.4 制作网站主页314

18.4.1 导入外部CSS314

18.4.2 制作顶部文件316

18.4.3 制作个人简介318

18.4.4 制作个人相册319

18.4.5 制作最新动态321

18.4.6 制作底部文件323

第19章 公司宣传网站的布局325

19.1 企业网站设计概述326

19.2 分析架构327

19.2.1 设计分析327

19.2 2排版构架327

19.3 各模块设计328

19.3.1 布局设计328

19.3.2 页面的通用规则329

19.3.3 制作#header对象部分332

19.3.4 制作导航#nav对象部分334

19 3.5 制作公司介绍和图片展示部分335

19.3.6 制作“我们的服务”部分338

19.3.7 制作#aside对象部分341

19.3.8 制作底部版权信息部分344

第20章 旅游网站的设计346

20.1 旅游网站设计概述347

20.1.1 旅游网站分类347

20.1.2 页面配色分析348

20.1.3 排版构架349

20.2 各部分设计350

20.2.1 页面的通用规则350

20.2.2 制作网站导航部分351

20.2.3 制作header右侧部分354

20.2.4 制作欢迎部分363

20.2.5 制作景点新闻部分368

20.2.6 制作景点介绍部分373

20.2.7 制作景点展示部分377

20.2.8 制作底部版权部分385

第21章 购物网站布局388

21.1 购物网站设计概述389

21.1.1 购物网站概念389

21.1.2 购物网站的功能要点390

21.2 购物网站设计分析391

21.2.1 大信息量的页面391

21.2.2 页面结构设计合理391

21.2.3 完善的分类体系392

21.2.4 商品图片的使用392

21.3 购物网站配色与架构393

21.3.1 购物网站配色393

21.3.2 排版构架393

21.4 各部分设计394

21.4.1 定义页面通用规则394

21.4.2 制作网站header部分395

21.4.3 制作网站通栏广告部分403

21.4.4 制作网站左侧分类部分404

21.4.5 制作轮换显示的横幅广告图片406

21.4.6 制作最新上架部分407

第6篇 附录414

附录1 CSS属性一览表414

附录2 HTML常用标签418