网页设计与制作教程PDF电子书下载

第1章 网页制作基础知识 1

1.1 网络基础知识 1

1.1.1 Internet简介 1

1.1.2 WWW简介 2

1.1.3 浏览器 3

1.1.4 IP地址 3

1.1.5 域名 4

1.1.6 HTTP协议 6

1.1.7 URL 6

1.2 网页与网站的基础知识 7

1.2.1 网页、网页文件和网站 7

1.2.2 静态网页和动态网页 8

1.2.3 网页界面的构成 8

1.3 网站制作常用软件 10

1.3.1 网页制作工具 10

1.3.2 美化网页的基本工具 11

1.4 网页编程语言 12

1.5 网站建设的基本流程 13

第2章 了解HTML、CSS、JavaScript 15

2.1 认识HTML、CSS、JavaScript代码 15

2.1.1 HTML代码片段 15

2.1.2 CSS代码片段 16

2.1.3 JavaScript代码片段 17

2.2 HTML、CSS、JavaScript的作用 17

2.2.1 HTML在网页中的作用 18

2.2.2 CSS在网页中的作用 18

2.2.3 JavaScript在网页中的作用 19

2.3 如何学习HTML、CSS、JavaScript代码 20

2.3.1 先了解HTML、CSS、JavaScript的语法结构 20

2.3.2 借助Dreamweaver学习 20

2.4 HTML、CSS、JavaScript的综合应用 22

第3章 HTML基础知识 25

3.1 HTML基本语法概念 25

3.1.1 HTML标签语法 25

3.1.2 HTML标签属性 26

3.1.3 HTML文件的命名 26

3.1.4 编写HTML文件的注意事项 27

3.2 HTML文件头部内容 27

3.2.1 设置页面标题 27

3.2.2 设置基底网址 28

3.2.3 设置页面元信息 29

3.3 HTML文件主体内容 31

3.3.1 设置页面背景 31

3.3.2 设置页面边距 33

3.3.3 设置文本颜色 34

3.4 文字与段落 34

3.4.1 换行 35

3.4.2 添加注释 35

3.4.3 段落 36

3.4.4 添加特殊字符 37

3.4.5 预格式化 38

3.4.6 设置段落缩进 39

3.4.7 插入并设置水平线 40

3.5 建立和使用列表 42

3.5.1 列表类型 42

3.5.2 插入有序列表 42

3.5.3 插入无序列表 44

3.5.4 列表的嵌套 46

3.6 超链接的建立 47

3.6.1 插入内部链接 49

3.6.2 插入外部链接 50

3.7 插入图片 52

3.7.1 插入图像标签 52

3.7.2 图像提示文字 53

3.7.3 设置图片的宽度和高度 54

3.7.4 设置图像对齐方式 55

3.7.5 设置图像与文本之间的距离 56

3.8 综合应用实例 57

第4章 HTML表格的应用 66

4.1 表格的概述 66

4.1.1 设置基本表格结构 66

4.1.2 设置表格标题 67

4.1.3 设置表格表头 68

4.2 设置表格标签属性 70

4.2.1 设置表格的宽度 71

4.2.2 设置行的高度 72

4.2.3 设置表格的边框属性 73

4.2.4 设置边框的样式 74

4.3 设置表格行与单元格 76

4.3.1 调整行内容水平对齐 76

4.3.2 调整行内容垂直对齐 78

4.3.3 设置跨行 80

4.3.4 设置跨列 81

4.3.5 设置单元格间距 82

4.3.6 设置单元格边距 84

4.4 表格嵌套 86

4.5 综合应用实例 88

第5章 框架的应用 90

5.1 框架的概述 90

5.2 框架的基本结构 91

5.3 设置框架 91

5.3.1 设置框架源文件属性 91

5.3.2 添加框架名称 92

5.3.3 设置框架边框 93

5.3.4 显示框架滚动条 94

5.3.5 设置框架尺寸为不可调整 95

5.3.6 设置框架边缘宽度与高度 96

5.4 设置框架集 97

5.4.1 左右分隔窗口 98

5.4.2 上下分隔窗口 99

5.4.3 横纵分隔窗口 100

5.4.4 纵横分隔窗口 101

5.5 浮动框架 102

5.5.1 设置浮动框架源文件属性 102

5.5.2 设置浮动框架名称 103

5.5.3 设置浮动框架宽度和高度 104

5.6 在框架上建立链接 105

5.6.1 普通框架添加链接 105

5.6.2 浮动框架添加链接 106

5.7 框架的实际应用 107

第6章 表单的应用 110

6.1 表单概述 110

6.2 表单标签 111

6.3 信息输入 111

6.3.1 插入文本框 112

6.3.2 插入密码框 112

6.3.3 插入复选框 113

6.3.4 插入单选按钮 115

6.3.5 插入文件域 116

6.3.6 插入图像域 117

6.3.7 插入提交按钮 118

6.3.8 插入重置按钮 119

6.3.9 插入标准按钮 120

6.3.10 插入隐藏域 121

6.4 插入文本区域 122

6.5 插入下拉菜单和列表项 123

6.6 综合应用实例 125

第7章 CSS基础知识 127

7.1 CSS概述 127

7.1.1 CSS的基本概念 127

7.1.2 CSS的特点 127

7.1.3 CSS规范 128

7.2 CSS与HTML文档的结合方法 129

7.2.1 定义内部样式表 129

7.2.2 定义行内样式 130

7.2.3 链入外部样式表 131

7.2.4 导入外部样式表 133

7.3 CSS常用选择符 134

7.3.1 类型选择符 134

7.3.2 class类选择符 134

7.3.3 id选择符 136

7.3.4 通用选择符 138

7.3.5 包含选择符 139

7.3.6 分组选择符 140

7.3.7 伪类选择符 140

7.4 CSS设置文字的样式 142

7.4.1 设置文字的字体 142

7.4.2 设置字体的大小 143

7.4.3 设置字体的粗细 144

7.4.4 设置字体的倾斜 145

7.4.5 设置字体的修饰 146

7.4.6 设置字体的阴影 147

7.5 CSS设置段落格式 148

7.5.1 设置文字的对齐方式 148

7.5.2 设置首行缩进 149

7.5.3 设置行高 150

7.6 CSS设置网页背景 151

7.6.1 设置背景颜色 151

7.6.2 设置背景图像 152

7.7 div+CSS布局方法 154

7.7.1 div标签 154

7.7.2 CSS盒模型 155

7.7.3 盒模型的宽度与高度 157

7.8 CSS的定位 158

7.8.1 静态定位 158

7.8.2 相对定位 161

7.8.3 绝对定位 162

7.8.4 固定定位 163

7.9 浮动与清除浮动 164

7.9.1 浮动 164

7.9.2 清除浮动 166

7.10 综合应用实例 169

7.10.1 前期准备 170

7.10.2 制作页面 170

第8章 JavaScript基础知识 174

8.1 JavaScript语言概述 174

8.1.1 JavaScript语言的特点 174

8.1.2 在网页中加入JavaScript 174

8.1.3 JavaScript常用元素 175

8.1.4 简单的脚本程序 176

8.2 JavaScript基本数据结构 178

8.2.1 JavaScript基本数据类型 178

8.2.2 JavaScript表达式和运算符 179

8.3 JavaScript控制语句 180

8.3.1 if语句 180

8.3.2 for语句 181

8.3.3 switch语句 182

8.3.4 while与do…while语句 184

8.4 函数 186

8.4.1 有参函数调用 187

8.4.2 无参函数调用 188

8.5 对象的基本知识 189

8.5.1 用于操作对象的语句、关键词及运算符 189

8.5.2 对象属性的引用 190

8.5.3 对象方法的引用 192

8.5.4 浏览器内部对象 193

8.5.5 内置对象和方法 201

8.6 事件概念 202

8.6.1 鼠标单击事件onClick 202

8.6.2 文本框或列表框内容改变事件onChange 203

8.6.3 内容选中事件onSelect 205

8.6.4 聚焦事件onFocus 206

8.6.5 加载事件onLoad 208

8.6.6 卸载事件onUnload 209

8.6.7 失焦事件onBl ur 210

8.6.8 鼠标移入事件onMouseOver 211

8.6.9 鼠标移开事件onMouseOut 211

8.6.10 其他常用事件 212

8.7 综合应用实例 213