第1章 网页设计与制作基础 1
1.1 网页与网站的概念 1
1.2 Web标准 1
1.2.1 Web标准的概念 1
1.2.2 建立Web标准的优点 2
1.2.3 理解表现和结构相分离 3
1.3 HTML语法基础 3
1.3.1 HTML简介 4
1.3.2 HTML语法结构 4
1.3.3 HTML语法规范 5
1.3.4 HTML文档结构 5
1.4 网页结构 6
1.5 创建HTML文档 8
1.6 页面摘要信息 9
1.6.1 ＜title＞标签 9
1.6.2 ＜meta＞标签 10
1.6.3 案例——制作光影世界页面摘要信息 10
1.7 注释和特殊符号 11
1.7.1 注释 11
1.7.2 特殊符号 11
1.8 课堂综合实训——制作家具商城页面的版权信息 12
习题 12
第2章 编辑网页元素 13
2.1 文字与段落排版 13
2.1.1 标题标签＜h≠＞…＜／h＃＞ 13
2.1.2 段落标签＜p＞…＜／p＞ 13
2.1.3 换行标签＜br／＞ 14
2.1.4 水平线标签＜hr／＞ 15
2.1.5 案例——制作光影世界关于我们页面 16
2.2 列表 17
2.2.1 无序列表 17
2.2.2 有序列表 18
2.2.3 定义列表 19
2.2.4 嵌套列表 20
2.3 超链接 21
2.3.1 超链接的基本概念 21
2.3.2 超链接的应用 22
2.3.3 案例——制作光影世界服务向导页面 26
2.4 图像 27
2.4.1 Web中常用的图像格式及使用要点 27
2.4.2 图像标签＜img＞ 28
2.4.3 图文混排 31
2.5 ＜div＞标签 32
2.6 ＜span＞标签 32
2.6.1 基本语法 32
2.6.2 span与div的区别 32
2.6.3 制作客照展示上传文件步骤及版权信息 33
2.7 课堂综合实训——制作家具商城简介页面 34
习题 34
第3章 网页布局与交互 36
3.1 表格 36
3.1.1 表格的结构 36
3.1.2 表格的基本语法 36
3.1.3 表格修饰 38
3.1.4 不规范表格 40
3.1.5 表格数据的分组标签 43
3.1.6 使用表格实现页面局部布局 44
3.2 表单 46
3.2.1 表单的工作机制 46
3.2.2 表单标签 46
3.2.3 表单元素 46
3.2.4 案例——制作光影世界会员注册表单 54
3.2.5 使用表格布局表单 56
3.3 课堂综合实训——制作家具商城客服中心表单 59
习题 60
第4章 CSS样式基础 62
4.1 初识CSS 62
4.1.1 CSS标准 62
4.1.2 CSS的发展历史 62
4.1.3 CSS代码规范 63
4.1.4 CSS的工作环境 64
4.2 HTML与CSS 64
4.2.1 传统HTML的缺点 65
4.2.2 CSS的优点 65
4.2.3 CSS的局限性 66
4.3 CSS的定义与使用 66
4.3.1 行内样式 66
4.3.2 内部样式表 67
4.3.3 链入外部样式表 68
4.3.4 导入外部样式表 69
4.3.5 案例——制作光影世界服务简介页面 70
4.4 CSS语法基础 72
4.4.1 CSS样式规则 73
4.4.2 基本选择符 74
4.4.3 复合选择符 76
4.4.4 通用选择符 78
4.4.5 属性选择符 80
4.4.6 特殊选择符 83
4.5 CSS的属性单位 85
4.5.1 长度、百分比单位 85
4.5.2 色彩单位 86
4.6 文档结构 87
4.6.1 文档结构的基本概念 87
4.6.2 继承 88
4.6.3 样式表的层叠、特殊性与重要性 89
4.6.4 元素类型 92
4.6.5 案例——制作光影世界作品欣赏明细页面 92
4.7 课堂综合实训——使用CSS制作家具商城简介页面 96
习题 98
第5章 CSS盒模型 100
5.1 盒模型简介 100
5.2 边框、外边距与内边距 101
5.2.1 边框 101
5.2.2 外边距 104
5.2.3 内边距 108
5.3 盒模型的宽度与高度 109
5.4 块级元素与行级元素宽度和高度的区别 109
5.5 盒子的margin叠加问题 110
5.5.1 行级元素之间的水平margin叠加 111
5.5.2 块级元素之间的垂直margin叠加 111
5.6 盒模型综合案例——制作光影世界高端外景局部页面 113
5.7 盒子的定位 117
5.7.1 定位属性 117
5.7.2 定位方式 119
5.8 浮动与清除浮动 123
5.8.1 浮动 123
5.8.2 清除浮动 127
5.9 课堂综合实训——家具商城登录页面整体布局 128
习题 130
第6章 Div＋CSS布局页面 131
6.1 Div＋CSS布局技术简介 131
6.1.1 Div＋CSS布局的优点 131
6.1.2 使用嵌套的Div实现页面排版 131
6.2 典型的CSS布局样式 132
6.2.1 两列布局样式 133
6.2.2 三列布局样式 136
6.3 综合案例——制作光影世界最近活动局部页面 140
6.3.1 页面布局规划 140
6.3.2 页面的制作过程 140
6.4 课堂综合实训——制作家具商城产品明细局部页面 144
6.4.1 页面布局规划 145
6.4.2 页面的制作过程 145
习题 149
第7章 使用CSS修饰网页元素 150
7.1 文本控制 150
7.1.1 设置字体的类别 150
7.1.2 设置字体的尺寸 151
7.1.3 设置字体的粗细 152
7.1.4 设置字体的倾斜 153
7.1.5 设置文字的颜色 153
7.1.6 设置文字的背景颜色 154
7.1.7 设置文本的修饰 155
7.2 段落控制 156
7.2.1 设置文字的对齐方式 156
7.2.2 设置段落的首行缩进 157
7.2.3 设置首字下沉 157
7.2.4 设置行高 158
7.2.5 设置字符间距 159
7.2.6 设置文字的截断 159
7.3 设置图像样式 160
7.3.1 设置图像边框 161
7.3.2 设置图像缩放 162
7.3.3 设置背景图像 163
7.3.4 设置背景重复 163
7.3.5 设置背景图像定位 164
7.4 设置表格样式 166
7.4.1 常用的CSS表格属性 167
7.4.2 案例——使用隔行换色表格制作畅销活动排行榜 170
7.5 设置表单样式 172
7.5.1 使用CSS美化常用的表单元素 172
7.5.2 案例——制作光影世界联系我们表单 176
7.6 综合案例——制作光影世界网络融资平台页面 178
7.6.1 页面布局规划 178
7.6.2 页面的制作过程 179
7.7 课堂综合实训——制作家具商城会员注册页面 184
习题 189
第8章 使用CSS修饰链接与列表 190
8.1 制作超链接特效 190
8.1.1 动态超链接 190
8.1.2 浮雕背景超链接 191
8.1.3 按钮式超链接 192
8.2 修饰列表 194
8.2.1 表格布局的缺点 194
8.2.2 列表布局的优势 195
8.2.3 CSS列表属性 195
8.3 综合案例——制作光影世界风景图文列表 200
8.4 课堂综合实训——制作家具商城友情链接局部页面 204
习题 206
第9章 使用CSS制作导航菜单 207
9.1 垂直导航菜单 207
9.1.1 普通的垂直链接导航菜单 207
9.1.2 纵向列表垂直导航菜单 211
9.2 水平导航菜单 215
9.3 综合案例——使用CSS美化和布局页面 218
9.3.1 页面布局规划 218
9.3.2 页面的制作过程 219
9.4 课堂综合实训——制作家具商城关于页面 226
习题 233
第10章 网页行为语言——JavaScript 234
10.1 JavaScript简介 234
10.2 在网页中插入JavaScript 234
10.3 JavaScript交互基本方法 235
10.3.1 信息对话框 235
10.3.2 选择对话框 236
10.3.3 提示对话框 238
10.4 制作网页特效 238
10.4.1 幻灯片切换广告 238
10.4.2 制作网页Tab选项卡切换效果 241
10.4.3 循环滚动的图文字幕 244
10.5 课堂综合实训——制作家具商城家具展示页面 245
习题 248
第11章 光影世界前台页面 249
11.1 网站的开发流程 249
11.1.1 规划站点 249
11.1.2 网站制作 250
11.1.3 测试网站 251
11.1.4 发布站点 251
11.2 设计首页布局 251
11.2.1 创建站点目录 251
11.2.2 页面布局规划 252
11.3 首页的制作 252
11.4 制作作品欣赏列表页 267
11.5 制作新闻动态列表页 269
11.6 制作新闻明细页 273
习题 275
第12章 光影世界后台管理页面 276
12.1 制作后台管理登录页面 276
12.2 制作查询新闻页面 280
12.3 制作添加新闻页面 290
12.4 制作修改新闻页面 295
12.5 网站的整合 295
习题 296