HTML+CSS+JavaScript网页设计与布局实用教程PDF|Epub|txt|kindle电子书版本网盘下载

HTML+CSS+JavaScript网页设计与布局实用教程PDF格式电子书版下载

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

第1篇 HTML基础篇3

第1章 HTML入门3

1.1 什么是HTML3

1.2 HTML文件的文档结构4

1.2.1 HTML文件的结构4

1.2.2 编写HTML文件注意事项5

1.3 HTML文件的编写方法6

1.3.1 使用记事本编写HTML页面6

1.3.2 使用Dreamweaver编写HTML页面7

1.4 网页设计与开发的过程8

1.4.1 明确网站定位8

1.4.2 收集信息和素材9

1.4.3 规划栏目结构10

1.4.4 设计页面方案10

1.4.5 制作页面11

1.4.6 实现后台功能11

1.4.7 网站的测试与发布13

1.5 本章小结13

1.6 练习题13

第2章 HTML基本标记15

2.1 HTML页面主体标记15

2.1.1 定义网页背景色15

2.1.2 设置背景图片16

2.1.3 设置文字颜色17

2.1.4 设置链接文字属性18

2.1.5 设置页面边距20

2.2 head部分标记21

2.2.1 标题标记22

2.2.2 定义页面关键字22

2.2.3 定义页面描述23

2.2.4 定义编辑工具24

2.2.5 定义作者信息24

2.2.6 定义网页文字及语言25

2.2.7 定义网页的定时跳转25

2.3 综合实例——创建基本的HTML文件26

2.4 本章小结28

2.5 练习题28

第3章 用HTML设置文字、段落与列表29

3.1 插入其他标记29

3.1.1 输入空格符号29

3.1.2 输入特殊符号30

3.2 设置文字的格式31

3.2.1 设置字体31

3.2.2 设置字号32

3.2.3 设置文字颜色32

3.2.4 设置粗体、斜体、下划线33

3.2.5 设置上标与下标35

3.3 设置段落的格式35

3.3.1 段落标记36

3.3.2 段落的对齐属性36

3.3.3 不换行标记37

3.3.4 换行标记38

3.4 水平线标记39

3.4.1 插入水平线39

3.4.2 设置水平线宽度与高度属性40

3.4.3 设置水平线的颜色41

3.4.4 设置水平线的对齐方式42

3.4.5 利用水平线去掉阴影43

3.5 使用marquee设置滚动效果44

3.5.1 marquee标记及其属性44

3.5.2 使用marquee插入滚动公告45

3.6 综合实例——设置页面文本及段落47

3.7 本章小结48

3.8 练习题49

第4章 用HTML创建精彩的图像和多媒体页面50

4.1 网页中常见的图像格式50

4.2 插入图像并设置图像属性51

4.2.1 图像标记51

4.2.2 设置图像的高度52

4.2.3 设置图像的宽度53

4.2.4 设置图像的边框54

4.2.5 设置图像的水平间距54

4.2.6 设置图像的垂直间距55

4.2.7 设置图像相对于文字的对齐方式56

4.2.8 设置图像的替代文字57

4.3 添加多媒体文件58

4.3.1 添加多媒体文件标记58

4.3.2 设置自动运行59

4.4 添加背景音乐60

4.4.1 设置背景音乐60

4.4.2 设置循环播放次数61

4.5 综合实例62

4.5.1 创建多媒体网页62

4.5.2 创建图文混合排版网页63

4.6 本章小结64

4.7 练习题64

第5章 用HTML创建超链接和表单66

5.1 超链接的基本概念66

5.2 创建基本超链接66

5.2.1 超链接标记66

5.2.2 设置目标窗口67

5.3 创建图像的超链接68

5.3.1 设置图像超链接69

5.3.2 设置图像热区链接69

5.4 创建锚点链接70

5.4.1 创建锚点71

5.4.2 链接到页面不同位置的锚点链接72

5.5 插入表单73

5.5.1 处理动作73

5.5.2 表单名称74

5.5.3 传送方法75

5.5.4 编码方式75

5.5.5 目标显示方式76

5.6 综合实例77

5.6.1 插入表单对象77

5.6.2 给网页添加链接80

5.7 本章小结81

5.8 练习题81

第6章 用HTML创建表格83

6.1 创建并设置表格属性83

6.1.1 表格的基本标记83

6.1.2 表格的宽度和高度84

6.1.3 表格的标题85

6.1.4 表格的表头87

6.1.5 表格的对齐方式88

6.1.6 表格的边框宽度90

6.1.7 表格的边框颜色91

6.1.8 单元格间距92

6.1.9 单元格边距93

6.1.10 表格的背景颜色93

6.1.11 表格的背景图像94

6.2 表格的结构标记95

6.2.1 设计表头样式95

6.2.2 设计表主体样式96

6.2.3 设计表尾样式98

6.3 综合实例——使用表格排版网页99

6.4 本章小结102

6.5 练习题102

第7章 创建框架结构网页103

7.1 窗口框架简介103

7.2 设置框架集标记frameset的属性104

7.2.1 水平分割窗口104

7.2.2 垂直分割窗口105

7.2.3 嵌套分割窗口106

7.2.4 设置边框107

7.2.5 框架的边框宽度108

7.2.6 框架的边框颜色109

7.3 设置框架标记frame的属性109

7.3.1 框架页面源文件110

7.3.2 框架名称111

7.3.3 调整框架窗口的尺寸112

7.3.4 框架边框与页面内容的水平边距113

7.3.5 框架边框与页面内容的垂直边距114

7.3.6 设置框架滚动条显示114

7.3.7 不支持框架标记115

7.4 浮动框架116

7.4.1 浮动框架的页面源文件116

7.4.2 浮动框架的宽度和高度117

7.4.3 浮动框架的对齐方式118

7.4.4 设置浮动框架是否显示滚动条118

7.4.5 浮动框架的边框119

7.5 综合实例——创建上方固定左侧嵌套的框架网页120

7.6 本章小结126

7.7 练习题126

第2篇 CSS基础篇129

第8章 CSS基础知识129

8.1 为什么要在网页中加入CSS129

8.1.1 什么是CSS129

8.1.2 使用CSS的好处130

8.1.3 如何编写CSS131

8.1.4 CSS基本语法131

8.1.5 浏览器与CSS132

8.2 基本CSS选择器132

8.2.1 标签选择器132

8.2.2 类别选择器133

8.2.3 ID选择器134

8.3 在HTML中使用CSS136

8.3.1 链接外部样式表136

8.3.2 行内方式136

8.3.3 嵌入外部样式表137

8.3.4 定义内部样式表137

8.4 设置CSS属性138

8.4.1 设置CSS类型属性138

8.4.2 设置CSS背景属性139

8.4.3 设置CSS区块属性140

8.4.4 设置CSS方框属性141

8.4.5 设置CSS边框属性142

8.4.6 设置CSS列表属性144

8.4.7 设置CSS定位属性144

8.4.8 设置CSS扩展属性146

8.5 综合实例——利用Dreamweaver对网页添加CSS样式146

8.6 本章小结148

8.7 练习题148

第9章 用CSS设计丰富的文字效果150

9.1 设计网页中的文字样式150

9.1.1 字体151

9.1.2 字号152

9.1.3 加粗153

9.1.4 样式154

9.1.5 变体属性155

9.1.6 文字修饰156

9.2 设计文本的段落样式158

9.2.1 行高158

9.2.2 对齐159

9.2.3 缩进160

9.2.4 单词间距161

9.2.5 首字下沉162

9.2.6 大小写转换162

9.3 用CSS滤镜设计特效文字163

9.3.1 滤镜概述163

9.3.2 光晕164

9.3.3 模糊165

9.3.4 遮罩166

9.3.5 透明色166

9.3.6 阴影167

9.3.7 波浪168

9.3.8 X射线169

9.4 综合实例169

9.4.1 用CSS排版网页文字169

9.4.2 创建动感文字171

9.5 本章小结173

9.6 练习题173

第10章 用CSS设计图像和背景175

10.1 设置网页的背景175

10.1.1 背景颜色175

10.1.2 背景图像176

10.2 设置背景图像的属性177

10.2.1 设置背景重复177

10.2.2 设置固定背景178

10.2.3 设置背景定位179

10.3 设置网页图像的样式180

10.3.1 设置图像边框180

10.3.2 设置图文混合排版182

10.4 应用CSS滤镜设计图像特效183

10.4.1 控制图像和背景的透明度183

10.4.2 灰度185

10.4.3 反色186

10.5 综合实例186

10.5.1 给图片添加边框186

10.5.2 鼠标移到图片时产生渐变效果187

10.6 本章小结189

10.7 练习题189

第11章 设计更富灵活性的表格和表单190

11.1 网页中的表格190

11.1.1 表格对象标记190

11.1.2 在Dreamweaver中插入表格192

11.1.3 设置表格的颜色192

11.1.4 设置表格的边框样式193

11.1.5 设置表格的阴影195

11.1.6 设置表格的渐变背景196

11.2 网页中的表单197

11.2.1 表单对象197

11.2.2 表单标记198

11.2.3 表单的布局设计199

11.2.4 设置边框样式201

11.2.5 设置背景样式203

11.2.6 设置输入文本的样式205

11.3 综合实例206

11.3.1 制作变换背景色的表格206

11.3.2 设计文本框的样式207

11.4 本章小结208

11.5 练习题208

第12章 用CSS制作链接与网站导航210

12.1 超链接基础210

12.1.1 超链接的基本概念210

12.1.2 使用页面属性设置超链接211

12.2 链接标记211

12.2.1 a:link212

12.2.2 a:visited213

12.2.3 a:active214

12.2.4 a:hover215

12.3 各种形式的超链接215

12.3.1 背景色变换链接216

12.3.2 多姿多彩的下划线链接217

12.3.3 图像翻转链接219

12.3.4 边框变换链接221

12.4 项目列表223

12.4.1 有序列表223

12.4.2 无序列表226

12.5 横排导航231

12.5.1 文本导航231

12.5.2 标签式导航233

12.6 竖排导航234

12.7 综合实例236

12.7.1 使用CSS实现鼠标指针形状改变236

12.7.2 使用CSS实现背景变换的导航菜单237

12.8 本章小结238

12.9 练习题238

第3篇 CSS布局篇243

第13章 CSS+Div布局定位基础243

13.1 网站与Web标准243

13.1.1 什么是Web标准243

13.1.2 为什么要建立Web标准244

13.1.3 怎样改善现有网站245

13.2 Div标记与Span标记246

13.2.1 Div概述246

13.2.2 Div与Span的区别247

13.3 盒子模型249

13.3.1 盒子模型的概念249

13.3.2 border249

13.3.3 padding255

13.3.4 margin257

13.4 盒子的浮动与定位260

13.4.1 盒子的浮动float260

13.4.2 position定位263

13.4.3 z-index空间位置268

13.5 本章小结269

13.6 练习题269

第14章 CSS+Div布局方法270

14.1 CSS布局理念270

14.1.1 将页面用Div分块270

14.1.2 设计各块的位置271

14.1.3 用CSS定位271

14.2 固定宽度布局273

14.2.1 一列固定宽度273

14.2.2 两列固定宽度274

14.2.3 圆角框275

14.3 可变宽度布局277

14.3.1 一列自适应278

14.3.2 两列宽度自适应278

14.3.3 两列右列宽度自适应280

14.3.4 三列浮动中间宽度自适应280

14.3.5 三行二列居中高度自适应布局281

14.4 CSS布局与传统的表格布局方式分析283

14.5 本章小结286

14.6 练习题286

第4篇 JavaScript篇289

第15章 JavaScript语法基础289

15.1 JavaScript简介289

15.1.1 JavaScript的历史289

15.1.2 JavaScript的特点290

15.2 JavaScript的放置位置290

15.2.1 <script/>的使用方法291

15.2.2 位于网页之外的单独脚本文件中291

15.2.3 直接位于事件处理部分的代码中291

15.3 JavaScript运算符292

15.3.1 算术运算符292

15.3.2 逻辑运算符292

15.3.3 比较运算符293

15.4 JavaScript程序语句293

15.4.1 使用if语句293

15.4.2 使用for循环294

15.4.3 使用switch语句295

15.4.4 使用while语句296

15.5 综合实例——制作倒计时特效297

15.6 本章小结298

15.7 练习题298

第16章 JavaScript中的事件300

16.1 事件概述300

16.2 事件分析300

16.2.1 click事件301

16.2.2 change事件301

16.2.3 select事件302

16.2.4 focus事件303

16.2.5 load事件304

16.2.6 鼠标移动事件305

16.2.7 onblur事件306

16.3 其他常用事件307

16.4 综合实例——将事件应用于按钮中309

16.5 本章小结310

16.6 练习题310

第17章 JavaScript中的函数和对象311

17.1 什么是函数311

17.2 函数的定义312

17.2.1 函数的普通定义方式312

17.2.2 函数的变量定义方式313

17.2.3 函数的指针调用方式314

17.3 JavaScript对象的声明和引用315

17.3.1 声明和实例化316

17.3.2 对象的引用317

17.4 浏览器对象318

17.4.1 navigator对象318

17.4.2 windows对象320

17.4.3 location对象321

17.4.4 history对象322

17.4.5 document对象323

17.5 内置对象324

17.5.1 date对象324

17.5.2 数学对象math327

17.5.3 字符串对象string328

17.5.4 数组对象array329

17.6 综合实例——改变网页背景颜色330

17.7 本章小结331

17.8 练习题332

第5篇 综合实例篇335

第18章 设计布局富有个性的个人网站335

18.1 个人网站设计指南335

18.1.1 确定网站主题335

18.1.2 个人网站色彩搭配和结构设计336

18.2 网站前期策划336

18.2.1 确定网站主题337

18.2.2 确定目录结构337

18.2.3 网站蓝图的规划337

18.3 创建本地站点338

18.4 制作网站主页340

18.4.1 设计页面的通用规则340

18.4.2 导入外部CSS343

18.4.3 制作左侧导航部分345

18.4.4 制作右侧正文部分351

18.4.5 制作底部版权部分354

18.5 本章小结355

18.6 练习题356

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

19.1 企业网站设计指南357

19.1.1 企业网站的主要功能357

19.1.2 色彩搭配与风格设计358

19.2 分析架构359

19.2.1 内容分析359

19.2.2 HTML结构设计360

19.3 各模块设计361

19.3.1 布局设计361

19.3.2 页面的通用规则363

19.3.3 制作页头部分364

19.3.4 制作网页左侧部分365

19.3.5 制作网页右侧部分367

19.4 本章小结370

19.5 练习题370

附录 参考答案371