Web前端设计 HTML+CSS+jQuery技术教程PDF电子书下载

第一部分 3

第1章 Web基础知识 3

1.1 Internet的发展 3

1.1.1 Internet起源 3

1.1.2 计算机网络及其功能 4

1.1.3 分组交换思想 4

1.1.4 ARPANet 5

1.1.5 TCP/IP结构模型 5

1.1.6 IP地址 7

1.1.7 DNS域名系统 11

1.2 万维网与浏览器 13

1.2.1 万维网 13

1.2.2 万维网分布式服务特点 13

1.2.3 万维网的工作方式 14

1.3 C/S与B/S结构 14

1.3.1 C/S结构 14

1.3.2 B/S结构 15

1.4 互联网新技术及应用 16

1.4.1 IPv6 16

1.4.2 物联网 17

1.4.3 移动互联 18

1.4.4 云计算与大数据 18

小结 19

习题 19

第2章 HTML 20

2.1 认识HTML 20

2.1.1 创建第一个HTML网页 20

2.1.2 HTML术语 21

2.1.3 HTML4和HTML5 21

2.1.4 为HTML做好准备 22

2.2 文本元素 25

2.2.1 标题 25

2.2.2 文档标题 27

2.2.3 段落 28

2.2.4 换行 31

2.2.5 水平线 32

2.2.6 注释 33

2.2.7 节元素＜div＞ 34

2.3 超级链接 36

2.3.1 ＜a＞标签 36

2.3.2 路径和目录 37

2.3.3 组织网站目录结构 38

2.3.4 target属性 39

2.3.5 链接到页面内部的一个位置 39

2.3.6 邮件链接 41

2.3.7 创建下载链接 42

2.3.8 超链接综合应用 43

2.4 插入图片 49

2.4.1 img标签 49

2.4.2 使用图片做超链接 50

2.4.3 插入图片综合应用 51

2.5 表格 52

2.6 HTML5 54

2.6.1 基本HTML5文件 54

2.6.2 定义页面结构布局 56

2.6.3 视频和音频播放 58

小结 61

习题 62

第3章 CSS 63

3.1 CSS简介 63

3.2 将CSS插入网页 64

3.2.1 行内样式 64

3.2.2 内部样式表 64

3.2.3 外部样式表 67

3.2.4 层叠 68

3.2.5 CSS最佳实践 71

3.3 类选择符和id选择符 72

3.3.1 CSS语法 72

3.3.2 类选择符 73

3.3.3 id选择符 76

3.4 CSS常用属性 78

3.4.1 CSS字体 78

3.4.2 CSS文本 82

3.4.3 CSS背景 85

3.4.4 CSS边框 89

3.4.5 CSS外边距 91

3.4.6 CSS内边距 93

3.4.7 CSS盒模型 95

3.4.8 CSS伪类 101

3.5 CSS3 102

3.5.1 CSS3边框 103

3.5.2 CSS3渐变 105

3.5.3 CSS3文本效果 107

小结 108

习题 108

第4章 jQuery 110

4.1 JavaScript基础 110

4.1.1 基本数据类型 114

4.1.2 运算符 115

4.1.3 基本控制语句 116

4.1.4 函数 120

4.1.5 事件驱动和事件处理 122

4.1.6 基于对象的JavaScript语言 125

4.1.7 内部对象系统 131

4.1.8 实例 133

4.2 DOM简介 136

4.3 jQuery基础 138

4.3.1 初识jQuery 138

4.3.2 搭建jQuery运行环境 139

4.3.3 jQuery实战开发与应用 141

4.4 Ajax 148

小结 151

习题 151

第5章 Photoshop基础 153

5.1 Photoshop工作环境 153

5.2 Photoshop基本工具 154

5.2.1 图像选区 155

5.2.2 图像绘画与修饰 162

5.3 图像基本操作 177

5.3.1 图像打开和保存 177

5.3.2 图像类型查看 177

5.3.3 图像剪切和复制 179

5.3.4 图像形状变换 179

5.3.5 图像翻转变换 181

5.3.6 图像色相、饱和度和明度调整 181

5.3.7 图像亮度和对比度调整 181

5.3.8 图像尺寸调整 182

5.4 图层和滤镜 183

5.4.1 图层 183

5.4.2 滤镜 190

5.5 图像处理实例 191

5.5.1 制作网页导航菜单 191

5.5.2 美化网页图像 194

5.5.3 制作网页效果图 197

小结 201

习题 201

第6章 网页制作工具Dreamweaver 203

6.1 初识Dreamweaver 203

6.1.1 Dreamweaver工作流程概述 203

6.1.2 认识Dreamweaver CS5的工作界面 204

6.1.3 网页文档的基本操作 208

6.1.4 设置页面属性 209

6.1.5 规划与创建站点 212

6.2 制作简单网页 214

6.2.1 向网页中添加文本 214

6.2.2 向网页中添加图像 218

6.3 超链接使用 222

6.3.1 添加基本超链接 222

6.3.2 添加图像热点超链接 223

6.3.3 添加电子邮件的超链接 223

6.3.4 添加锚链接 224

6.3.5 添加空超链接 224

6.4 网页布局设计 224

6.4.1 使用表格布局网页 224

6.4.2 使用AP元素布局网页 228

6.4.3 使用框架布局网页 232

6.5 使用CSS样式表 235

6.5.1 使用CSS文件 236

6.5.2 网页中的CSS样式 240

小结 240

习题 240

第7章 动画制作工具Flash 242

7.1 Flash简介 242

7.1.1 Flash的特点 242

7.1.2 Flash的启动界面 243

7.1.3 Flash CS6的工作区 244

7.2 Flash的基本概念与操作 248

7.2.1 Flash的基本概念 248

7.2.2 动画的基本概念 251

7.3 动画制作 252

7.3.1 逐帧动画的制作 252

7.3.2 运动渐变动画的制作 254

7.3.3 遮罩动画的制作 258

7.3.4 引导层运动动画的制作 261

7.4 动画的测试、优化和发布 264

7.4.1 动画的测试 264

7.4.2 优化动画文件 264

7.4.3 文件的发布 265

7.4.4 动画文件的导出 266

小结 266

习题 267

第二部分 271

Chapter 1 HTML ＆ CSS Reference 271

1.1 HTML Reference 271

1.2 CSS Reference 273

Chapter 2 HTML 276

2.1 Getting to Know HTML 276

2.1.1 Hello,World-creating Your First HTML File 276

2.1.2 Terms of HTML 277

2.1.3 HTML and HTML5 277

2.1.4 Get Ready for HTML 278

2.2 Text Elements 280

2.2.1 Headings 280

2.2.2 Title 281

2.2.3 Paragraph 281

2.2.4 Single Line Break 282

2.2.5 Horizontal Rule 282

2.2.6 Comment 283

2.2.7 Division 283

2.3 Hyperlink 283

2.3.1 <a>Tag 283

2.3.2 Path and Directory 284

2.3.3 Organizing Website Directory Structure 285

2.3.4 The Target Attribute 285

2.3.5 Link to A Location on the Same Page 286

2.3.6 Link to Email Message 286

2.3.7 Create A Download Link 287

2.3.8 Project of Hyperlink 287

2.4 Insert Images 288

2.4.1 Img Tag 288

2.4.2 Use Img Element as Hyperlink 288

2.4.3 Project 289

2.5 Tables 289

2.6 HTML5 289

2.6.1 A Basic HTML5 Template 289

2.6.2 Define the Page's Structure 290

2.6.3 Video and Audio 292

Chapter 3 CSS 295

3.1 Introduction to CSS 295

3.2 Insert CSS to Web Page 296

3.2.1 Inline Style 296

3.2.2 Internal Style Sheet 296

3.2.3 External Style Sheet 298

3.2.4 Cascade in CSS 299

3.2.5 CSS Best Practices 301

3.3 Class and Id Selector 302

3.3.1 CSS Syntax 302

3.3.2 Class Selector 303

3.3.3 ID Selector 304

3.4 CSS Common Properties 305

3.4.1 CSS Font 305

3.4.2 CSS Text 307

3.4.3 CSS Background 308

3.4.4 CSS Border 310

3.4.5 CSS Margin 311

3.4.6 CSS Padding 312

3.4.7 CSS Box Model 313

3.4.8 CSS Pseudo-class 315

3.5 CSS3 315

3.5.1 CSS3 Borders 316

3.5.2 CSS3 Gradients 317

3.5.3 CSS3 Text Effects 318