书籍详情
HTML+CSS网站设计与开发从新手到高手(从新手到高手)
作者:罗刚,原晋鹏 著
出版社:清华大学出版社
出版时间:2021-09-01
ISBN:9787302589204
定价:¥79.00
购买这本书可以去
内容简介
《HTML+CSS网站设计与开发从新手到高手》紧密围绕网页设计师在网页制作过程中的实际需要和应该掌握的技术,全面地介绍了使用HTML和CSS进行网页设计和制作的内容和技巧。《HTML+CSS网站设计与开发从新手到高手》不仅注重语法讲解,还通过一个个鲜活、典型的案例来帮助读者达到学以致用的目的。每个语法都有对应的实例,大多数章还配有综合实例,力求达到理论知识与实践操作的完美结合。《HTML+CSS网站设计与开发从新手到高手》可作为普通高校、高职高专院校计算机及相关专业的教材,也可供从事网页设计与制作、网站开发、网页编程等行业人员参考。
作者简介
暂缺《HTML+CSS网站设计与开发从新手到高手(从新手到高手)》作者简介
目录
目录
第1 章 HTML 5 入门 001
1.1 认识HTML 5 001
1.2 HTML 5 的新特性 003
1.3 HTML 5 与HTML 4 的区别 004
1.3.1 HTML 5 的语法变化 … 004
1.3.2 HTML 5 中的标记方法 005
1.3.3 HTML 5 语法中的3 个要点 005
1.4 新增的主体结构元素 … 006
1.4.1 article 元素 … 006
1.4.2 section 元素 008
1.4.3 nav 元素 009
1.4.4 aside 元素 … 011
1.5 新增的非主体结构元素 012
1.5.1 header 元素 012
1.5.2 hgroup 元素 013
1.5.3 footer 元素 … 014
1.5.4 address 元素 015
1.6 本章小结 016
第2 章 用HTML 设置文字与段落格式 … 017
2.1 HTML 页面主体常用设置 … 017
2.1.1 定义网页背景色:bgcolor 017
2.1.2 设置背景图片:background 018
2.1.3 设置文字颜色:text … 019
2.1.4 设置链接文字属性 … 020
2.1.5 设置页面边距 … 022
2.2 页面头部元素 和 … 023 2.3 页面标题元素 … 024 2.4 插入其他标记 024
2.4.1 输入空格符号 … 025
2.4.2 输入特殊符号 … 025
2.5 设置文字的格式 … 026
2.5.1 字体:face … 026
2.5.2 字号:size … 027
2.5.3 文字颜色:color 028
2.5.4 粗体、斜体、下画线:b、strong、i、em、cite、u … 029
2.5.5 上标与下标:sup、sub 030
2.5.6 多种标题样式: ~ … 031 2.6 设置段落的排版与换行 032
2.6.1 为文字分段:p … 032
2.6.2 段落的对齐属性:align … 033
2.6.3 不换行标记:nobr 034
2.6.4 换行标记:br 035
2.7 水平线标记 … 035
2.7.1 插入水平线:hr … 036
2.7.2 水平线的宽度与高度:width、size 036
2.7.3 水平线的颜色:color 037
2.7.4 水平线的对齐方式:align 038
2.7.5 去掉水平线阴影:noshade 039
2.8 综合实例—设置页面文本及段落 040
2.9 本章小结 042
第3 章 用HTML 创建精彩的图像和多媒体页面 … 043
3.1 网页中常见的图像格式 043
3.2 插入图像并设置图像属性 … 044
3.2.1 图像标记:img … 044
3.2.2 图像高度:height 045
3.2.3 图像宽度:width 046
3.2.4 图像的边框:border … 046
3.2.5 图像水平间距:hspace 047
3.2.6 图像垂直间距:vspace 048
3.2.7 图像相对于文字的对齐方式:
align … 049
3.2.8 图像的替代文字:alt 050
3.3 音频和视频 … 051
3.3.1 使用embed 051
3.3.2 使用video … 052
3.4 综合实例—创建多媒体网页 … 054
3.5 本章小结 055
第4 章 用HTML 创建超链接 … 056
4.1 超链接和路径 056
4.1.1 超链接的概念 … 056
4.1.2 路径URL … 056
4.1.3 HTTP 路径 … 057
4.1.4 FTP 路径 … 058
4.1.5 邮件路径 … 059
4.2 链接元素 060 4.2.1 指定路径属性href 060
4.2.2 显示链接目标属性target … 061
4.2.3 链接的热键属性accesskey 062
4.3 创建图像的超链接 064
4.3.1 创建链接区域元素 064 4.3.2 链接区域的名称属性name 064
4.3.3 定义鼠标敏感区元素 065
4.3.4 链接的路径属性href、nohref … 066
4.3.5 鼠标敏感区坐标属性coords 067
4.4 创建锚点链接 069
4.5 综合实例—为网页添加链接 … 070
4.6 本章小结 072
第5 章 使用HTML 创建表格… 073
5.1 创建并设置表格属性 … 073
5.1.1 表格的基本标记:table、tr、td … 073
5.1.2 表格宽度和高度:width、height … 074
5.1.3 表格的标题:caption 075
5.1.4 表格的表头:th … 077
5.1.5 表格对齐方式:align 078
5.1.6 表格的边框宽度:border … 080
5.1.7 表格的边框颜色:bordercolor … 081
5.1.8 单元格间距:cellspacing … 082
5.1.9 单元格边距:cellpadding … 083
5.1.10 表格的背景色:bgcolor … 084
5.1.11 表格的背景图像:
background 085
5.2 表格的结构标记 … 086
5.2.1 设计表头样式:thead 086
5.2.2 设计表主体样式:tbody … 088
5.2.3 设计表尾样式:tfoot… 089
5.3 综合实例—使用表格排版网页 091
5.4 本章小结 095
第6 章 创建交互式表单 096
6.1 表单元素 … 096
6.1.1 动作属性action … 096
6.1.2 发送数据方式属性method 097
6.1.3 名称属性name … 097
6.2 表单对象 … 098
6.2.1 文本域text … 099
6.2.2 密码域password 100
6.2.3 提交按钮submit 101
6.2.4 复位按钮reset … 102
6.2.5 图像域image 102
6.2.6 普通按钮button … 103
6.2.7 复选框checkbox 104
6.2.8 单选按钮radio … 105
6.2.9 隐藏域hidden … 106
6.3 综合实例—用户注册表单页面 … 107
6.4 本章小结 112
第7 章 HTML 5 绘图Canvas 和SVG … 113
7.1 Canvas 绘制基本图形 … 113
7.1.1 Canvas 元素 113
7.1.2 绘制直线 … 114
7.1.3 绘制矩形 … 115
7.1.4 绘制三角形 118
7.1.5 绘制圆弧 … 119
7.1.6 绘制贝塞尔曲线 120
7.2 颜色和样式选项 … 121
7.2.1 应用不同的线型 121
7.2.2 绘制线性渐变 … 123
7.2.3 绘制径向渐变 … 125
7.3 变换 126
7.3.1 平移变换 … 127
7.3.2 缩放变换 … 128
7.3.3 旋转变换 … 129
7.4 SVG 129
7.4.1 图形绘制 … 130
7.4.2 文本与图像 133
7.4.3 笔画与填充 134
7.5 综合实例—绘制精美时钟 134
7.6 本章小结 137
第8 章 CSS 基础知识 … 138
8.1 CSS 3 简介 … 138
8.1.1 CSS 基本概念 … 138
8.1.2 CSS 的优点 139
8.1.3 CSS 功能 … 140
8.1.4 CSS 发展史 140
8.2 在HTML 5 中使用CSS 141
8.2.1 行内样式 … 141
8.2.2 内嵌样式 … 142
8.2.3 链接样式 … 143
8.2.4 导入样式 … 144
8.2.5 优先级问题 144
8.3 选择器类型 … 145
8.3.1 标签选择器 145
8.3.2 类选择器 … 145
8.3.3 ID 选择器 … 147
8.4 编辑和浏览CSS … 148
8.4.1 手工编写CSS … 148
8.4.2 利用Dreamweaver 编写CSS 149
8.5 综合实例—对网页添加CSS 样式 150
8.6 本章小结 152
第9 章 CSS 控制网页文本和段落样式 153
9.1 通过CSS 控制文本样式 153
9.1.1 字体font-family … 153
9.1.2 字号font-size 154
9.1.3 加粗字体font-weight 156
9.1.4 字体风格font-style … 157
9.1.5 小写字母转换为大写字母font-variant … 159
9.2 通过CSS 控制段落样式 160
9.2.1 单词间隔word-spacing 160
9.2.2 字符间隔letter-spacing 161
9.2.3 文字修饰text-decoration … 161
9.2.4 垂直对齐方式vertical-align 162
9.2.5 文本转换text-transform … 163
9.2.6 水平对齐方式text-align … 164
9.2.7 文本缩进text-indent … 165
9.2.8 文本行高line-height … 166
9.3 综合实例—CSS 字体样式综合演练 167
9.4 本章小结 170
第10 章 用CSS 设计图片和背景 … 171
10.1 设置网页的背景 … 171
10.1.1 背景颜色 … 171
10.1.2 背景图片 … 173
10.2 设置背景图片的样式 … 174
10.2.1 背景图片重复 … 174
10.2.2 背景图片附件 … 176
10.2.3 背景图片定位 … 177
10.3 设置网页图片的样式 … 180
10.3.1 设置图片边框 … 180
10.3.2 图文混合排版 … 183
10.4 综合实例 184
10.4.1 实例1—为图片添加边框 … 184
10.4.2 实例2—光标移到图片时产生渐变效果 … 185
10.5 本章小结 187
第11 章 用CSS 制作实用的菜单和网站导航 … 188
11.1 列表的使用 … 188
11.2 控制列表样式 188
11.2.1 ul 无序列表 189
11.2.2 ol 有序列表 190
11.2.3 dl 定义列表 191
11.2.4 更改列表起始数值 … 192
11.3 横排导航 193
11.3.1 文本导航 … 193
11.3.2 标签式导航 195
11.4 竖排导航 197
11.5 综合实例 199
11.5.1 实例1—实现背景变换的导航菜单 … 199
11.5.2 实例2—利用CSS 制作横向导航 … 201
11.5.3 实例3—树状导航菜单 201
11.6 本章小结 204
第12 章 CSS 3 移动网页开发… 205
12.1 预览激动人心的CSS 3 205
12.2 边框 209
12.2.1 圆角边框 border-radius … 210
12.2.2 边框图片border-image … 211
12.2.3 边框阴影box-shadow 212
12.3 背景 214
12.3.1 背景图片尺寸background-size 214
12.3.2 背景图片定位区域background-origin … 215
12.3.3 背景绘制区域background-clip 216
12.4 文本 217
12.4.1 文本阴影text-shadow 218
12.4.2 强制换行word-wrap 219
12.4.3 文本溢出text-overflow … 219
12.5 多列 221
12.5.1 创建多列column-count … 221
12.5.2 列的宽度column-width … 222
12.6 转换 223
12.6.1 移动translate() … 223
12.6.2 旋转rotate() 224
12.6.3 缩放scale() 225
12.7 综合实例—将鼠标放上去移动并旋转图片 … 227
12.8 本章小结 228
第13 章 CSS 盒子模型与定位… 229
13.1 “盒子”与“模型”的概念探究 … 229
13.2 border … 230
13.2.1 边框样式:border-style … 231
13.2.2 属性值的简写形式 … 233
13.2.3 边框与背景 234
13.3 设置内边距(padding) … 235
13.4 设置外边距(margin) 237
13.5 盒子的定位 … 240
13.5.1 静态定位(static) 240
13.5.2 相对定位(relative) … 241
13.5.3 绝对定位(absolute) … 242
13.5.4 固定定位(fixed) 245
13.6 盒子的浮动 … 246
13.7 综合案例—设置第1 个浮动的Div … 246
13.8 本章小结 248
第14 章 CSS+Div 布局方法… 249
14.1 CSS 布局模型 … 249
14.1.1 关于CSS 布局 … 249
14.1.2 流动布局模型 … 250
14.1.3 浮动布局模型 … 252
14.1.4 层布局模型 256
14.1.5 高度自适应 258
14.2 CSS 布局理念 260
14.2.1 将页面用Div 分块 … 260
14.2.2 设计各块的位置 260
14.2.3 用CSS 定位 261
14.3 常见的布局类型 … 262
14.3.1 列固定宽度 262
14.3.2 列自适应 … 264
14.3.3 两列固定宽度 … 266
14.3.4 两列宽度自适应 267
14.3.5 两列右列宽度自适应 268
14.3.6 三列浮动中间宽度自适应 269
14.3.7 三行二列居中高度自适应布局 … 270
14.4 本章小结 272
第15 章 JavaScript 基础知识 … 273
15.1 JavaScript 的添加方法 273
15.1.1 内部引用 … 273
15.1.2 外部调用js 文件 274
15.1.3 添加到事件中 … 275
15.2 基本数据类型 275
15.2.1 使用字符串型数据 … 275
15.2.2 使用数值型数据 276
15.2.3 使用布尔型数据 277
15.2.4 使用Undefined 和Null类型 … 277
15.3 常量和变量 … 278
15.3.1 常量 … 278
15.3.2 常量的使用方法 279
15.3.3 变量的定义 280
15.4 使用选择语句 281
15.4.1 if 选择语句 281
15.4.2 if…else 选择语句 … 282
15.4.3 if…else if…else 选择语句 283
15.4.4 switch 多条件选择语句 … 285
15.5 使用循环语句 286
15.5.1 for 循环语句 … 286
15.5.2 while 循环语句 288
15.5.3 do-while 循环语句 … 289
15.5.4 break 和continue 跳转语句 … 290
15.6 事件 291
15.6.1 事件详解 … 292
15.6.2 事件与事件驱动 292
15.7 JavaScript 对象 … 294
15.7.1 声明和实例化 … 295
15.7.2 对象的引用 296
15.7.3 navigator 对象 … 297
15.7.4 window 对象 … 298
15.7.5 location 对象 … 299
15.7.6 history 对象 301
15.7.7 document 对象 … 302
15.8 综合实例—改变网页背景颜色 303
15.9 本章小结 304
第16 章 设计制作企业网站 … 305
16.1 企业网站设计概述 305
16.1.1 企业网站主要功能 … 305
16.1.2 页面配色 … 307
16.1.3 排版构架 … 308
16.2 各部分设计 … 309
16.2.1 页面的通用规则 309
16.2.2 制作网站导航部分 … 310
16.2.3 制作header 右侧部分 313
16.2.4 制作欢迎部分 … 322
16.3 本章小结 326
第1 章 HTML 5 入门 001
1.1 认识HTML 5 001
1.2 HTML 5 的新特性 003
1.3 HTML 5 与HTML 4 的区别 004
1.3.1 HTML 5 的语法变化 … 004
1.3.2 HTML 5 中的标记方法 005
1.3.3 HTML 5 语法中的3 个要点 005
1.4 新增的主体结构元素 … 006
1.4.1 article 元素 … 006
1.4.2 section 元素 008
1.4.3 nav 元素 009
1.4.4 aside 元素 … 011
1.5 新增的非主体结构元素 012
1.5.1 header 元素 012
1.5.2 hgroup 元素 013
1.5.3 footer 元素 … 014
1.5.4 address 元素 015
1.6 本章小结 016
第2 章 用HTML 设置文字与段落格式 … 017
2.1 HTML 页面主体常用设置 … 017
2.1.1 定义网页背景色:bgcolor 017
2.1.2 设置背景图片:background 018
2.1.3 设置文字颜色:text … 019
2.1.4 设置链接文字属性 … 020
2.1.5 设置页面边距 … 022
2.2 页面头部元素 和 … 023 2.3 页面标题元素 … 024 2.4 插入其他标记 024
2.4.1 输入空格符号 … 025
2.4.2 输入特殊符号 … 025
2.5 设置文字的格式 … 026
2.5.1 字体:face … 026
2.5.2 字号:size … 027
2.5.3 文字颜色:color 028
2.5.4 粗体、斜体、下画线:b、strong、i、em、cite、u … 029
2.5.5 上标与下标:sup、sub 030
2.5.6 多种标题样式: ~ … 031 2.6 设置段落的排版与换行 032
2.6.1 为文字分段:p … 032
2.6.2 段落的对齐属性:align … 033
2.6.3 不换行标记:nobr 034
2.6.4 换行标记:br 035
2.7 水平线标记 … 035
2.7.1 插入水平线:hr … 036
2.7.2 水平线的宽度与高度:width、size 036
2.7.3 水平线的颜色:color 037
2.7.4 水平线的对齐方式:align 038
2.7.5 去掉水平线阴影:noshade 039
2.8 综合实例—设置页面文本及段落 040
2.9 本章小结 042
第3 章 用HTML 创建精彩的图像和多媒体页面 … 043
3.1 网页中常见的图像格式 043
3.2 插入图像并设置图像属性 … 044
3.2.1 图像标记:img … 044
3.2.2 图像高度:height 045
3.2.3 图像宽度:width 046
3.2.4 图像的边框:border … 046
3.2.5 图像水平间距:hspace 047
3.2.6 图像垂直间距:vspace 048
3.2.7 图像相对于文字的对齐方式:
align … 049
3.2.8 图像的替代文字:alt 050
3.3 音频和视频 … 051
3.3.1 使用embed 051
3.3.2 使用video … 052
3.4 综合实例—创建多媒体网页 … 054
3.5 本章小结 055
第4 章 用HTML 创建超链接 … 056
4.1 超链接和路径 056
4.1.1 超链接的概念 … 056
4.1.2 路径URL … 056
4.1.3 HTTP 路径 … 057
4.1.4 FTP 路径 … 058
4.1.5 邮件路径 … 059
4.2 链接元素 060 4.2.1 指定路径属性href 060
4.2.2 显示链接目标属性target … 061
4.2.3 链接的热键属性accesskey 062
4.3 创建图像的超链接 064
4.3.1 创建链接区域元素 064 4.3.2 链接区域的名称属性name 064
4.3.3 定义鼠标敏感区元素 065
4.3.4 链接的路径属性href、nohref … 066
4.3.5 鼠标敏感区坐标属性coords 067
4.4 创建锚点链接 069
4.5 综合实例—为网页添加链接 … 070
4.6 本章小结 072
第5 章 使用HTML 创建表格… 073
5.1 创建并设置表格属性 … 073
5.1.1 表格的基本标记:table、tr、td … 073
5.1.2 表格宽度和高度:width、height … 074
5.1.3 表格的标题:caption 075
5.1.4 表格的表头:th … 077
5.1.5 表格对齐方式:align 078
5.1.6 表格的边框宽度:border … 080
5.1.7 表格的边框颜色:bordercolor … 081
5.1.8 单元格间距:cellspacing … 082
5.1.9 单元格边距:cellpadding … 083
5.1.10 表格的背景色:bgcolor … 084
5.1.11 表格的背景图像:
background 085
5.2 表格的结构标记 … 086
5.2.1 设计表头样式:thead 086
5.2.2 设计表主体样式:tbody … 088
5.2.3 设计表尾样式:tfoot… 089
5.3 综合实例—使用表格排版网页 091
5.4 本章小结 095
第6 章 创建交互式表单 096
6.1 表单元素 … 096
6.1.1 动作属性action … 096
6.1.2 发送数据方式属性method 097
6.1.3 名称属性name … 097
6.2 表单对象 … 098
6.2.1 文本域text … 099
6.2.2 密码域password 100
6.2.3 提交按钮submit 101
6.2.4 复位按钮reset … 102
6.2.5 图像域image 102
6.2.6 普通按钮button … 103
6.2.7 复选框checkbox 104
6.2.8 单选按钮radio … 105
6.2.9 隐藏域hidden … 106
6.3 综合实例—用户注册表单页面 … 107
6.4 本章小结 112
第7 章 HTML 5 绘图Canvas 和SVG … 113
7.1 Canvas 绘制基本图形 … 113
7.1.1 Canvas 元素 113
7.1.2 绘制直线 … 114
7.1.3 绘制矩形 … 115
7.1.4 绘制三角形 118
7.1.5 绘制圆弧 … 119
7.1.6 绘制贝塞尔曲线 120
7.2 颜色和样式选项 … 121
7.2.1 应用不同的线型 121
7.2.2 绘制线性渐变 … 123
7.2.3 绘制径向渐变 … 125
7.3 变换 126
7.3.1 平移变换 … 127
7.3.2 缩放变换 … 128
7.3.3 旋转变换 … 129
7.4 SVG 129
7.4.1 图形绘制 … 130
7.4.2 文本与图像 133
7.4.3 笔画与填充 134
7.5 综合实例—绘制精美时钟 134
7.6 本章小结 137
第8 章 CSS 基础知识 … 138
8.1 CSS 3 简介 … 138
8.1.1 CSS 基本概念 … 138
8.1.2 CSS 的优点 139
8.1.3 CSS 功能 … 140
8.1.4 CSS 发展史 140
8.2 在HTML 5 中使用CSS 141
8.2.1 行内样式 … 141
8.2.2 内嵌样式 … 142
8.2.3 链接样式 … 143
8.2.4 导入样式 … 144
8.2.5 优先级问题 144
8.3 选择器类型 … 145
8.3.1 标签选择器 145
8.3.2 类选择器 … 145
8.3.3 ID 选择器 … 147
8.4 编辑和浏览CSS … 148
8.4.1 手工编写CSS … 148
8.4.2 利用Dreamweaver 编写CSS 149
8.5 综合实例—对网页添加CSS 样式 150
8.6 本章小结 152
第9 章 CSS 控制网页文本和段落样式 153
9.1 通过CSS 控制文本样式 153
9.1.1 字体font-family … 153
9.1.2 字号font-size 154
9.1.3 加粗字体font-weight 156
9.1.4 字体风格font-style … 157
9.1.5 小写字母转换为大写字母font-variant … 159
9.2 通过CSS 控制段落样式 160
9.2.1 单词间隔word-spacing 160
9.2.2 字符间隔letter-spacing 161
9.2.3 文字修饰text-decoration … 161
9.2.4 垂直对齐方式vertical-align 162
9.2.5 文本转换text-transform … 163
9.2.6 水平对齐方式text-align … 164
9.2.7 文本缩进text-indent … 165
9.2.8 文本行高line-height … 166
9.3 综合实例—CSS 字体样式综合演练 167
9.4 本章小结 170
第10 章 用CSS 设计图片和背景 … 171
10.1 设置网页的背景 … 171
10.1.1 背景颜色 … 171
10.1.2 背景图片 … 173
10.2 设置背景图片的样式 … 174
10.2.1 背景图片重复 … 174
10.2.2 背景图片附件 … 176
10.2.3 背景图片定位 … 177
10.3 设置网页图片的样式 … 180
10.3.1 设置图片边框 … 180
10.3.2 图文混合排版 … 183
10.4 综合实例 184
10.4.1 实例1—为图片添加边框 … 184
10.4.2 实例2—光标移到图片时产生渐变效果 … 185
10.5 本章小结 187
第11 章 用CSS 制作实用的菜单和网站导航 … 188
11.1 列表的使用 … 188
11.2 控制列表样式 188
11.2.1 ul 无序列表 189
11.2.2 ol 有序列表 190
11.2.3 dl 定义列表 191
11.2.4 更改列表起始数值 … 192
11.3 横排导航 193
11.3.1 文本导航 … 193
11.3.2 标签式导航 195
11.4 竖排导航 197
11.5 综合实例 199
11.5.1 实例1—实现背景变换的导航菜单 … 199
11.5.2 实例2—利用CSS 制作横向导航 … 201
11.5.3 实例3—树状导航菜单 201
11.6 本章小结 204
第12 章 CSS 3 移动网页开发… 205
12.1 预览激动人心的CSS 3 205
12.2 边框 209
12.2.1 圆角边框 border-radius … 210
12.2.2 边框图片border-image … 211
12.2.3 边框阴影box-shadow 212
12.3 背景 214
12.3.1 背景图片尺寸background-size 214
12.3.2 背景图片定位区域background-origin … 215
12.3.3 背景绘制区域background-clip 216
12.4 文本 217
12.4.1 文本阴影text-shadow 218
12.4.2 强制换行word-wrap 219
12.4.3 文本溢出text-overflow … 219
12.5 多列 221
12.5.1 创建多列column-count … 221
12.5.2 列的宽度column-width … 222
12.6 转换 223
12.6.1 移动translate() … 223
12.6.2 旋转rotate() 224
12.6.3 缩放scale() 225
12.7 综合实例—将鼠标放上去移动并旋转图片 … 227
12.8 本章小结 228
第13 章 CSS 盒子模型与定位… 229
13.1 “盒子”与“模型”的概念探究 … 229
13.2 border … 230
13.2.1 边框样式:border-style … 231
13.2.2 属性值的简写形式 … 233
13.2.3 边框与背景 234
13.3 设置内边距(padding) … 235
13.4 设置外边距(margin) 237
13.5 盒子的定位 … 240
13.5.1 静态定位(static) 240
13.5.2 相对定位(relative) … 241
13.5.3 绝对定位(absolute) … 242
13.5.4 固定定位(fixed) 245
13.6 盒子的浮动 … 246
13.7 综合案例—设置第1 个浮动的Div … 246
13.8 本章小结 248
第14 章 CSS+Div 布局方法… 249
14.1 CSS 布局模型 … 249
14.1.1 关于CSS 布局 … 249
14.1.2 流动布局模型 … 250
14.1.3 浮动布局模型 … 252
14.1.4 层布局模型 256
14.1.5 高度自适应 258
14.2 CSS 布局理念 260
14.2.1 将页面用Div 分块 … 260
14.2.2 设计各块的位置 260
14.2.3 用CSS 定位 261
14.3 常见的布局类型 … 262
14.3.1 列固定宽度 262
14.3.2 列自适应 … 264
14.3.3 两列固定宽度 … 266
14.3.4 两列宽度自适应 267
14.3.5 两列右列宽度自适应 268
14.3.6 三列浮动中间宽度自适应 269
14.3.7 三行二列居中高度自适应布局 … 270
14.4 本章小结 272
第15 章 JavaScript 基础知识 … 273
15.1 JavaScript 的添加方法 273
15.1.1 内部引用 … 273
15.1.2 外部调用js 文件 274
15.1.3 添加到事件中 … 275
15.2 基本数据类型 275
15.2.1 使用字符串型数据 … 275
15.2.2 使用数值型数据 276
15.2.3 使用布尔型数据 277
15.2.4 使用Undefined 和Null类型 … 277
15.3 常量和变量 … 278
15.3.1 常量 … 278
15.3.2 常量的使用方法 279
15.3.3 变量的定义 280
15.4 使用选择语句 281
15.4.1 if 选择语句 281
15.4.2 if…else 选择语句 … 282
15.4.3 if…else if…else 选择语句 283
15.4.4 switch 多条件选择语句 … 285
15.5 使用循环语句 286
15.5.1 for 循环语句 … 286
15.5.2 while 循环语句 288
15.5.3 do-while 循环语句 … 289
15.5.4 break 和continue 跳转语句 … 290
15.6 事件 291
15.6.1 事件详解 … 292
15.6.2 事件与事件驱动 292
15.7 JavaScript 对象 … 294
15.7.1 声明和实例化 … 295
15.7.2 对象的引用 296
15.7.3 navigator 对象 … 297
15.7.4 window 对象 … 298
15.7.5 location 对象 … 299
15.7.6 history 对象 301
15.7.7 document 对象 … 302
15.8 综合实例—改变网页背景颜色 303
15.9 本章小结 304
第16 章 设计制作企业网站 … 305
16.1 企业网站设计概述 305
16.1.1 企业网站主要功能 … 305
16.1.2 页面配色 … 307
16.1.3 排版构架 … 308
16.2 各部分设计 … 309
16.2.1 页面的通用规则 309
16.2.2 制作网站导航部分 … 310
16.2.3 制作header 右侧部分 313
16.2.4 制作欢迎部分 … 322
16.3 本章小结 326
猜您喜欢