Web前端开发实例教程-HTML、CSS、JavaSc2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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

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

准备篇2

第1章 Web技术综述2

1.1 Internet基础2

1.1.1 TCP/IP2

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 设置网页关键词——keywords48

6.1.4 设置网页描述——description48

6.2 文件主体内容49

6.2.1 设置页面背景——bgcolor49

6.2.2 设置背景图片——background50

6.2.3 设置页面边距51

6.2.4 设计正文颜色——text52

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 设置图片替代文本——alt85

10.1.4 设置图片属性——width、height86

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和height99

11.2.2 设置表格边框——border100

11.2.3 设置表格边距cellpadding和间距cellspacing101

11.2.4 内容水平对齐——align102

11.2.5 内容垂直对齐——valign103

11.2.6 设置跨行——rowspan104

11.2.7 设置跨列——colspan105

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 左右分割——cols114

12.3.2 上下分割rows115

12.4 嵌套框架115

12.5 设置框架＜frame＞116

12.5.1 设置框架源文件属性——src117

12.5.2 设置框架名称——name117

12.5.3 设置框架边框——frameborder117

12.5.4 设置框架滚动条——scrolling117

12.5.5 调整框架尺寸——noresize118

12.6 浮动框架118

12.6.1 设置浮动框架118

12.6.2 浮动框架属性——width和height119

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 文本框——text123

13.3.2 密码框——password124

13.3.3 文件域——file125

13.3.4 复选框——checkbox125

13.3.5 单选按钮——radio126

13.3.6 标准按钮——button127

13.3.7 提交按钮——submit128

13.3.8 重置按钮——reset129

13.3.9 图像域——image130

13.3.10 隐藏域——hidden131

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 字体颜色——color148

15.2 字体设置——font-family149

15.3 字号设置——font-size150

15.4 字体样式——font-style152

15.5 字体加粗——font-weight153

15.6 字体变体——font-variant154

15.7 组合设置字体属性——font155

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

15.9 知识点提炼157

15.10 思考与练习157

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

第16章 段落样式表159

16.1 调整字符间距——letter-spacing159

16.2 调整单词间距——word-spacing160

16.3 添加文本修饰——text-decoration161

16.4 文本对齐方式——text-align162

16.5 设置段落缩进——text-indent163

16.6 设置行高——line-height164

16.7 英文大小写转换——text-transform165

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

16.9 知识点提炼167

16.10 思考与练习167

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

第17章 列表和背景169

17.1 列表样式——list-style-type169

17.2 列表图像——list-style-image171

17.3 列表位置——list-style-position172

17.4 设置背景颜色——background-color173

17.5 设置背景图片——background-image174

17.6 设置背景附件——background-attachment175

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

17.8 设置背景图片位置——background-position178

17.9 综合设置背景——background180

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

17.11 知识点提炼182

17.12 思考与练习182

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

第18章 CSS盒子模型184

18.1 CSS盒子模型概述184

18.2 CSS内边距——padding184

18.3 CSS边框——border186

18.3.1 边框样式——border-style187

18.3.2 边框颜色——border-color189

18.3.3 边框宽度——border-width190

18.4 CSS外边距——margin192

18.5 盒子模型显示——display193

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 定位方式——position201

19.4.2 堆叠顺序——z-index203

19.4.3 CSS浮动——float203

19.4.4 浮动清除——clear204

19.4.5 溢出设置——overflow205

19.4.6 可见设置——visibility206

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…While228

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 鼠标单击事件onClick236

22.2.2 内容改变事件onChange237

22.2.3 内容选择事件onSelect238

22.2.4 聚焦事件onFocus238

22.2.5 失焦事件onBlur239

22.2.6 装载事件onLoad240

22.2.7 卸载事件onUnload240

22.2.8 鼠标事件onMouseOver241

22.2.9 鼠标移开事件onMouseOut242

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—HTML5268

25.1 初识HTML5268

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