Web前端开发实例教程-HTML、CSS、JavaScPDF电子书下载

准备篇 2

第1章 Web技术综述 2

1.1 Internet基础 2

1.1.1 TCP/IP 2

1.1.2 主机和IP地址 2

1.1.3 DNS和域名 3

1.2 Web概述 4

1.2.1 Web起源 4

1.2.2 Web的工作原理 4

1.2.3 Web基本技术 4

1.2.4 Web服务器 5

1.3 超文本与标签语言 6

1.3.1 超文本 6

1.3.2 标签语言 6

1.4 Web标准综述 7

1.4.1 Web标准体系 8

1.4.2 Web标准的意义 8

1.5 浏览器 9

1.5.1 主流浏览器 9

1.5.2 浏览器内核 9

1.6 知识点提炼 10

1.7 思考与练习 10

1.8 上机实例练习——浏览器安装及内核检测 11

第2章 开发工具介绍 12

2.1 Web开发工具 12

2.1.1 Photoshop图像制作 12

2.1.2 Fireworks网页作图 13

2.1.3 Flash网页动画 13

2.1.4 记事本 13

2.1.5 Notepad代码编辑器 14

2.1.6 EditPlus代码编辑器 15

2.1.7 TextPad代码编辑器 15

2.1.8 Dreamweaver网页编辑器 16

2.1.9 CSS3 Menu——CSS菜单设计工具 16

2.1.10 ColorImpact颜色方案设计工具 17

2.2 Dreamweaver软件的使用 17

2.2.1 基本操作 17

2.2.2 界面介绍 21

2.2.3 站点管理配置 22

2.3 知识点提炼 23

2.4 思考与练习 23

2.5 上机实例练习——新建站点、新建网页 24

第3章 Web运行环境搭建 25

3.1 Web常见运行环境 25

3.2 Windows7环境下IIS安装 26

3.3 IIS中站点配置 28

3.4 知识点提炼 30

3.5 思考与练习 30

3.6 上机实例练习——安装IIS并配置站点 30

入门篇 32

第4章 HTML/CSS/JavaScript综述 32

4.1 HTML综述 32

4.1.1 HTML所扮演的角色 32

4.1.2 HTML代码片段 33

4.2 CSS综述 33

4.2.1 CSS所扮演的角色 33

4.2.2 CSS代码片段 34

4.3 JavaScript综述 34

4.3.1 JavaScript所扮演的角色 35

4.3.2 JavaScript代码片段 35

4.4 小实例——HTML、CSS、JavaScript的综合应用 36

4.5 知识点提炼 37

4.6 思考与练习 37

4.7 上机实例练习——仿照4-3-2.html练习 38

第5章 HTML基础介绍 39

5.1 HTML文档结构 39

5.2 HTML基本语法 39

5.2.1 标签语法 39

5.2.2 属性语法 40

5.3 HTML文件命名规则 42

5.4 编写HTML文档注意事项 42

5.5 小实例——简单图文混排网页制作 43

5.6 知识点提炼 44

5.7 思考与练习 44

5.8 上机实例练习——用记事本仿5-5.html编写一个HTML文件 45

第6章 HTML文件的标准结构 46

6.1 文件头部内容 46

6.1.1 设置网页标题＜title＞ 46

6.1.2 定义元素信息＜meta＞ 47

6.1.3 设置网页关键词——keywords 48

6.1.4 设置网页描述——description 48

6.2 文件主体内容 49

6.2.1 设置页面背景——bgcolor 49

6.2.2 设置背景图片——background 50

6.2.3 设置页面边距 51

6.2.4 设计正文颜色——text 52

6.3 小实例——Web课程介绍网页 53

6.4 知识点提炼 53

6.5 思考与练习 54

6.6 上机实例练习——个人文字简历网页 54

第7章 文本与段落 55

7.1 内容编辑 55

7.1.1 添加文本 55

7.1.2 添加注释＜！-- --＞ 56

7.1.3 添加空格&nbsp； 57

7.1.4 添加删除线＜del＞ 57

7.1.5 插入特殊符号 58

7.2 文本修饰 59

7.2.1 简单文本修饰＜b＞＜i＞＜u＞ 59

7.2.2 设置文本效果＜font＞ 60

7.2.3 文字上下标＜sup＞＜sub＞ 61

7.2.4 设置地址文本＜address＞ 61

7.3 段落排版 62

7.3.1 段落＜p＞ 62

7.3.2 换行＜br/＞ 63

7.3.3 预格式化＜pre＞ 64

7.3.4 段落缩进＜blockquote＞ 65

7.3.5 设置水平线＜hr/＞ 65

7.4 小实例——唐诗宋词网页设计 66

7.5 知识点提炼 67

7.6 思考与练习 67

7.7 上机实例练习——重写唐诗宋词网页，并设置网页背景和文本颜色等 68

第8章 列表 69

8.1 列表类 69

8.1.1 无序列表＜ul＞ 69

8.1.2 有序列表＜ol＞ 70

8.1.3 定义列表＜dl＞ 71

8.2 嵌套列表 72

8.2.1 无序与有序嵌套列表 72

8.2.2 定义嵌套列表 73

8.3 小实例——列表在网页中的应用 74

8.4 知识点提炼 75

8.5 思考与练习 75

8.6 上机实例练习——制作一个多类别的新闻列表网页 76

第9章 超链接 77

9.1 超链接概述 77

9.2 超链接路径 78

9.2.1 绝对路径 78

9.2.2 相对路径 78

9.2.3 根路径 79

9.3 超链接的使用 79

9.3.1 创建内部链接 79

9.3.2 创建外部链接 80

9.4 小实例——超链接的应用 81

9.5 知识点提炼 82

9.6 思考与练习 82

9.7 上机实例练习——小型电子书 82

第10章 图片与多媒体的使用 83

10.1 图片 83

10.1.1 网页图片格式 83

10.1.2 插入图片方法 84

10.1.3 设置图片替代文本——alt 85

10.1.4 设置图片属性——width、height 86

10.1.5 添加图片链接＜a＞ 88

10.1.6 创建图片热区链接 90

10.2 多媒体＜embed＞ 91

10.2.1 插入音频 92

10.2.2 插入视频 92

10.2.3 插入Flash动画 93

10.3 知识点提炼 93

10.4 思考与练习 94

10.5 上机实例练习——多媒体网页制作 94

第11章 表格的应用 95

11.1 表格概述 95

11.1.1 表格结构＜table＞ 96

11.1.2 设置表格标题＜caption＞ 97

11.1.3 设置表格表头＜th＞ 98

11.2 表格属性 99

11.2.1 设置表格宽度和高度——width和height 99

11.2.2 设置表格边框——border 100

11.2.3 设置表格边距cellpadding和间距cellspacing 101

11.2.4 内容水平对齐——align 102

11.2.5 内容垂直对齐——valign 103

11.2.6 设置跨行——rowspan 104

11.2.7 设置跨列——colspan 105

11.3 表格嵌套 106

11.4 小实例——表格在网页布局中的应用 107

11.5 用DW工具快速创建表格方法 108

11.6 知识点提炼 110

11.7 思考与练习 110

11.8 上机实例练习——利用表格布局制作一个网页 111

第12章 框架的应用 112

12.1 框架概述 112

12.2 框架的基本结构 113

12.3 设置框架集 113

12.3.1 左右分割——cols 114

12.3.2 上下分割rows 115

12.4 嵌套框架 115

12.5 设置框架＜frame＞ 116

12.5.1 设置框架源文件属性——src 117

12.5.2 设置框架名称——name 117

12.5.3 设置框架边框——frameborder 117

12.5.4 设置框架滚动条——scrolling 117

12.5.5 调整框架尺寸——noresize 118

12.6 浮动框架 118

12.6.1 设置浮动框架 118

12.6.2 浮动框架属性——width和height 119

12.7 小实例——利用框架制作电子简历 120

12.8 知识点提炼 121

12.9 思考与练习 121

12.10 上机实例练习——利用框架制作电子相册 121

第13章 表单的设计 122

13.1 表单标签 122

13.2 表单标签＜form＞ 122

13.3 表单域＜input/＞ 123

13.3.1 文本框——text 123

13.3.2 密码框——password 124

13.3.3 文件域——file 125

13.3.4 复选框——checkbox 125

13.3.5 单选按钮——radio 126

13.3.6 标准按钮——button 127

13.3.7 提交按钮——submit 128

13.3.8 重置按钮——reset 129

13.3.9 图像域——image 130

13.3.10 隐藏域——hidden 131

13.4 文本区域＜textarea＞ 131

13.5 下拉菜单＜select＞和列表项＜option＞ 132

13.6 小实例——在线报名表单设计 133

13.7 知识点提炼 136

13.8 思考与练习 136

13.9 上机实例练习——应聘简历表单设计 136

进阶篇 138

第14章 CSS样式表基础 138

14.1 CSS概述 138

14.2 CSS语法 138

14.3 CSS常用选择器 139

14.3.1 类选择符 139

14.3.2 id选择符 140

14.3.3 包含选择符 140

14.3.4 伪类 140

14.4 CSS使用方法 140

14.4.1 链入外部样式表 141

14.4.2 内部样式表 142

14.4.3 嵌入样式表 143

14.4.4 导入外部样式表 144

14.5 CSS特性和优先级问题 145

14.6 小实例——CSS样式的应用 146

14.7 知识点提炼 146

14.8 思考与练习 147

14.9 上机实例练习——利用外部样式设计一个网页 147

第15章 字体样式表 148

15.1 字体颜色——color 148

15.2 字体设置——font-family 149

15.3 字号设置——font-size 150

15.4 字体样式——font-style 152

15.5 字体加粗——font-weight 153

15.6 字体变体——font-variant 154

15.7 组合设置字体属性——font 155

15.8 小实例——利用CSS进行字体综合设置 156

15.9 知识点提炼 157

15.10 思考与练习 157

15.11 上机实例练习——制作利用CSS进行字体设置网页 158

第16章 段落样式表 159

16.1 调整字符间距——letter-spacing 159

16.2 调整单词间距——word-spacing 160

16.3 添加文本修饰——text-decoration 161

16.4 文本对齐方式——text-align 162

16.5 设置段落缩进——text-indent 163

16.6 设置行高——line-height 164

16.7 英文大小写转换——text-transform 165

16.8 小实例——利用CSS进行段落精确编排 166

16.9 知识点提炼 167

16.10 思考与练习 167

16.11 上机实例练习——制作一个利用CSS进行精美编排的网页 168

第17章 列表和背景 169

17.1 列表样式——list-style-type 169

17.2 列表图像——list-style-image 171

17.3 列表位置——list-style-position 172

17.4 设置背景颜色——background-color 173

17.5 设置背景图片——background-image 174

17.6 设置背景附件——background-attachment 175

17.7 设置背景图片重复——background-repeat 177

17.8 设置背景图片位置——background-position 178

17.9 综合设置背景——background 180

17.10 小实例——字体和背景的综合应用 181

17.11 知识点提炼 182

17.12 思考与练习 182

17.13 上机实例练习——利用背景和列表样式制作新闻列表 183

第18章 CSS盒子模型 184

18.1 CSS盒子模型概述 184

18.2 CSS内边距——padding 184

18.3 CSS边框——border 186

18.3.1 边框样式——border-style 187

18.3.2 边框颜色——border-color 189

18.3.3 边框宽度——border-width 190

18.4 CSS外边距——margin 192

18.5 盒子模型显示——display 193

18.6 小实例——盒子模型的综合应用 195

18.7 知识点提炼 196

18.8 思考与练习 196

18.9 上机实例练习——利用盒子模型制作照片边框效果 197

第19章 DIV+CSS页面布局 198

19.1 层的创建＜div＞ 198

19.2 创建嵌套层 199

19.3 层的常见属性 200

19.4 CSS定位 201

19.4.1 定位方式——position 201

19.4.2 堆叠顺序——z-index 203

19.4.3 CSS浮动——float 203

19.4.4 浮动清除——clear 204

19.4.5 溢出设置——overflow 205

19.4.6 可见设置——visibility 206

19.5 页面内容样式设计 207

19.5.1 垂直导航菜单 207

19.5.2 水平导航菜单 208

19.5.3 新闻列表 208

19.5.4 图文混排 209

19.6 小实验——DIV+CSS页面布局 210

19.7 知识点提炼 212

19.8 思考与练习 212

19.9 上机实例练习——利用DIV+CSS布局一个网页 213

高级篇 216

第20章 JavaScript概述 216

20.1 JavaScript语言概况 216

20.2 JavaScript的特点 216

20.3 JavaScript使用方法 217

20.4 知识点提炼 218

20.5 思考与练习 218

20.6 上机实例练习——写一个带JS的网页 219

第21章 JavaScript基本语法 220

21.1 基本数据类型 220

21.2 运算符 220

21.2.1 算术运算符 221

21.2.2 逻辑运算符 222

21.2.3 比较运算符 224

21.3 程序结构 225

21.3.1 If语句 225

21.3.2 Switch语句 226

21.3.3 For语句 228

21.3.4 While与Do…While 228

21.4 函数 230

21.4.1 有参函数 230

21.4.2 无参函数 231

21.5 小实例——用户登录 232

21.6 知识点提炼 233

21.7 思考与练习 233

21.8 上机实例练习——编写一个求长方体体积的程序网页 234

第22章 JavaScript事件分析 235

22.1 事件概述 235

22.2 主要事件 235

22.2.1 鼠标单击事件onClick 236

22.2.2 内容改变事件onChange 237

22.2.3 内容选择事件onSelect 238

22.2.4 聚焦事件onFocus 238

22.2.5 失焦事件onBlur 239

22.2.6 装载事件onLoad 240

22.2.7 卸载事件onUnload 240

22.2.8 鼠标事件onMouseOver 241

22.2.9 鼠标移开事件onMouseOut 242

22.3 小实例——主要事件综合应用 242

22.4 知识点提炼 243

22.5 思考与练习 243

22.6 上机实例练习——制作鼠标经过图片放大效果 244

第23章 JavaScript对象 245

23.1 对象概述 245

23.2 浏览器对象 246

23.2.1 Navigator对象 246

23.2.2 Location对象 247

23.2.3 Window对象 248

23.2.4 Document对象 250

23.2.5 History对象 250

23.3 内置对象和方法 251

23.4 小实例——对象的综合应用 252

23.5 知识点提炼 253

23.6 思考与练习 253

23.7 上机实例练习——编写显示客户端系统及当前时间的网页 254

实战篇 256

第24章 综合案例 256

24.1 网站开发与发布流程 256

24.1.1 网站开发流程 256

24.1.2 网站发布流程 257

24.2 花店系统前端开发过程 257

24.3 知识点提炼 265

24.4 思考与练习 265

扩展篇 268

第25章 全新的HTML—HTML5 268

25.1 初识HTML5 268

25.2 HTML5语法结构 269

25.3 HTML5页面架构元素 269

25.4 元素的改变 270

25.4.1 新增元素 271

25.4.2 停止使用的元素 277

25.5 属性的改变 277

25.5.1 新增的属性 278

25.5.2 停止使用的属性 278

25.5.3 全局属性 279

25.6 知识点提炼 282

25.7 思考与练习 282

第26章 HTML5的表单 283

26.1 新的input输入类型及属性 283

26.1.1 新的input输入类型 283

26.1.2 新的input公用属性 288

26.2 表单的验证方式 293

26.2.1 调用checkValidity（）方法实现验证 293

26.2.2 调用setCustomValidity（）方法实现验证 294

26.2.3 设置不验证 295

26.3 知识点提炼 296

26.4 思考与练习 296

参考文献 297