简介
《HTML 5 CSS 3 JavaScript网页设计案例课堂(第2版)》以零基础讲解为宗旨,用实例引导读者深入学习,采取【HTML 5网页设计→CSS 3美化网页→JavaScript动态特效→综合案例实战】的讲解模式,深入浅出地讲解CSS DIV的各项技术及实战技能。
《HTML 5 CSS 3 JavaScript网页设计案例课堂(第2版)》第I篇主要内容包括初识HTML5、HTML 5网页的文档结构、HTML 5网页中的文本和图像、用HTML 5建立超链接、用HTML 5创建表格、用HTML 5创建表单、用HTML 5绘制图形、HTML 5中的音频和视频等;第II篇主要内容包括CSS 3概述与基本语法、用CSS 3美化网页字体与段落、用CSS 3美化网页图片、用CSS 3美化网页背景与边框、用CSS 3美化超级链接和鼠标、用CSS 3美化表格和表单的样式、用CSS 3美化网页菜单、用滤镜美化网页元素、CSS 3中的动画效果等;第III篇主要内容包括JavaScript编程基本知识、JavaScript的程序控制结构与语句、JavaScript中的函数、JavaScript对象编程、JavaScript的内置对象、HTML 5、CSS 3和JavaScript的综合应用等;第IV篇主要内容包括制作企业门户类网页、制作在线购物类网页、移动设备类型网站开发。
《HTML 5 CSS 3 JavaScript网页设计案例课堂(第2版)》适合任何想学习网页前台网页设计与布局的人员,无论您是否从事计算机相关行业,是否接触过HTML 5、CSS 3和JavaScript,通过学习均可快速掌握HTML 5 CSS 3 JavaScript的设计方法和技巧。
目录
目 录
第I篇 HTML 5网页设计
第1章 初识HTML 5 3
1.1HTML 5的基本概念 4
1.1.1HTML的发展历程 4
1.1.2什么是HTML 5 4
1.1.3HTML 5文件的基本结构 5
1.2HTML 5的优势 5
1.2.1解决了跨浏览器问题 5
1.2.2新增了多个新特性 5
1.2.3用户优先的原则 6
1.2.4化繁为简的优势 7
1.3HTML 5文件的编写方法 7
1.3.1使用记事本手工编写HTML 5 7
1.3.2使用Dreamweaver CC编写
HTML文件 8
1.4 使用浏览器查看HTML 5文件 12
1.4.1查看页面效果 12
1.4.2查看源文件 13
1.5 疑难解惑 13
第2章 HTML 5网页的文档结构 15
2.1HTML 5文件的基本结构 16
2.1.1HTML 5页面的整体结构 16
2.1.2HTML 5新增的结构标记 16
2.2HTML 5基本标记详解 17
2.2.1文档类型说明 17
2.2.2HTML标记 17
2.2.3 头标记head 18
2.2.4网页的主体标记body 20
2.2.5页面注释标记<!-- --> 21
2.3HTML 5语法的变化 22
2.3.1标签不再区分大小写 22
2.3.2允许属性值不使用引号 22
2.3.3允许部分属性的属性值省略 23
2.4 综合案例——符合W3C标准的
HTML 5网页 23
2.5 跟我学上机——简单的HTML 5
网页 25
2.6 疑难解惑 26
第3章 HTML 5网页中的文本和图像 27
3.1 在网页中添加文本 28
3.1.1普通文本的添加 28
3.1.2特殊字符文本的添加 28
3.1.3使用HTML 5标记添加特殊
文本 30
3.2 文本排版 32
3.2.1换行标记<br> 32
3.2.2段落标记<p> 32
3.2.3标题标记<h1>~<h6> 33
3.3 文字列表 34
3.3.1建立无序列表<ul> 34
3.3.2建立有序列表<ol> 36
3.3.3建立不同类型的无序列表 37
3.3.4建立不同类型的有序列表 38
3.3.5建立嵌套列表 38
3.3.6自定义列表 39
3.4 网页中的图像<img> 40
3.4.1在网页中插入图像 40
3.4.2设置图像的宽度和高度 42
3.4.3设置图像的提示文字 43
3.4.4将图片设置为网页背景 44
3.4.5排列图像 45
3.5 综合案例——图文并茂的房屋装饰装修
网页 45
3.6 跟我学上机——在线购物网站的产品
展示效果 47
3.7 疑难解惑 48
第4章 用HTML 5建立超链接 49
4.1URL的概念 50
4.1.1URL的格式 50
4.1.2URL的类型 50
4.2 超链接标记<a> 51
4.2.1设置文本和图片的超链接 51
4.2.2创建指向不同目标类型的
超链接 52
4.2.3设置以新窗口显示超链接
页面 54
4.2.4链接到同一页面的不同位置 55
4.3 创建热点区域 56
4.4 创建浮动框架 58
4.5 综合案例——用Dreamweaver精确
定位热点区域 59
4.6 跟我学上机——创建热点区域 61
4.7 疑难解惑 62
第5章 用HTML 5创建表格 63
5.1 表格的基本结构 64
5.2 创建表格 65
5.2.1创建普通表格 65
5.2.2创建一个带有标题的表格 66
5.3 编辑表格 67
5.3.1定义表格的边框类型 67
5.3.2定义表格的表头 68
5.3.3设置表格背景 69
5.3.4设置单元格的背景 71
5.3.5合并单元格 72
5.3.6排列单元格中的内容 76
5.3.7设置单元格的行高与列宽 77
5.4 完整的表格标记 78
5.5 综合案例——制作计算机报价表 79
5.6 跟我学上机——制作学生成绩表 82
5.7 疑难解惑 85
第6章 用HTML 5创建表单 87
6.1 表单概述 88
6.2 表单基本元素的使用 88
6.2.1单行文本输入框 89
6.2.2多行文本输入框 89
6.2.3密码输入框 90
6.2.4单选按钮 91
6.2.5复选框 92
6.2.6列表框 92
6.2.7普通按钮 93
6.2.8提交按钮 94
6.2.9重置按钮 95
6.3 表单高级元素的使用 96
6.3.1url属性的使用 96
6.3.2email属性的使用 97
6.3.3date和time属性的使用 97
6.3.4number属性的使用 98
6.3.5range属性的使用 99
6.3.6required属性的使用 100
6.4 综合案例——创建用户反馈表单 101
6.5 跟我学上机——制作用户注册表单 102
6.6 疑难解惑 103
第7章 用HTML 5绘制图形 105
7.1 添加canvas的步骤 106
7.2 绘制基本形状 106
7.2.1绘制矩形 107
7.2.2绘制圆形 108
7.2.3使用moveTo与lineTo绘制
直线 108
7.2.4使用bezierCurveTo绘制贝塞尔
曲线 109
7.3 绘制渐变图形 111
7.3.1绘制线性渐变 111
7.3.2绘制径向渐变 112
7.4 绘制变形图形 114
7.4.1绘制平移效果的图形 114
7.4.2绘制缩放效果的图形 115
7.4.3绘制旋转效果的图形 116
7.4.4绘制组合图形 117
7.4.5绘制带阴影的图形 119
7.5 使用图像 120
7.5.1绘制图像 120
7.5.2平铺图像 121
7.5.3裁剪图像 122
7.5.4图像的像素化处理 124
7.6 绘制文字 126
7.7 图形的保存与恢复 127
7.7.1保存与恢复状态 127
7.7.2保存图形 129
7.8 综合案例——绘制火柴棒人物 130
7.9 跟我学上机——绘制商标 132
7.10疑难解惑 134
第8章 HTML 5中的音频和视频 135
8.1audio标签概述 136
8.1.1audio标签概述 136
8.1.2audio标签的属性 137
8.1.3浏览器对audio标签的支持
情况 137
8.2 在网页中添加音频文件 138
8.2.1添加自动播放的音频文件 138
8.2.2添加带有控件的音频文件 138
8.2.3添加循环播放的音频文件 139
8.2.4添加预播放的音频文件 139
8.3video标签概述 140
8.3.1video标签概述 140
8.3.2video标签的属性 141
8.3.3浏览器对video标签的支持
情况 142
8.4 在网页中添加视频文件 142
8.4.1添加自动播放的视频文件 142
8.4.2添加带有控件的视频文件 143
8.4.3添加循环播放的视频文件 144
8.5 综合案例——设置视频文件的高度
与宽度 144
8.6 跟我学上机——添加预播放的视频
文件 145
8.5 疑难解惑 146
第II篇 CSS 3美化网页
第9章 CSS 3概述与基本语法 149
9.1CSS 3概述 150
9.1.1CSS 3的功能 150
9.1.2浏览器与CSS 3 150
9.1.3CSS 3的基础语法 151
9.1.4CSS 3的常用单位 151
9.2 编辑和浏览CSS 3 156
9.2.1手工编写CSS 3 156
9.2.2用Dreamweaver编写CSS 157
9.3 在HTML 5中使用CSS 3的方法 158
9.3.1行内样式 158
9.3.2内嵌样式 159
9.3.3链接样式 161
9.3.4导入样式 162
9.3.5优先级问题 163
9.4CSS 3的常用选择器 165
9.4.1标签选择器 165
9.4.2类选择器 166
9.4.3ID选择器 167
9.4.4全局选择器 168
9.4.5组合选择器 169
9.4.6继承选择器 170
9.4.7伪类选择器 171
9.5 选择器声明 172
9.5.1集体声明 172
9.5.2多重嵌套声明 173
9.6 综合案例——制作炫彩网站Logo 174
9.7 跟我学上机——制作学生信息
统计表 176
9.8 疑难解惑 178
第10章 用CSS 3美化网页字体
与段落 179
10.1美化网页文字 180
10.1.1设置文字的字体 180
10.1.2设置文字的字号 181
10.1.3设置字体风格 182
10.1.4设置加粗字体 183
10.1.5将小写字母转为大写字母 184
10.1.6设置字体的复合属性 185
10.1.7设置字体颜色 186
10.2设置文本的高级样式 187
10.2.1设置文本阴影效果 187
10.2.2设置文本的溢出效果 189
10.2.3设置文本的控制换行 190
10.2.4保持字体尺寸不变 191
10.3美化网页中的段落 192
10.3.1设置单词之间的间隔 192
10.3.2设置字符之间的间隔 193
10.3.3设置文字的修饰效果 194
10.3.4设置垂直对齐方式 195
10.3.5转换文本的大小写 196
10.3.6设置文本的水平对齐方式 197
10.3.7设置文本的缩进效果 199
10.3.8设置文本的行高 199
10.3.9文本的空白处理 200
10.3.10文本的反排 202
10.4综合案例——设置网页标题 203
10.5跟我学上机——制作新闻页面 204
10.6疑难解惑 206
- 名称
- 类型
- 大小
光盘服务联系方式: 020-38250260 客服QQ:4006604884
云图客服:
用户发送的提问,这种方式就需要有位在线客服来回答用户的问题,这种 就属于对话式的,问题是这种提问是否需要用户登录才能提问