精通HTML+CSS网页布局与样式 视频教学版PDF|Epub|txt|kindle电子书版本下载

精通HTML+CSS网页布局与样式 视频教学版PDF格式电子书版下载

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

第1章 网页设计基础知识1

1.1 认识网页1

1.1.1 网页和网站1

1.1.2 网页基本构成元素2

1.2 如何设计网页3

1.2.1 网页设计基本原则3

1.3.2 网页设计成功要素4

1.2.3 网页设计风格及色彩搭配6

1.3 网页设计师应具备的素质7

1.3.1 艺术素质7

1.3.2 技能素质8

1.3.3 综合素质8

1.4 专家解惑8

第2章HT ML网页文档结构10

2.1 HTML代码的结构10

2.1.1 HTML代码的组成10

2.1.2 代码注释11

2.2 HTML的基本标签12

2.2.1 HTML标记〈html〉12

2.2.2 head标签及其属性12

2.2.3 body标签及其属性15

2.3 HTML文件的编写方法16

2.3.1 手工编写HTML文件16

2.3.2 使用HTML编辑器17

2.4 使用浏览器查看HTML文件19

2.4.1 各大浏览器与HTML的兼容19

2.4.2 查看页面效果20

2.4.3 查看源文件20

2.5 专家解惑21

第3章 网页文本与段落的设计22

3.1 网页文本的特殊样式22

3.1.1 粗体显示22

3.1.2 强调显示23

3.1.3 加强调显示24

3.1.4 倾斜文本24

3.1.5 上标和下标文本25

3.1.6 设置文字大小26

3.1.7 定义文字的方向27

3.1.8 设置文字的字体、大小与颜色28

3.2 网页文本排版28

3.2.1 换行标记〈br/〉29

3.2.2 段落标记〈p〉29

3.2.3 网页标题标记〈h1〉～〈h6〉31

3.2.4 文本水平居中标记〈center〉32

3.2.5 标尺标记〈hr〉32

3.3 网页文字列表的设计33

3.3.1 建立无序列表33

3.3.2 建立有序列表35

3.3.3 建立不同类型的无序列表36

3.3.4 建立不同类型的有序列表37

3.3.5 嵌套列表38

3.3.6 自定义列表39

3.4 设置网页文本段落格式40

3.4.1 段落左对齐40

3.4.2 段落居中对齐41

3.4.3 段落右对齐41

3.5 综合实战——成才教育网文本设计42

3.6 专家解惑43

第4章 网页色彩和图片的设计44

4.1 网页色彩的应用44

4.2 在网页中插入图像45

4.2.1 设置图像在网页中的宽度和高度47

4.2.2 设置图像的提示文字48

4.2.3 将图片设置为网页背景49

4.2.4 排列图像50

4.3 综合实战——制作茂森房地产广告网页51

4.4 专家解惑52

第5章 网页超链接的设计53

5.1 链接和路径53

5.1.1 超链接的概念53

5.1.2 链接路径URL54

5.1.3 HTTP路径55

5.1.4 FTP路径56

5.1.5 电子邮件路径57

5.2 链接元素58

5.2.1 链接元素〈a〉58

5.2.2 指定路径属性href59

5.2.3 显示链接目标属性target59

5.2.4 激活顺序属性tabindex61

5.2.5 链接的热键属性accesskey62

5.2.6 链接到同一页面的不同位置63

5.3 图像链接65

5.3.1 创建链接区域元素〈map〉65

5.3.2 链接区域的名称属性name65

5.3.3 定义鼠标敏感区元素area65

5.3.4 链接的路径属性href66

5.3.5 链接的文本说明属性alt67

5.4 专家解惑68

第6章 网页表格的设计70

6.1 表格基本结构70

6.1.1 表格概述70

6.1.2 用于创建表格的标记70

6.2 创建表格72

6.2.1 创建普通表格72

6.2.2 创建带有标题的表格73

6.2.3 创建完整的表格74

6.3 设置表格属性76

6.3.1 定义表格的边框类型76

6.3.2 定义表格的表头77

6.3.3 设置表格背景78

6.3.4 设置单元格背景80

6.4 综合实例——制作计算机报价表81

6.5 专家解惑83

第7章 网页表单的设计84

7.1 表单简介84

7.2 表单基本元素85

7.2.1 表单标签85

7.2.2 文字字段86

7.2.3 密码域88

7.2.4 单选按钮88

7.2.5 复选框89

7.2.6 下拉菜单90

7.2.7 列表框91

7.2.8 普通按钮92

7.2.9 提交按钮93

7.2.10 重置按钮94

7.3 综合实战——制作淘宝注册页95

7.4 专家解惑97

第8章 使用HTML创建框架98

8.1 窗口框架简介98

8.1.1 什么是框架98

8.1.2 框架的基本结构99

8.2 设置框架集的基本属性99

8.2.1 水平分割窗口99

8.2.2 垂直分割窗口100

8.2.3 混合分割窗口101

8.2.4 设置框架边框103

8.2.5 设置框架的边框宽度104

8.2.6 设置框架的边框颜色105

8.3 设置窗口属性106

8.3.1 页面源文件106

8.3.2 设置页面名称107

8.3.3 固定窗口的尺寸108

8.3.4 边框与页面内容的水平边距109

8.3.5 边框与页面内容的垂直边距111

8.3.6 设置框架滚动条显示112

8.3.7 不支持框架标签113

8.4 内联框架114

8.4.1 内联框架的主要参数114

8.4.2 必需参数：页面源文件117

8.4.3 特有属性：框架大小117

8.4.4 特有属性：对齐方式118

8.4.5 共有参数设置119

8.4.6 其他参数120

8.5 框架与链接122

8.5.1 设置普通框架结构的链接122

8.5.2 内联框架与链接125

8.6 专家解惑127

第9章 网页多媒体的设计128

9.1 添加动态文字128

9.1.1 设置滚动文字128

9.1.2 设置文字的滚动方向129

9.1.3 设置文字的滚动方式131

9.1.4 设置文字的滚动循环次数132

9.1.5 设置文字的滚动速度133

9.1.6 设置文字滚动的时间间隔134

9.1.7 设置滚动文字的背景色135

9.1.8 设置滚动文字的背景面积136

9.1.9 设置空白空间137

9.2 添加背景音乐138

9.2.1 设置背景音乐138

9.2.2 设置背景音乐的循环播放次数139

9.3 添加多媒体文件140

9.3.1 设置多媒体文件140

9.3.2 设置多媒体文件的自动运行141

9.3.3 设置多媒体文件的循环播放142

9.3.4 隐藏多媒体播放面板143

9.3.5 添加其他类型的多媒体文件144

9.4 专家解惑145

第10章 初识CSS146

10.1 为什么要使用CSS146

10.2 在HTML中使用CSS的方法147

10.2.1 行内样式147

10.2.2 内嵌样式148

10.2.3 链接样式150

10.2.4 导入样式151

10.2.5 优先级问题152

10.3 专家解惑155

第11章 GSS基础语法156

11.1 CSS选择器156

11.1.1 标签选择器156

11.1.2 类选择器157

11.1.3 ID选择器159

11.1.4 全局选择器160

11.1.5 组合选择器161

11.1.6 继承选择器163

11.1.7 伪类选择器164

11.1.8 属性选择器166

11.2 选择器声明167

11.2.1 集体声明167

11.2.2 多重嵌套声明168

11.3 CSS继承168

11.5 综合实例——制作新闻菜单170

11.6 专家解惑173

第12章 CSS字体与段落属性174

12.1 CSS文字样式174

12.1.1 字体（font-family）174

12.1.2 字号（font-size）175

12.1.3 字体风格（font-style）177

12.1.4 加粗字体（font-weight）178

12.1.5 小写字母转为大写字母（font-variant）179

12.1.6 字体复合属性（font）180

12.1.7 字体颜色（color）181

12.2 CSS段落样式182

12.2.1 单词间隔（word-spacing）182

12.2.2 字符间隔（letter-spacing）183

12.2.3 文字修饰（text-decoration）184

12.2.4 垂直对齐方式（vertial-align）185

12.2.5 文本转换（text-transform）187

12.2.6 水平对齐方式（text-align）188

12.2.7 文本缩进（text-indent）190

12.2.8 文本行高（line-height）191

12.2.9 处理空白（white-sapce）191

12.2.10 文本反排（unicode-bidi和direction）193

12.4 综合实例——网页简单图文混排195

12.5 专家解惑197

第13章 用CSS美化图片198

13.1 修饰图片198

13.1.1 图片边框198

13.1.2 图片缩放199

13.2 对齐图片202

13.2.1 横向对齐方式202

13.2.2 纵向对齐方式203

13.3 图文混排205

13.3.1 文字环绕205

13.3.2 设置图片与文字间距206

13.4 综合实例1——一句话新闻208

13.5 综合实例2——学校宣传单212

13.6 专家解惑214

第14章 用CSS设置背景与边框215

14.1 设置背景215

14.1.1 背景颜色215

14.1.2 背景图片217

14.1.3 背景复合属性224

14.2 设置边框225

14.2.1 边框样式225

14.2.2 边框颜色227

14.2.3 边框线宽228

14.2.4 边框复合属性230

14.3 综合实例——简单的公司主页231

14.4 专家解惑235

第15章 用CSS美化超级链接和鼠标236

15.1 超级链接特效236

15.1.1 改变超级链接的基本样式236

15.1.2 超级链接背景图设置238

15.1.3 超级链接按钮效果240

15.2 鼠标特效241

15.2.1 使用CSS控制鼠标箭头241

15.2.2 鼠标变幻超链接243

15.2.3 页面滚动条244

15.3 综合实例1——制作实用导航栏246

15.4 综合实例2——鼠标特效248

15.5 专家解惑251

第16章 用CSS美化表格和表单样式252

16.1 表格样式252

16.1.1 表格边框样式252

16.1.2 表格边框宽度255

16.1.3 表格边框颜色256

16.2 CSS与表单258

16.2.1 美化表单中的元素258

16.2.2 美化提交按钮260

16.2.3 美化下拉菜单262

16.3 综合实例1——隔行变色264

16.4 综合实例2——表格图文网页布局266

16.5 综合实例3——变色表格269

16.6 综合实例4——登录表单272

16.7 综合实例5——注册表单274

16.8 专家解惑277

第17章 用CSS制作实用菜单278

17.1 项目列表278

17.1.1 美化无序列表278

17.1.2 美化有序列表280

17.1.3 美化自定义列表282

17.1.4 图片列表283

17.1.5 列表缩进285

17.1.6 列表复合属性286

17.2 无需表格的菜单288

17.3 菜单的横竖转换291

17.4 综合实例1——段落模拟列表效果293

17.5 综合实例2——模拟SOSO导航栏295

17.6 专家解惑299

第18章 CSS滤镜的应用300

18.1 滤镜概述300

18.2 CSS的基本滤镜301

18.2.1 通道（Alpha）滤镜301

18.2.2 Blur滤镜303

18.2.3 Chroma滤镜305

18.2.4 DropShadow滤镜306

18.2.5 FlipH滤镜307

18.2.6 Glow滤镜308

18.2.7 Gray滤镜309

18.2.8 Invert滤镜310

18.2.9 FlipV滤镜311

18.2.10 Mask滤镜312

18.2.11 Shadow滤镜313

18.2.12 Wave滤镜314

18.2.13 X-ray滤镜315

18.3 CSS的高级滤镜316

18.3.1 BlendTrans滤镜316

18.3.2 Light滤镜318

18.3.3 RevealTrans滤镜320

18.4 专家解惑322

第19章 CSS定位与DIV布局324

19.1 定位方式324

19.1.1 定位属性324

19.1.2 position属性325

19.1.3 层叠顺序329

19.1.4 边偏移属性331

19.2 浮动定位332

19.3 溢出定位334

19.4 隐藏定位336

19.5 块和行内元素338

19.5.1 块元素338

19.5.2 行内元素340

19.6 综合实例——左右布局的新闻页面341

19.7 专家解惑345

第20章 CSS与JavaScript的搭配应用346

20.1 JavaScript概述346

20.1.1 JavaScript概念346

20.1.2 JavaScript的引用347

20.1.3 JavaScript与CSS348

20.2 JavaScript语法基础349

20.2.1 数据类型349

20.2.2 变量350

20.2.3 运算符350

20.2.4 流程控制语句353

20.2.5 函数357

20.3 综合实例1——打字效果的文字360

20.4 综合实例2——文字升降特效362

20.5 综合实例3——跑马灯效果364

20.6 综合实例4——闪烁图片367

20.7 综合实例5——左右移动的图片369

20.8 综合实例6——向上滚动菜单372

20.9 综合实例7——跟随鼠标移动的图片374

20.10 综合实例8——树形菜单376

20.11 综合实例9——颜色选择器381

20.12 专家解惑384

第21章 CSS与XML的综合运用385

21.1 XML语法基础385

21.1.1 XML概念385

21.1.2 XML文档的组成和声明387

21.1.3 XML元素介绍388

21.2 使用CSS修饰XML文件391

21.2.1 在XML文件中使用CSS391

21.2.2 设置字体属性392

21.2.3 设置色彩属性393

21.2.4 设置边框属性395

21.2.5 设置文本属性396

21.3 综合实战1——招聘广告398

21.4 综合实战2——书目清单400

21.5 综合实战3——图文混排页面403

21.6 综合实战4——古诗欣赏406

21.7 专家解惑409

第22章 CSS与Ajax的综合应用410

22.1 Ajax概述410

22.1.1 什么是Aiax410

22.1.2 Aiax的关键元素414

22.1.3 CSS在Ajax应用中的地位414

22.2 Ajax快速入门415

22.2.1 全面剖析XMLHttpRequest对象415

22.2.2 发出Aiax请求418

22.2.3 处理服务器响应419

22.3 CSS与Aiax综合实战——制作自由拖动的网页421

22.4 专家解惑427

第23章 构建企业门户网站428

23.1 构思布局428

23.1.1 设计分析428

23.1.2 排版架构429

23.2 模块分割430

23.2.1 Logo与导航菜单430

23.2.2 左侧文本介绍433

23.2.3 右侧导航链接434

23.2.4 版权信息436

23.3 整体调整437

23.4 专家解惑438

第24章 团购商务类网站的设计439

24.1 整体布局439

24.1.1 整体设计分析439

24.1.2 架构布局分析440

24.2 主要模块设计442

24.2.1 样式代码分析442

24.2.2 网页顶部代码分析443

24.2.3 分类及区域选择模块分析445

24.2.4 新品展示模块分析446

24.2.5 侧边栏模块分析449

24.2.6 热门城市索引模块分析452

24.2.7 底部模块分析453

24.3 调整455

24.3.1 部分内容调整455

24.3.2 模块调整456

24.3.3 调整后预览测试456