HTML5+CSS3程序设计 慕课版PDF|Epub|txt|kindle电子书版本网盘下载

HTML5+CSS3程序设计 慕课版PDF格式电子书版下载

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

第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章 初识HTML511

2.1 HTML5概述12

2.1.1 HTML发展历史12

2.1.2 什么是HTML512

2.1.3 HTML5文件基本结构12

2.1.4 使用Dreamweaver创建一个HTML5页面13

2.2 文字标签15

2.2.1 显示普通文字15

2.2.2 输入特殊符号15

2.2.3 标题字标签16

2.2.4 修饰文字标签16

2.2.5 修饰字体标签16

2.3 段落标签17

2.3.1 段落标签＜p＞17

2.3.2 取消文字换行标签＜nobr＞17

2.3.3 修饰段落的对齐属性align18

2.3.4 保留原始排版标签＜pre＞18

2.4 图片标签和列表标签19

2.4.1 插入图片标签＜img＞19

2.4.2 建立有序列表19

2.4.3 建立无序列表22

2.4.4 建立定义列表24

2.5 链接标签26

2.5.1 建立文本链接26

2.5.2 建立书签链接26

小结29

上机指导29

习题30

第3章 HTML5中的表格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 设置行的垂直位置37

3.3 单元格标签的属性38

3.3.1 设置单元格的大小38

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

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 设置表主体样式45

3.5.3 设置表尾样式45

小结46

上机指导46

习题48

第4章 使用HTML5创建表单49

4.1 表单概述50

4.2 表单标签＜form＞50

4.2.1 处理程序属性——action50

4.2.2 表单名称属性——name51

4.2.3 传送方法属性——method51

4.2.4 编码方式属性——enctype52

4.2.5 目标显示方式属性——target53

4.3 输入标签＜input＞53

4.3.1 文本框——text53

4.3.2 密码域——password54

4.3.3 “单选”按钮——radio56

4.3.4 复选框——checkbox57

4.3.5 “普通”按钮——button58

4.3.6 “提交”按钮——submit59

4.3.7 “重置”按钮——reset60

4.3.8 图像域——image61

4.3.9 隐藏域——hidden62

4.3.10 文件域——file63

4.4 文本域标签——textarea64

4.5 列表／菜单标签65

4.6 新增表单属性66

小结70

上机指导70

习题72

第5章 使用HTML5绘制图形73

5.1 认识HTML5中的画布——Canvas74

5.1.1 什么是Canvas74

5.1.2 在HTML里创建画布74

5.1.3 使用Canvas绘制图形实例74

5.2 绘制基本图形75

5.2.1 绘制直线75

5.2.2 绘制矩形77

5.2.3 绘制曲线77

5.2.4 绘制圆形78

5.2.5 绘制渐变图形80

5.2.6 绘制平移效果的图形83

5.2.7 绘制缩放效果的图形83

5.2.8 绘制旋转效果的图形83

5.3 使用图像84

5.3.1 引入图像84

5.3.2 平铺图像85

5.3.3 裁剪图像86

5.4 绘制文字88

5.4.1 绘制轮廓文字88

5.4.2 绘制填充文字88

5.4.3 文字相关属性88

小结89

上机指导90

习题93

第6章 走进HTML5的多媒体世界94

6.1 设置滚动文字95

6.1.1 滚动文字标签——marquee95

6.1.2 滚动方向属性——direction95

6.1.3 滚动方式属性——behavior96

6.1.4 滚动速度属性——scrollamount97

6.1.5 滚动延迟属性——scrolldelay97

6.1.6 滚动循环属性——loop98

6.1.7 滚动范围属性——width、height98

6.1.8 滚动背景颜色属性——bgcolor99

6.1.9 滚动空间属性——hspace、vspace100

6.2 ＜audio＞标签和＜video＞标签100

6.3 多媒体标签的基本属性及使用101

6.3.1 多媒体标签基本属性101

6.3.2 使用＜audio＞标签播放音频105

6.3.3 使用＜video＞标签播放视频105

6.3.4 设置背景音乐——bgsound106

6.4 多媒体标签的方法106

6.5 多媒体标签的事件108

6.5.1 事件处理108

6.5.2 事件介绍108

小结109

上机指导109

习题110

第7章 CSS3概述111

7.1 CSS的发展史112

7.2 CSS3概述112

7.3 主流浏览器对CSS的支持113

7.4 一个简单的CSS3示例114

小结116

习题116

第8章 CSS3中的选择器117

8.1 选择器概述118

8.2 基础选择器119

8.2.1 元素选择器119

8.2.2 类选择器119

8.2.3 ID选择器120

8.2.4 属性选择器120

8.3 其他选择器124

8.3.1 后代选择器124

8.3.2 子代选择器124

8.3.3 相邻兄弟元素选择器125

8.3.4 通用兄弟元素选择器125

8.4 伪类选择器及伪元素127

8.4.1 伪类选择器127

8.4.2 伪元素选择器128

小结129

上机指导129

习题132

第9章 CSS3常用属性133

9.1 文本相关属性134

9.1.1 字体134

9.1.2 文本138

9.1.3 设置超链接样式140

9.2 背景相关属性141

9.2.1 背景常规属性142

9.2.2 CSS3新特性143

9.3 列表相关属性148

9.4 框模型151

9.4.1 概述151

9.4.2 内外边距的相关属性151

9.4.3 边框154

9.5 定位相关属性155

9.5.1 概述155

9.5.2 设置定位方式155

9.5.3 浮动157

小结158

上机指导158

习题160

第10章 CSS3中的变形与动画161

10.1 2D变换——transform162

10.1.1 transform的基本属性值162

10.1.2 应用transform属性实现旋转163

10.1.3 应用transform属性实现缩放163

10.1.4 应用transform属性实现平移164

10.1.5 应用transform属性实现倾斜165

10.1.6 变形原点168

10.2 过渡效果——transition169

10.2.1 指定参与过渡的属性169

10.2.2 指定过渡的持续时间169

10.2.3 指定过渡的延迟时间170

10.2.4 指定过渡的动画类型170

10.3 动画——Animation175

10.3.1 关键帧175

10.3.2 动画属性176

小结178

上机指导178

习题179

第11章 JavaScript概述180

11.1 JavaScript概貌181

11.1.1 JavaScript的历史起源181

11.1.2 JavaScript的主要特点181

11.1.3 JavaScript成功案例182

11.2 JavaScript开发环境要求184

11.2.1 硬件要求184

11.2.2 软件要求184

11.3 JavaScript在HTML中的使用184

11.3.1 在页面中直接嵌入JavaScript代码184

11.3.2 链接外部JavaScript文件185

小结187

上机指导187

习题188

第12章 JavaScript语言基础189

12.1 JavaScript数据结构190

12.1.1 标识符190

12.1.2 关键字190

12.1.3 常量191

12.1.4 变量191

12.2 数据类型192

12.2.1 数字型数据193

12.2.2 字符串型数据194

12.2.3 布尔型数据194

12.2.4 特殊数据类型195

12.2.5 数据类型的转换规则195

12.3 运算符与表达式198

12.3.1 算术运算符198

12.3.2 比较运算符199

12.3.3 赋值运算符199

12.3.4 字符串运算符200

12.3.5 布尔运算符200

12.3.6 条件运算符201

12.3.7 运算符优先级201

12.3.8 表达式201

12.4 流程控制语句204

12.4.1 条件控制语句204

12.4.2 循环控制语句209

12.4.3 跳转语句213

12.5 函数213

12.5.1 函数的定义213

12.5.2 函数的调用214

12.5.3 函数的使用215

12.5.4 几种特殊的函数217

小结219

上机指导219

习题221

第13章 JavaScript对象编程222

13.1 Window对象223

13.1.1 Window对象概述223

13.1.2 对话框224

13.1.3 窗口对象常用操作227

13.2 Document文档对象230

13.2.1 文档对象概述230

13.2.2 文档对象的常用属性、方法与事件230

13.2.3 Document对象的应用232

13.3 JavaScript与表单操作238

13.3.1 在JavaScript中访问表单238

13.3.2 在JavaScript中访问表单域238

13.3.3 表单的验证238

13.4 DOM对象240

13.4.1 DOM概述240

13.4.2 DOM对象节点属性242

13.4.3 节点的几种操作243

13.4.4 获取文档中的指定元素244

13.4.5 与DHTML相对应的DOM246

小结247

上机指导247

习题249

第14章 JavaScript中事件处理250

14.1 事件与事件处理概述251

14.1.1 事件与事件名称251

14.1.2 JavaScript的常用事件251

14.1.3 事件处理程序的调用253

14.2 DOM事件模型255

14.2.1 事件流255

14.2.2 主流浏览器的事件模型255

14.2.3 事件对象256

14.2.4 注册与移除事件监听器256

14.3 鼠标键盘事件258

14.3.1 鼠标的单击事件258

14.3.2 鼠标的按下或松开事件258

14.3.3 鼠标的移入移出事件258

14.3.4 鼠标的移动事件258

14.3.5 键盘事件的使用258

14.4 页面事件261

14.4.1 加载与卸载事件261

14.4.2 页面大小事件261

14.5 表单事件263

14.5.1 获得焦点与失去焦点事件263

14.5.2 焦点修改事件263

14.5.3 表单提交与重置事件263

小结266

上机指导266

习题267

第15章 响应式网页设计268

15.1 概述269

15.1.1 响应式网页设计的概念269

15.1.2 响应式网页设计的优缺点269

15.1.3 响应式网页设计的技术原理270

15.2 像素和屏幕分辨率270

15.2.1 像素和屏幕分辨率270

15.2.2 设备像素271

15.2.3 CSS像素272

15.3 视口272

15.3.1 视口272

15.3.2 视口常用属性273

15.3.3 媒体查询274

15.4 响应式网页的布局设计275

15.4.1 常用布局类型275

15.4.2 布局的实现方式276

15.4.3 响应式布局的设计与实现277

小结280

上机指导280

习题281

第16章 综合项目——51购商城（适配移动端）282

16.1 项目的设计思路283

16.1.1 项目概述283

16.1.2 界面预览283

16.1.3 功能结构284

16.1.4 文件夹组织结构285

16.2 主页的设计与实现285

16.2.1 主页的设计285

16.2.2 顶部区和底部区功能的实现287

16.2.3 商品分类导航功能的实现288

16.2.4 轮播图功能的实现290

16.2.5 商品推荐功能的实现292

16.2.6 适配移动端的实现293

16.3 商品列表页面的设计与实现294

16.3.1 商品列表页面的设计294

16.3.2 分类选项功能的实现295

16.3.3 商品列表区的实现296

16.4 商品详情页面的设计与实现297

16.4.1 商品详情页面的设计297

16.4.2 商品概要功能的实现299

16.4.3 商品评价功能的实现300

16.4.4 猜你喜欢功能的实现301

16.5 购物车页面的设计与实现303

16.5.1 购物车页面的设计303

16.5.2 购物车页面的实现303

16.6 付款页面的设计与实现305

16.6.1 付款页面的设计305

16.6.2 付款页面的实现305

16.7 登录注册页面的设计与实现307

16.7.1 登录注册页面的设计307

16.7.2 登录页面的实现308

16.7.3 注册页面的实现309

小结311

第17章 课程设计——游戏公园网站313

17.1 课程设计目的314

17.2 游戏公园网站概述314

17.2.1 网站特点314

17.2.2 功能结构315

17.3 主页的设计与实现316

17.3.1 主页的设计316

17.3.2 顶部区和底部区功能的实现317

17.3.3 推荐游戏功能的实现318

17.3.4 最新游戏功能的实现319

17.4 博客列表的设计与实现321

17.4.1 博客列表的设计321

17.4.2 博客列表的实现321

17.5 博客详情的设计与实现323

17.5.1 博客详情的设计323

17.5.2 博客详情的实现324

17.6 关于我们的设计与实现325

17.6.1 关于我们的设计325

17.6.2 关于我们的实现325

小结327

附录 实验328

实验1 通过Dreamweaver创建一个网页328

实验2 实现网页中的买家评论信息329

实验3 通过表格制作商品列表331

实验4 通过表单实现酒店筛选333

实验5 键盘按键绘制不同图形334

实验6 通过＜video＞标签添加视频336

实验7 实现鼠标滑过图片时的特效338

实验8 通过伪类选择器实现侧导航340

实验9 通过定位实现图片移动342

实验10 通过2D变换实现翻转洗牌343

实验11 输出一张图片345

实验12 通过循环语句输出年份和月份346

实验13 在页面指定位置显示当前日期347

实验14 图片放大缩小348

实验15 制作响应式网页主页349