正版 HTML+CSS+JavaScript前端开发(慕课版)(本科) 陈洁,杨瑞梅

第1章 网页设计基础　1
1.1　万维网概述　2
1.2　HTML 的概念　2
1.3　HTML 开发组织　2
1.4　网页设计相关概念　2
1.4.1　超链接　3
1.4.2　统一资源定位器　3
1.4.3　网站　3
1.4.4　网页　3
1.4.5　首页　3
1.5　网页的开发工具和浏览工具　3
1.5.1　网页开发工具　3
1.5.2　网页浏览工具　5
1.5.3　Dreamweaver 的使用　6
1.6　网页制作相关技术　7
1.6.1　客户端应用技术　7
1.6.2　服务器端应用技术　9
小结　10
习题　10
第2章　初识HTML　11
2.1　HTML 概述　12
2.1.1　HTML 发展历史　12
2.1.2　HTML 文件基本结构　12
2.1.3　使用Dreamweaver 创建一个HTML5 页面　13
实例：使用Dreamweaver　实现网页导航
2.2　文字标签　15
2.2.1　显示普通文字　15
2.2.2　输入特殊符号　15
2.2.3　标题字标签　15
2.2.4　修饰文字标签　15
2.2.5　修饰字体标签　16
实例：呈现网页中的商品详情信息
2.3　段落标签　17
2.3.1　段落标签

　17
2.3.2　取消文字换行标签　17
2.3.3　修饰段落的对齐属性align　17
实例：显示一则网页中的打折促销广告
2.3.4　保留原始排版标签

　18

实例：使用字母“o”组成“元旦快乐”四个字

2.4　图片标签与列表标签　19

2.4.1　插入图片标签　19

2.4.2　建立有序列表　19

实例：制作网页版心理测试问卷

2.4.3　建立无序列表　22

实例：实现51　购商场中的商品详情简介

2.4.4　建立定义列表　23

实例：应用定义列表展示商品内容

2.5　链接标签　25

2.5.1　建立文本链接　25

2.5.2　建立书签链接　26

实例：实现在网页中添加书签链接

小结　28

上机指导　28

习题　30

第3章　HTML 中的表格　31

3.1　绘制表格　32

3.1.1　设置表格的标题　32

3.1.2　设置表格的宽度和高度　32

3.1.3　设置表格的边框色　33

3.1.4　设置表格的对齐方式　33

3.1.5　设置表格的背景颜色　33

实例：实现商品页面

3.1.6　设置表格的背景图片　34

实例：利用表格实现商品列表并

设置背景图片

3.2　行标签的属性　35

3.2.1　设置行的高度　35

3.2.2　设置行的边框颜色　36

3.2.3　设置行的背景颜色　36

3.2.4　设置行的水平位置　36

3.2.5　设置行的垂直位置　36

实例：实现商城的商品布局

3.3　单元格标签的属性　38

3.3.1　设置单元格的大小　38

3.3.2　设置单元格的水平对齐属性　38

3.3.3　设置单元格的垂直对齐属性　39

3.3.4　设置单元格的水平跨度　39

3.3.5　设置单元格的垂直跨度　40

3.3.6　设置单元格的背景色　41

3.3.7　设置单元格的背景图片　41

3.3.8　单元格属性综合运用　41

实例：商场的手机商品页面

3.4　表头标签的属性　42

3.5　表格的结构标签　43

3.5.1　设置表首样式　43

3.5.2　设置表主体样式　44

3.5.3　设置表尾样式　45

小结　46

上机指导　46

习题　48

第4章　使用HTML 创建表单　49

4.1　表单概述　50

4.2　表单标签
　50

4.2.1　处理程序属性—action　50

4.2.2　表单名称属性—name　51

4.2.3　传送方法属性—method　51

4.2.4　编码方式属性—enctype　52

4.2.5　目标显示方式属性—target　53

4.3　输入标签　53

4.3.1　文本框—text　53

实例：实现51　购商城的登录界面账号文本框

4.3.2　密码域—password　54

实例：实现51　购商场的登录界面的密码域

4.3.3　“单选”按钮—radio　56

实例：实现51　购商城的购买页面中选择颜色的单选按钮

4.3.4　复选框—checkbox　57

实例：实现51　购商城的购物车界面选择所要结算商品的复选框

4.3.5　“普通”按钮—button　58

实例：实现51　购商城购买页面中加入购物车”和“立即购买”按钮

4.3.6　“提交”按钮—submit　59

实例：实现51　购商城的“提交”按钮

4.3.7　“重置”按钮—reset　60

实例：实现个人信息表重置

4.3.8　图像域—image　61

实例：实现商城的客服中心页面“和我联系”按钮

4.3.9　隐藏域—hidden　62

4.3.10　文件域—file　63

实例：实现商城的个人中心上传头像

4.4　文本域标签—textarea　64

实例：实现商城评价页面输入评价框

4.5　列表/菜单标签　65

实例：实现商城添加收货地址页面输入电话和地址的下拉菜单

4.6　HTML5 新增表单属性　66

小结　70

上机指导　70

习题　72

第5章　使用图像　73

5.1　图片的基本格式　74

5.2　添加图像—img　74

实例：通过标签添加图像，实现51　购商城首页的一个版块

5.3　设置图像属性　75

5.3.1　图像高度—height　75

实例：通过图像高度属性，实现51购商品详情里同一张图片的不同高度

5.3.2　图像宽度—width　76

实例：通过图像宽度属性，实现51购商品详情里同一张图片的不同宽度

5.3.3　图像边框—border　77

实例：通过图像边框属性，为图像添加边框

5.3.4　图像水平间距—hspace　78

实例：通过图像水平间距属性，为图像设置水平间距

5.3.5　图像垂直间距—vspace　79

实例：通过图像垂直间距属性，为图像设置垂直间距

5.3.6　图像相对于文字基准线的对齐方式—align　80

实例：通过align　属性，实现玫瑰的生长过程

5.3.7　图像的提示文字—title　81

实例：通过图像提示文字属性，实现鼠标放到图片上时出现提示文字

5.3.8　图像的替换文字—alt　82

实例：通过图像替换文字属性，为图像添加替换文字

5.4　使用标签插入avi 文件　83

5.4.1　avi 的源文件属性—dynsrc　83

实例：通过标签的dynsrc属性向页面中插入一个avi格式的视频文件

5.4.2　设定avi 文件循环次数属性—loop　84

实例：通过标签的dynsrc　属性向页面中插入一个avi 格式的视频文件，并通过loop

属性设置avi　文件的循环次数

5.4.3　设定avi 文件播放方式属性—start　84

实例：通过标签的dynsrc属性向页面中插入一个avi　格式的视频文件，并通

过start　属性设置avi 文件的播放方式

5.5　图像的超链接　86

5.5.1　设置图像的超链接　86

实例：给图像添加超链接实现51购商城中的手机展示功能

5.5.2　设置图像热区链接　87

实例：在图片中添加热区链接

小结　89

上机指导　89

习题　91

第6章　走进HTML 的多媒体世界　92

6.1　设置滚动文字　93

6.1.1　滚动文字标签—marquee　93

6.1.2　滚动方向属性—direction　93

6.1.3　滚动方式属性—behavior　94

实例：实现从不同方向，以不同方式滚动的商城的促销信息展示

6.1.4　滚动速度属性—scrollamount　95

6.1.5　滚动延迟属性—scrolldelay　95

6.1.6　滚动循环属性——loop　96

实例：实现以不同的滚动速度，滚动延迟以及滚动循环次数展

示的商城的促销信息

6.1.7　滚动范围属性—width、height　97

6.1.8　滚动背景颜色属性—bgcolor　97

实例：实现以不同的滚动范围、滚动背景颜色的商城的促销信

息展示

6.1.9　滚动空间属性—hspace、vspace　98

6.2