网页设计与开发 HTML、CSS、JavaScript实例教程【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

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

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

第1章 网页设计简介1

1.1 万维网概述1

1.2 HTML语言2

1.3 网页设计相关概念3

1.3.1 超链接4

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 网页制作相关技术8

1.5.1 CSS9

1.5.2 JavaScript9

小结9

习题9

实验10

第2章 HTML基础介绍11

2.1 HTML文档结构11

2.1.1 基本结构11

2.1.2 头部内容11

2.1.3 主体内容13

2.1.4 编写网页的开头13

2.2 HTML基本语法14

2.2.1 标记语法14

2.2.2 属性语法15

2.3 注释15

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

2.5 实例16

小结17

习题17

实验18

第3章 文字与段落19

3.1 文字内容19

3.1.1 添加文字19

3.1.2 标题字20

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 删除线25

3.3.3 上标、下标26

3.3.4 设置文字标注27

3.3.5 设置地址文字28

3.3.6 设置等宽文字28

3.4 段落29

3.4.1 段落标记29

3.4.2 换行标记30

3.4.3 居中标记31

3.4.4 水平分隔线32

3.4.5 预格式化标记33

3.4.6 设置段落缩进34

3.5 小实例35

小结36

习题37

实验37

第4章 列表39

4.1 列表简介39

4.2 无序列表39

4.3 有序列表40

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

4.3.2 编号起始值41

4.3.3 列表项样式42

4.3.4 列表项编号43

4.4 嵌套列表44

4.5 定义列表46

4.6 菜单列表和目录列表47

4.7 小实例49

小结50

习题50

实验50

第5章 超链接52

5.1 超链接简介52

5.2 创建超链接53

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 小实例65

小结67

习题67

实验68

第6章 表格70

6.1 表格简介70

6.2 表格标记和表格标题70

6.2.1 表格标记70

6.2.2 表格标题72

6.2.3 表格表头73

6.3 表格的属性修饰74

6.3.1 设置表格的边框属性75

6.3.2 设置表格的宽度和高度75

6.3.3 设置表格的背景颜色76

6.3.4 设置表格的背景图像76

6.3.5 设置边框样式77

6.3.6 设置表格的单元格间距78

6.3.7 设置表格的单元格边距78

6.3.8 设置表格的水平对齐属性79

6.4 设置表格行的属性79

6.4.1 行内容水平对齐80

6.4.2 行内容垂直对齐81

6.5 设置表格中某一单元格的属性82

6.5.1 设置单元格跨行82

6.5.2 设置单元格跨列84

6.6 表格嵌套85

6.7 小实例86

小结90

习题90

实验91

第7章 表单92

7.1 表单简介92

7.1.1 表单的结构92

7.1.2 get方法与post方法93

7.2 输入94

7.2.1 单行文本输入框94

7.2.2 提交按钮和重置按钮95

7.2.3 密码输入框96

7.2.4 复选框97

7.2.5 单选按钮98

7.2.6 图像按钮99

7.2.7 文件选择输入框100

7.2.8 隐藏框101

7.3 多行文本输入框102

7.4 下拉列表框103

7.5 小实例106

小结108

习题109

实验110

第8章 使用CSS格式化网页111

8.1 理解CSS111

8.1.1 CSS简介111

8.1.2 CSS的构造112

8.2 样式表的定义与使用113

8.2.1 定义标记的style属性113

8.2.2 定义内部样式表114

8.2.3 嵌入外部样式表115

8.2.4 链接外部样式表116

8.3 定义选择符117

8.3.1 按照名称选择元素117

8.3.2 按照id和class选择元素118

8.3.3 按照上下文选择元素119

8.3.4 选择元素的一部分120

8.3.5 指定元素组121

8.4 文字与排版样式的使用121

8.4.1 长度、百分比单位121

8.4.2 文字样式属性122

8.4.3 排版样式属性129

8.5 背景与颜色的使用134

8.5.1 设置颜色方法134

8.5.2 背景颜色的属性135

8.5.3 背景图片的属性136

8.6 美化网页与超链接的设置140

8.6.1 设置网页链接属性140

8.6.2 设置滚动条属性141

8.6.3 设置光标属性142

8.7 矩形模块的概念与使用144

8.7.1 矩形模块144

8.7.2 设置边界144

8.7.3 设置元素边框145

8.7.4 设置元素内边界150

8.8 列表样式151

8.9 DIV应用154

8.10 小实例157

小结159

习题159

实验160

第9章 CSS应用162

9.1 CSS与文字段落162

9.1.1 CSS文字与段落修饰162

9.1.2 新闻页面的设计实例162

9.2 CSS与列表167

9.2.1 CSS列表修饰167

9.2.2 导航条的设计实例168

9.3 CSS与超链接170

9.3.1 CSS超链接修饰170

9.3.2 电子相册的设计实例171

9.4 CSS与表格174

9.4.1 CSS表格修饰174

9.4.2 产品介绍页面的设计实例175

9.5 CSS与表单178

9.5.1 CSS表单修饰178

9.5.2 在线预订页面的设计实例180

小结183

习题183

实验184

第10章 JavaScript基础186

10.1 JavaScript起步186

10.1.1 JavaScript简介186

10.1.2 JavaScript的实例187

10.1.3 JavaScript的放置189

10.2 JavaScript程序191

10.2.1 语句和语句块191

10.2.2 函数192

10.2.3 常用系统函数197

10.2.4 消息对话框198

10.2.5 注释199

10.3 标识符和变量200

10.3.1 关于命名的规定200

10.3.2 JavaScript的数据类型201

10.3.3 变量202

10.3.4 转义字符203

10.4 运算符和表达式204

10.4.1 算术运算符和表达式204

10.4.2 赋值运算符和表达式205

10.4.3 关系运算符和表达式206

10.4.4 逻辑运算符和表达式208

10.4.5 条件运算符和表达式209

10.4.6 其他运算符和表达式209

10.5 JavaScript程序控制结构210

10.5.1 顺序程序210

10.5.2 分支程序210

10.5.3 循环程序216

10.6 常用对象221

10.6.1 对象简介221

10.6.2 核心对象222

10.6.3 文档229

10.6.4 窗口234

10.7 事件编程239

10.7.1 事件简介239

10.7.2 表单事件241

10.7.3 鼠标事件243

10.7.4 键盘事件243

10.7.5 页面的载入和离开244

10.8 小实例244

小结246

习题247

实验249

第11章 Web设计基础250

11.1 Web设计原则250

11.1.1 明确站点类型250

11.1.2 保持界面简洁、内容明确253

11.1.3 保持页面设计的一致性254

11.1.4 注重用户体验254

11.2 网站结构规划255

11.2.1 网站栏目规划255

11.2.2 目录结构规划256

11.3 网页布局257

11.3.1 布局设计原则257

11.3.2 布局设计类型259

11.3.3 布局设计元素262

11.3.4 布局设计技术263

11.4 内容设计265

11.4.1 文本265

11.4.2 多媒体266

11.4.3 内容排版268

11.5 色彩设计269

11.5.1 色彩基础269

11.5.2 网页中的色彩设计270

小结271

实验271

第12章 页面布局技术272

12.1 表格布局方法272

12.1.1 表格布局的案例分析272

12.1.2 表格布局的操作方法274

12.1.3 表格布局实例制作275

12.2 DIV+CSS布局方法277

12.2.1 DIV+CSS布局的优势278

12.2.2 DIV+CSS布局的案例分析278

12.2.3 DIV+CSS布局的操作方法280

12.2.4 DIV+CSS页面布局实例制作282

12.3 页面导航布局方法285

12.3.1 页面导航案例分析285

12.3.2 页面导航实例制作286

小结289

实验290

第13章 HTML5开发291

13.1 HTML5概述291

13.1.1 HTML5发展历程291

13.1.2 HTML5新特性292

13.1.3 HTML5浏览器支持293

13.2 HTML5语义化标签293

13.3 Canvas应用297

13.3.1 Canvas概述297

13.3.2 坐标与路径298

13.3.3 绘制矩形300

13.3.4 绘制圆形301

13.3.5 绘制图像302

13.3.6 图形渐变304

13.3.7 空间转换305

13.3.8 样式特效307

13.4 表单310

13.4.1 新增输入元素310

13.4.2 新增其他元素312

13.4.3 新增属性314

13.5 HTML5中的多媒体应用316

13.5.1 音频的应用317

13.5.2 视频的应用318

13.6 HTML5中的其他应用320

13.6.1 Web存储320

13.6.2 地理定位322

13.6.3 应用缓存322

13.6.4 Web Workers322

小结323

习题323

实验324

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

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

14.1.1 网站定位325

14.1.2 需求分析325

14.1.3 栏目设计326

14.1.4 站点定义与目录管理326

14.1.5 网站的风格设计327

14.2 网页设计与制作327

14.2.1 页面布局327

14.2.2 全局CSS的定义328

14.2.3 首页的制作330

14.2.4 二级页面的制作336

14.2.5 内容页面的制作338

14.3 网站的测试与发布339

14.3.1 安装IIS服务器339

14.3.2 建立虚拟目录339

14.3.3 管理站点340

小结341