网页设计与开发 HTML、CSS、JavaScript实例教程PDF电子书下载

第1章网页设计简介 1

1.1万维网概述 1

1.2HTML语言 2

1.3网页设计相关概念 3

1.3.1超链接 3

1.3.2统一资源定位器 4

1.3.3网站 5

1.3.4网页 5

1.3.5首页 5

1.4网页制作开发工具和网页浏览工具 6

1.4.1网页制作开发工具 6

1.4.2网页浏览工具 8

1.5网页制作相关技术 9

1.5.1CSS 9

1.5.2JavaScript 9

小结 9

习题1 9

实验1 10

第2章HTML基础介绍 11

2.1HTML文档结构 11

2.1.1基本结构 11

2.1.2头部内容 12

2.1.3主体内容 13

2.1.4编写网页的开头 13

2.2HTML基本语法 14

2.2.1标记语法 14

2.2.2属性语法 15

2.3注释 15

2.4编写HTML文件的注意事项 16

2.5实例 16

小结 17

习题2 18

实验2 18

第3章文字与段落 19

3.1文字内容 19

3.1.1添加文字 19

3.1.2标题字 19

3.1.3添加空格 21

3.1.4添加特殊符号 21

3.1.5注释语句 23

3.2文字样式 24

3.3文字修饰 25

3.3.1粗体、斜体、下划线 25

3.3.2删除线 26

3.3.3上标和下标 26

3.3.4设置文字标注 27

3.3.5设置地址文字 28

3.3.6设置等宽文字 29

3.4段落 30

3.4.1段落标记 30

3.4.2换行标记 30

3.4.3居中标记 32

3.4.4水平分隔线 32

3.4.5预格式化标记 33

3.4.6设置段落缩进 34

3.5小实例 35

小结 36

习题3 37

实验3 37

第4章列表 39

4.1列表简介 39

4.2无序列表 39

4.3有序列表 41

4.3.1有序列表及其编号样式 41

4.3.2编号起始值 41

4.3.3列表项样式 43

4.3.4列表项编号 43

4.4嵌套列表 44

4.5定义列表 46

4.6菜单列表和目录列表 47

4.7小实例 48

小结 49

习题4 50

实验4 50

第5章超链接 52

5.1超链接简介 52

5.2创建超链接 54

5.2.1设置超链接路径 55

5.2.2内部链接 56

5.2.3外部链接 56

5.3链接对象 57

5.3.1图片链接 57

5.3.2书签链接 58

5.3.3电子邮件链接 61

5.3.4 FTP链接 63

5.3.5下载文件的链接 63

5.4小实例 64

小结 67

习题5 67

实验5 68

第6章网页中的多媒体应用 70

6.1图片 70

6.1.1图片标记 70

6.1.2指定图像的高与宽 72

6.1.3指定图像的间距 73

6.1.4指定图像的对齐方式 74

6.1.5指定图片的边框与文字说明 77

6.2滚动文字 78

6.3背景音乐 80

6.4其他多媒体文件 81

6.5小实例 83

小结 85

习题6 85

实验6 85

第7章 表格 86

7.1表格 86

7.2表格标记 87

7.2.1表格标记概述 87

7.2.2表格标题 88

7.2.3表格表头 89

7.3表格属性修饰 90

7.3.1设置表格的边框属性 90

7.3.2设置表格的宽度和高度 91

7.3.3设置表格的背景颜色 91

7.3.4设置表格的背景图像 92

7.3.5设置边框样式 92

7.3.6设置表格单元格间距 93

7.3.7设置表格单元格边距 94

7.3.8设置表格的水平对齐属性 94

7.4设置行的属性 95

7.4.1行内容水平对齐 95

7.4.2行内容垂直对齐 97

7.5设置单元格的属性 97

7.5.1设置单元格跨行 98

7.5.2设置单元格跨列 99

7.6表格嵌套 100

7.7小实例 102

小结 105

习题7 105

实验7 106

第8章框架 108

8.1框架简介 108

8.1.1什么是框架 108

8.1.2框架的基本结构 108

8.2框架的设置 109

8.2.1窗口的水平分割 109

8.2.2窗口的垂直分割 110

8.2.3窗口的嵌套分割 111

8.2.4框架的边框 112

8.2.5框架的隐藏 113

8.3子窗口的设置 113

8.3.1指定子窗口显示网页 113

8.3.2定义子窗口名称 114

8.3.3控制子窗口滚动条 115

8.3.4调整子窗口的尺寸 115

8.3.5设置子窗口的边距 116

8.4浮动框架 116

8.5小实例 117

小结 120

习题8 120

实验8 121

第9章表单 122

9.1表单 122

9.1.1表单的结构 122

9.1.2get方法与post方法 123

9.2输入 124

9.2.1单行文本输入框 124

9.2.2提交按钮和重置按钮 125

9.2.3密码输入框 126

9.2.4复选框 127

9.2.5单选框 128

9.2.6图像按钮 129

9.2.7文件选择输入框 130

9.2.8隐藏框 131

9.3多行文本输入框 131

9.4下拉列表框 132

9.5小实例 135

小结 138

习题9 138

实验9 139

第10章使用CSS格式化网页 141

10.1理解CSS 141

10.1.1CSS的简介 141

10.1.2CSS构造 142

10.2样式表的定义与使用 143

10.2.1定义标记的style属性 143

10.2.2定义内部样式表 144

10.2.3嵌入外部样式表 145

10.2.4链接外部样式表 146

10.3定义选择符 147

10.3.1按照名称选择元素 147

10.3.2按照id和class选择元素 147

10.3.3按照上下文选择元素 149

10.3.4选择元素的一部分 150

10.3.5指定元素组 150

10.4文字与排版样式的使用 150

10.4.1长度、百分比单位 151

10.4.2文字样式属性 151

10.4.3排版样式属性 158

10.5背景与颜色的使用 163

10.5.1设置颜色的方法 163

10.5.2背景颜色的属性 164

10.5.3背景图片的属性 165

10.6美化网页与超链接的设置 168

10.6.1设置网页链接属性 168

10.6.2设置滚动条属性 170

10.6.3设置光标属性 170

10.7矩形模块的概念与使用 172

10.7.1矩形模块的概念 172

10.7.2设置边界 172

10.7.3设置元素边框 173

10.7.4设置元素内边界 177

10.8列表 179

10.9CSS的进阶应用 182

10.10小实例 185

小结 186

习题10 187

实验10 188

第11章JavaScript基础 189

11.1JavaScript起步 189

11.1.1JavaScript简介 189

11.1.2JavaScript实例 190

11.1.3JavaScript放置 192

11.2JavaScript程序 194

11.2.1语句和语句块 194

11.2.2函数 195

11.2.3常用系统函数 199

11.2.4消息对话框 201

11.2.5注释 202

11.3标识符和变量 202

11.3.1关于命名的规定 202

11.3.2JavaScript的数据类型 203

11.3.3变量 204

11.3.4转义字符 206

11.4运算符和表达式 206

11.4.1算术运算符和表达式 207

11.4.2赋值运算符和表达式 208

11.4.3关系运算符和表达式 209

11.4.4逻辑运算符和表达式 211

11.4.5条件运算符和表达式 211

11.4.6其他运算符和表达式 212

11.5JavaScript程序控制结构 212

11.5.1顺序程序 212

11.5.2分支程序 213

11.5.3循环程序 218

11.6常用对象 223

11.6.1对象简介 223

11.6.2核心对象 224

11.6.3文档 230

11.6.4窗口 236

11.7事件编程 240

11.7.1事件简介 240

11.7.2表单事件 242

11.7.3鼠标事件 243

11.7.4键盘事件 244

11.7.5页面载入和离开 244

11.8小实例 245

小结 247

习题11 248

实验11 250

第12章Web设计基础 251

12.1Web设计原则 251

12.1.1明确站点类型 251

12.1.2保持站点简洁明确 254

12.1.3页面设计一致性 255

12.1.4注重用户体验 256

12.2网站结构规划 256

12.2.1网站栏目规划 256

12.2.2目录结构规划 257

12.3网页布局 258

12.3.1布局设计原则 258

12.3.2布局设计类型 260

12.3.3布局设计元素 263

12.3.4布局设计技术 264

12.4内容设计 266

12.4.1文本 266

12.4.2多媒体 268

12.4.3内容排版 269

12.5色彩设计 270

12.5.1色彩基础 270

12.5.2网页中的色彩设计 271

小结 272

实验12 272

第13章页面布局技术 273

13.1表格布局方法 273

13.1.1表格布局的案例分析 273

13.1.2表格布局的操作方法 275

13.1.3表格布局实例制作 276

13.2DIV+CSS布局方法 278

13.2.1DIV+CSS布局的优势 278

13.2.2DIV+CSS布局的案例分析 279

13.2.3DIV+CSS布局的操作方法 281

13.2.4DIV+CSS页面布局实例制作 283

13.3页面导航布局方法 285

13.3.1页面导航的案例分析 286

13.3.2页面导航的实例制作 286

小结 290

实验13 290

第14章综合网站制作实例 292

14.1班级网站的规划与设计 292

14.1.1网站定位 292

14.1.2需求分析 292

14.1.3栏目设计 293

14.1.4站点定义与目录管理 293

14.1.5网站的风格设计 293

14.2网页设计与制作 294

14.2.1页面布局 294

14.2.2全局CSS定义 295

14.2.3首页制作 296

14.2.4二级页面制作 302

14.2.5内容页面制作 304

14.3网站测试与发布 304

14.3.1安装IIS服务器 304

14.3.2建立虚拟目录 304

14.3.3管理站点 306

小结 307

实验14 307

参考文献 308