HTML+CSS+JavaScript网页设计实用教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML+CSS+JavaScript网页设计实用教程PDF格式电子书版下载

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

第1章 HTML基础14

1.1 了解Internet相关知识14

1.1.1 TCP/IP协议14

1.1.2 IP地址和域名14

1.1.3 URL15

1.1.4 Web浏览器15

1.2 网页与网站16

1.2.1 网页与网站的关系16

1.2.2 静态网页与动态网页16

1.3 HTML、CSS与JavaScript17

1.3.1 HTML、CSS和JavaScript代码17

1.3.2 HTML在网页中的作用18

1.3.3 CSS在网页中的作用18

1.3.4 JavaScript在网页中的作用18

1.4 HTML网页技术19

1.4.1 HTML概述19

1.4.2 HTML文档结构19

1.4.3 HTML中的标签形式20

1.4.4 编写HTML时需要注意的问题20

1.5 了解XHTML20

1.5.1 什么是XHTML20

1.5.2 XHTML的文档结构21

1.5.3 XHTML的代码规范21

1.5.4 XHTML的文档类型23

1.5.5 名字空间23

1.5.6 使用XHTML的优势23

1.6 两种编写HTML的方法24

1.6.1 使用记事本编写24

课堂案例 使用记事本编写HTML页面24

1.6.2 使用Dreamweaver编写25

课堂案例 使用Dreamweaver编写网页27

1.7 网页设计制作流程28

1.7.1 前期网站策划28

1.7.2 规划站点结构28

1.7.3 收集网站相关素材28

1.7.4 网页的版式与布局分析29

1.7.5 确定网页配色29

1.7.6 设计网站页面30

1.7.7 切割和优化网页图像30

1.7.8 制作网站HTML页面30

1.7.9 开发动态网站模块30

1.7.10 申请域名和服务器空间30

1.7.11 测试并上传网站30

1.7.12 网站的更新与维护30

1.8 本章小结30

1.9 课后习题30

1.9.1 课后习题：制作简单的HTML页面31

第2章 HTML整体结构设置32

2.1 网页头部＜head＞标签32

2.1.1 网页标题＜title＞标签32

2.1.2 网页说明description33

2.1.3 网页关键字keywords33

2.1.4 网页编码格式charset33

2.1.5 网页编辑工具generator34

2.1.6 网页作者信息author34

2.1.7 网页定时跳转refresh34

2.1.8 网页基址＜base＞标签35

课堂案例 综合设置网页头信息35

2.2 网页主体＜body＞标签37

2.2.1 网页边距margin37

2.2.2 网页默认文字颜色text37

课堂案例 设置网页文字38

2.2.3 默认链接文字link39

课堂案例 设置网页链接文字40

2.2.4 网页背景颜色bgcolor41

2.2.5 网页背景图片background42

课堂案例 设置网页背景效果42

2.3 本章小结44

2.4 课后习题44

2.4.1 课后习题1：设置插画设计网站头信息44

2.4.2 课后习题2：综合设置网页整体外观44

第3章 HTML中文本与段落设置46

3.1 网页文本处理46

3.1.1 在网页中输入文字的方法46

3.1.2 在文本中插入空格46

3.1.3 插入特殊字符47

课堂案例 在网页中输入文本48

3.1.4 文本换行＜br／＞标签49

3.1.5 文本强制不换行＜nobr＞标签49

课堂案例 对文本进行换行49

3.1.6 文本分段＜p＞标签50

3.1.7 段落文本对齐51

课堂案例 段落文本处理51

3.2 设置网页字体52

3.2.1 设置字体52

3.2.2 设置文字大小53

3.2.3 设置文字颜色53

课堂案例 设置文字效果54

3.2.4 文字加粗＜b＞和＜strong＞标签55

3.2.5 文字倾斜＜i＞和＜em＞标签55

3.2.6 文字下划线＜u＞标签55

课堂案例 修饰网页中的文字56

3.2.7 上标与下标文字57

3.2.8 标题文字＜h1＞至＜h6＞标签57

课堂案例 在网页中创建标题文字58

3.3 水平线59

3.3.1 在网页中插入水平线59

3.3.2 设置水平线宽度和高度59

3.3.3 设置水平线的颜色60

3.3.4 水平线对齐方式60

3.3.5 去除水平线阴影60

课堂案例 为网页文本添加水平分割线61

3.4 滚动文本62

3.4.1 文本滚动＜marquee＞标签62

3.4.2 设置文本滚动方向62

3.4.3 文本滚动的方式和速度62

课堂案例 制作网站滚动公告63

3.5 本章小结65

3.6 课后习题65

3.6.1 课后习题1：制作广告促销页面65

3.6.2 课后习题2：制作文章页面66

第4章 HTML中列表设置68

4.1 HTML中列表的组成68

4.2 列表设置68

4.2.1 无序列表＜ul＞标签68

课堂案例 制作无序新闻列表69

4.2.2 有序列表＜ol＞标签70

课堂案例 制作音乐排行榜71

4.2.3 定义列表＜dl＞标签72

课堂案例 制作论坛列表72

4.2.4 目录列表＜dir＞标签73

4.2.5 菜单列表＜menu＞标签74

4.3 本章小结74

4.4 课后习题74

4.4.1 课后习题1：制作网站新闻公告74

4.4.2 课后习题2：制作玩家排行75

第5章 HTML中图像设置76

5.1 了解网页中的图像格式76

5.1.1 网页常用图像格式76

5.1.2 选择合适的图像格式77

5.2 在网页中插入图像77

5.2.1 图像标签＜img＞77

5.2.2 设置图像宽度和高度78

5.2.3 设置图像边框79

课堂案例 制作个人网站欢迎页79

5.2.4 设置图像水平间距和垂直间距81

5.2.5 设置图像相对于文字的对齐方式82

5.2.6 设置图像的替代文字82

课堂案例 制作图文混排页面83

5.3 本章小结84

5.4 课后习题84

5.4.1 课后习题1：制作个性网站页面84

5.4.2 课后习题2：制作图像页面85

第6章 HTML中超链接设置86

6.1 了解超链接和链接路径86

6.1.1 什么是超链接86

6.1.2 相对路径86

6.1.3 绝对路径87

6.1.4 根路径88

6.2 创建超链接88

6.2.1 超链接＜a＞标签88

6.2.2 超链接打开方式target属性88

6.2.3 超链接提示alt属性89

课堂案例 为文字和图像设置超链接89

6.2.4 创建E-mail链接90

课堂案例 设置网页电子邮件链接90

6.2.5 特殊超链接91

课堂案例 设置网页中的特殊链接92

6.2.6 脚本链接93

课堂案例 创建关闭网页窗口链接93

6.3 创建锚点链接94

6.3.1 插入锚点94

6.3.2 设置锚点链接94

课堂案例 制作游戏角色介绍页面95

6.4 创建图像超链接96

6.4.1 图像超链接96

6.4.2 图像热点区域链接96

课堂案例 为网页图像创建热点链接97

6.5 本章小结98

6.6 课后习题98

6.6.1 课后习题1：设置网页中的基础链接98

6.6.2 课后习题2：设置其他特殊链接99

第7章 HTML中多媒体设置100

7.1 多媒体标签＜embed＞100

7.1.1 插入Flash动画100

课堂案例 制作Flash欢迎页101

7.1.2 插入FLV视频102

课堂案例 在网页中插入FLV视频103

7.2 添加背景音乐104

7.2.1 网页中所支持的音频格式104

7.2.2 背景音乐＜bgsound＞标签104

7.2.3 设置背景音乐循环播放次数105

课堂案例 为网页添加背景音乐105

7.2.4 嵌入音频107

课堂案例 在网页中嵌入音频播放条107

7.3 插入普通视频108

7.3.1 网页中所支持的视频文件格式108

7.3.2 插入视频108

课堂案例 制作视频网页109

7.4 本章小结110

7.5 课后习题110

7.5.1 课后习题1：个人Flash网站110

7.5.2 课后习题2：为设计网站添加背景音乐110

第8章 HTML中表单元素的设置112

8.1 表单＜form＞112

8.1.1 插入表单＜form＞标签112

8.1.2 表单动作112

8.1.3 表单传送方式113

8.1.4 表单编码方式113

8.1.5 目标显示方式114

8.2 插入表单元素114

8.2.1 文本字段114

8.2.2 密码字段114

8.2.3 图像域115

课堂案例 用户登录界面115

8.2.4 文本区域117

8.2.5 隐藏域118

8.2.6 复选框118

课堂案例 制作网站调查118

8.2.7 单选按钮120

课堂案例 制作网站投票121

8.2.8 列表／菜单122

课堂案例 制作网站搜索123

8.2.9 文件域125

8.2.10 按钮125

8.3 本章小结125

8.4 课后习题126

8.4.1 课后习题1：制作用户登录框126

8.4.2 课后习题2：制作用户留言126

第9章 HTML中表格和Div的应用128

9.1 了解表格128

9.2 创建表格128

9.2.1 表格＜table＞标签128

9.2.2 表格标题＜caption＞标签129

9.2.3 表头＜th＞标签130

课堂案例 创建一周学习安排表130

9.3 表格结构标签132

9.3.1 表格头部132

9.3.2 表格主体132

9.3.3 表格尾部133

课堂案例 制作学生成绩数据表133

9.4 设置表格属性135

9.4.1 设置表格宽度和高度135

9.4.2 表格的对齐方式135

9.4.3 表格的边框粗细136

9.4.4 表格边框颜色137

9.4.5 表格的背景颜色和背景图像137

课堂案例 为表格设置背景图像138

9.5 设置单元行和单元格属性139

9.5.1 设置单元行内容水平和垂直对齐139

9.5.2 单元格间距139

9.5.3 单元格边距140

9.5.4 合并单元格141

课堂案例 制作新闻列表141

9.6 Div设置142

9.6.1 插入Div142

9.6.2 Div属性设置143

课堂案例 制作网站形象页143

9.7 本章小结144

9.8 课后习题144

9.8.1 课后习题1：计划安排表144

9.8.2 课后习题2：网页欢迎页面145

第10章 HTML中框架的设置146

10.1 使用框架组织网页146

10.2 框架集＜frameset＞标签146

10.2.1 水平划分框架147

10.2.2 垂直划分框架147

10.2.3 嵌套的框架148

10.2.4 设置框架边框148

10.2.5 框架边框宽度149

10.2.6 框架边框颜色149

10.3 框架＜frame＞标签149

10.3.1 框架页面源文件149

10.3.2 框架名称150

10.3.3 调整框窗口尺寸150

10.3.4 框架与页面的水平和垂直边距150

10.3.5 设置框架滚动条显示150

10.3.6 不支持框架标签150

课堂案例 制作摄影网站150

10.4 Frame框架152

10.4.1 IFrame框架源文件152

10.4.2 IFrame框架的宽度和高度152

10.4.3 IFrame框架的对齐方式152

10.4.4 IFrame框架是否显示滚动条153

10.4.5 IFrame框架的边框153

课堂案例 制作产品页面153

10.5 本章小结154

10.6 课后习题154

10.6.1 课后习题1：制作化妆品网页154

10.6.2 课后习题2：制作个人作品网页155

第11章 CSS样式基础156

11.1 CSS样式在网页中的作用156

11.1.1 CSS样式概述156

11.1.2 使用CSS样式的好处157

11.1.3 CSS样式与浏览器157

11.2 CSS样式的语法158

11.2.1 如何编写CSS样式158

11.2.2 CSS样式的基本语法158

11.2.3 CSS样式的规则159

11.2.4 CSS样式能做什么159

11.2.5 CSS样式不能做什么160

11.3 基本CSS选择器160

11.3.1 通配选择器160

课堂案例 创建通配符CSS样式160

11.3.2 标签选择器161

11.3.3 类选择器162

课堂案例 创建标签和类CSS样式162

11.3.4 ID选择器163

课堂案例 创建ID CSS样式163

11.3.5 伪类选择器164

课堂案例 创建超链接伪类CSS样式165

11.3.6 群选择器166

11.3.7 派生选择器166

11.4 在HTML页面中使用CSS样式167

11.4.1 行内CSS样式167

课堂案例 应用行内CSS样式167

11.4.2 内部CSS样式168

课堂案例 应用内部CSS样式168

11.4.3 导入外部CSS样式表文件169

课堂案例 在网页中导入外部CSS样式169

11.4.4 链接外部CSS样式表文件170

课堂案例 在网页中链接外部CSS样式171

11.5 本章小结171

11.6 课后习题172

11.6.1 课后习题1：控制网页整体外观172

11.6.2 课后习题2：控制文本显示效果172

第12章 使用CSS设置文字和段落样式174

12.1 设置文字样式174

12.1.1 字体font-family174

12.1.2 字体大小font-size174

12.1.3 字体颜色color175

课堂案例 设置网页文字基本样式176

12.1.4 字体粗细font-weight176

12.1.5 字体样式font-style177

课堂案例设 置文字粗细和倾斜177

12.1.6 英文字体大小写text-transform178

12.1.7 文字修饰text-decoration178

课堂案例 设置英文内容修饰178

12.2 设置段落样式179

12.2.1 字间距letter-spacing179

12.2.2 行间距line-height180

12.2.3 段落首字下沉180

课堂案例 美化段落样式180

12.2.4 段落首行缩进text-indent181

12.2.5 段落水平对齐text-align181

课堂案例 设置段落缩进和水平对齐181

12.3 本章小结182

12.4 课后习题182

12.4.1 课后习题1：设置网页中文本样式182

12.4.2 课后习题2：设置网页中段落样式183

第13章 使用CSS设置列表和背景样式184

13.1 设置列表样式184

13.1.1 ul无序列表样式184

课堂案例 设置无序列表样式185

13.1.2 ol有序列表样式186

课堂案例 设置有序列表样式186

13.1.3 更改列表项目样式188

13.1.4 使用图片作为列表样式188

课堂案例 制作图像列表效果188

13.1.5 定义列表189

课堂案例 制作新闻列表189

13.2 设置背景样式190

13.2.1 定义页面背景颜色190

13.2.2 定义页面背景图像191

13.2.3 定义背景图像的重复方式191

课堂案例 为网页设置背景图像191

13.2.4 定义背景图像的位置193

课堂案例 背景图像的定位193

13.2.5 固定背景图像194

课堂案例 固定的网页背景图像194

13.3 本章小结195

13.4 课后习题195

13.4.1 课后习题1：制作网页新闻列表栏目195

13.4.2 课后习题2：为网页添加背景图像效果196

第14章 使用CSS设置图片和超链接样式198

14.1 设置图片样式198

14.1.1 定义图片边框198

课堂案例 为图片添加边框200

14.1.2 定义图片缩放201

课堂案例 设置网页中图像大小202

14.1.3 设置图片水平对齐203

课堂案例 控制网页中图像的水平对齐203

14 1.4 设置图片垂直对齐204

课堂案例 控制网页中图像的垂直对齐205

14.2 设置超链接样式206

14.2.1 超链接文字206

课堂案例 美化网页中的超链接文本207

14.2.2 按钮式超链接208

课堂案例 制作按钮导航菜单208

14.2.3 为超链接添加背景210

课堂案例 制作变换背景的导航菜单210

14.3 本章小结212

14.4 课后习题212

14.4.1 课后习题1：制作多彩图像边框212

14.4.2 课后习题2：制作不同超链接文字效果212

第15章 使用鼠标效果和CSS滤镜214

15.1 使用CSS定义鼠标效果214

15.1.1 使用CSS定义鼠标指针样式214

课堂案例 定义鼠标指针样式215

15.1.2 使用CSS定义鼠标变幻效果216

课堂案例 制作变化的鼠标指针216

15.2 CSS滤镜218

15.2.1 Alpha滤镜218

课堂案例 实现图像半透明效果218

15.2.2 BlendTrans滤镜220

15.2.3 Blur滤镜220

课堂案例 实现图像模糊效果220

15.2.4 Chroma滤镜221

15.2.5 DropShadow与Shadow滤镜221

课堂案例 为网页中元素添加阴影效果222

15.2.6 FlipH与FlipV滤镜223

课堂案例 实现元素的水平和垂直翻转223

15.2.7 Glow滤镜224

课堂案例 实现文字光晕效果225

15.2.8 Gray滤镜226

课堂案例 快速将网页设置为黑白效果226

15.2.9 Invert滤镜227

课堂案例 将网页处理为胶片效果227

15.2.10 Light滤镜228

15.2.11 Mask滤镜228

课堂案例 实现文字遮罩效果228

15.2.12 RevealTrans滤镜229

15.2.13 Wave滤镜230

15.2.14 Xray滤镜230

15.3 本章小结230

15.4 课后习题230

15.4.1 课后习题1：使用Wave滤镜实现波纹效果230

15.4.2 课后习题2：使用Xray滤镜实现X光照效果231

第16章 CSS布局232

16.1 关于CSS盒模型232

16.1.1 什么是CSS盒模型232

16.1.2 填充padding233

16.1.3 边框border233

课堂案例 设置填充和边框属性233

16.1.4 边界margin235

课堂案例 设置边界属性235

16.2 CSS布局理念236

16.2.1 使用Div分块236

16.2.2 控制各块的位置236

16.2.3 使用CSS定位237

16.3 浮动与定位237

16.3.1 浮动float237

课堂案例 网页布局中的浮动定位237

16.3.2 定位position238

16.3.3 空间位置z-index239

课堂案例 网页布局中的position定位239

16.4 页面内容居中布局241

16.4.1 使用自动空白边居中241

16.4.2 使用定位和负值空白边居中241

16.5 固定宽度布局241

16.5.1 一列固定宽度布局242

16.5.2 两列固定宽度布局242

16.5.3 两列固定宽度居中布局243

16.6 自适应宽度布局243

16.6.1 一列自适应宽度243

16.6.2 两列宽度自适应244

16.6.3 两列右列宽度自适应244

16.6.4 三列浮动中间宽度自适应244

16.6.5 自适应高度的解决办法245

16.7 Div标签与Span标签245

16.7.1 Div概述246

16.7.2 Div与Span区别246

16.8 CSS布局与传统表格布局的分别247

16.9 本章小结247

16.10 课后习题247

16.10.1 课后习题1：网页内容居中的布局247

16.10.2 课后习题2：固定的导航菜单248

第17章 JavaScript基础250

17.1 了解JavaScript250

17.1.1 什么是JavaScript250

17.1.2 JavaScript基础250

17.1.3 JavaScript的发展251

17.1.4 JavaScript的特点252

17.1.5 JavaScript在网页中的作用是什么252

17.2 在网页中使用JavaScript253

17.2.1 使用＜script＞标签253

17.2.2 独立的JavaScript文件253

17.2.3 事件处理代码253

17.3 编写一个简单的JavaScript253

课堂案例 输出三角形254

17.4 本章小结255

17.5 课后习题255

17.5.1 课后习题1：弹出提示信息255

第18章 JavaScript的语法基础256

18.1 JavaScript基础语法256

18.1.1 JavaScript代码格式256

18.1.2 ＜Script＞标签声明256

18.1.3 大小写规范257

18.1.4 添加注释257

18.1.5 JavaScript中的保留字257

18.1.6 输出方法257

18.2 JavaScript交互基本方法258

18.2.1 信息对话框258

课堂案例 实现网页弹出信息对话框259

18.2.2 选择对话框259

课堂案例 网页弹出选择对话框260

18.2.3 显示提示的对话框261

课堂案例 在网页中使用提示对话框261

18.3 变量262

18.3.1 什么是变量262

18.3.2 变量的声明和使用262

18.4 数据类型262

18.4.1 什么是数据类型263

18.4.2 基本的数据类型263

课堂案例 字符串数据类型的用法263

课堂案例 布尔数据类型的用法264

18.5 运算符265

18.5.1 运算符与表达式265

课堂案例 表达式的合并用法265

18.5.2 基本的运算符266

课堂案例 加法运算符的灵活运用267

18.5.3 关系运算符268

课堂案例 关系运算符的运用269

18.5.4 逻辑运算符270

课堂案例 逻辑运算符的运用270

18.5.5 其他常用运算符271

18.6 条件和循环语句272

18.6.1 if条件语句272

课堂案例 if条件语句的运用272

18.6.2 switch条件语句273

课堂案例 switch条件语句的运用273

18.6.3 while循环语句274

课堂案例 while循环语句的运用274

18.6.4 do…while循环语句275

18.6.5 for循环276

课堂案例 for循环语句的运用276

18.6.6 for…in循环277

课堂案例 for…in循环语句的运用278

18.6.7 如何合理控制循环语句278

课堂案例 合理控制循环语句279

18.7 本章小结279

18.8 课后习题279

18.8.1 课后习题1：使用switch判断语句280

18.8.2 课后习题2：制作倒计时效果280

第19章 JavaScript中的事件响应282

19.1 事件概述282

19.1.1 事件和事件处理程序282

19.1.2 HTML元素常用事件282

19.1.3 如何使用事件283

19.2 常用事件284

19.2.1 click事件284

课堂案例 在网页中使用click事件284

19.2.2 change事件285

课堂案例 在网页中使用change事件285

19.2.3 select事件286

课堂案例 在网页中使用select事件286

19.2.4 focus事件288

课堂案例 在网页中使用focus事件288

19.2.5 load事件289

课堂案例 在网页中使用load事件289

19.2.6 onblur事件290

课堂案例 在网页中使用onblur事件290

19.2.7 鼠标移动事件291

19.3 其他常用事件291

19.4 本章小结293

19.5 课后习题293

19.5.1 课后习题1：使用click事件实现打印网页293

19.5.2 课后习题2：使用change事件实现选择提示294

第20章 JavaScript中的函数296

20.1 什么是JavaScript函数296

20.2 定义JavaScript函数296

20.2.1 函数一般定义方式297

课堂案例 使用function定义函数297

20.2.2 函数变量定义方式298

课堂案例 使用new function（）定义函数298

20.2.3 函数指针调用方式299

20.3 对象的声明和引用300

20.3.1 对象声明和实例化300

20.3.2 引用对象300

课堂案例 声明对象并实例化300

20.4 什么是面向对象编程302

20.5 JavaScript核心对象302

20.5.1 数组对象array302

课堂案例 制作产品列表303

20.5.2 日期对象date304

课堂案例 在网页中显示系统日期和时间304

20.5.3 数学运算对象Math305

课堂案例 数学运算对象的使用305

20.5.4 字符串对象String306

课堂案例 字符串对象的使用306

20.6 JavaScript浏览器对象模型307

20.6.1 浏览器信息对象navigator307

课堂案例 显示浏览器系统信息308

20.6.2 窗口对象window308

课堂案例 实现关闭网页浏览器窗口功能309

20.6.3 位置对象location310

20.6.4 历史对象history310

课堂案例 history对象的使用310

20.6.5 系统显示信息对象screen311

课堂案例获取屏幕信息312

20.7 JavaScript文档对象模型313

20.7.1 文档对象模型简介313

20.7.2 document对象属性313

20.7.3 document对象方法314

课堂案例 动态改变文档属性314

20.8 本章小结315

20.9 课后习题315

课后习题1：制作打开浏览器窗口315

课后习题2：制作简单的网页动画316

第21章 JavaScript实现网页动态效果318

21.1 JavaScript实现网页文字特效318

21.1.1 可选择文章字体大小318

课堂案例 可选择文章字体大小318

21.1.2 实现打字效果319

课堂案例 实现打字效果319

21.2 JavaScript实现网页图像特效321

21.2.1 图像切换效果321

课堂案例 图像切换效果321

21.2.2 网站相册效果323

课堂案例 网站相册效果323

21.3 JavaScript实现导航菜单特效324

21.3.1 网站下拉导航菜单324

课堂案例 网站下拉导航菜单324

21.3.2 实现动态菜单效果326

课堂案例 动态导航菜单326

21.4 本章小结327

第22章 综合案例328

22.1 制作保健品网站328

课堂案例 制作保健品网站328

22.2 制作食品网站335

课堂案例 制作食品网站336

22.3 制作儿童产品网站346

课堂案例 制作儿童产品网站346

22.4 制作电器公司网站350

课堂案例 制作电器公司网站351

22.5 本章小结359