新書推薦:
《
量子网络的构建与应用
》
售價:HK$
109.8
《
拍电影的热知识:126部影片里的创作技巧(全彩插图版)
》
售價:HK$
109.8
《
大唐名城:长安风华冠天下
》
售價:HK$
87.4
《
情绪传染(当代西方社会心理学名著译丛)
》
售價:HK$
88.5
《
中国年画 1950-1990 THE NEW CHINA: NEW YEAR PICTURE 英文版
》
售價:HK$
236.0
《
革命与反革命:社会文化视野下的民国政治(近世中国丛书)
》
售價:HK$
93.2
《
画楼:《北洋画报》忆旧(年轮丛书)
》
售價:HK$
337.5
《
大国脊梁:漫画版
》
售價:HK$
80.2
|
編輯推薦: |
《HTML5 CSS3网页设计(全案例微课版)》的特色如下
通过精选的热点案例,让初学者快速掌握网页设计技术;通过微信扫码看视频,随时在移动端学习技能对应的视频操作;通过实战技能训练营检验读者的学习情况,并提供扫码看答案,能够快速、有效地提升读者的网页设计、项目开发实战技能。
零基础、入门级的讲解
无论您是否从事计算机相关行业,无论您是否接触过网页样式和布局,都能从本书中找到适合的起点。
实用、专业的案例和项目
本书在编排上紧密结合深入学习网页设计的过程,从HTML5 基本概念开始,逐步带领读者学习网页设计的各种应用技巧,侧重实战技能,使用简单易懂的实际案例进行分析和操作指导,让读者学起来简明轻松,操作起来有章可循。
随时随地学习
本书提供了微课视频,通过手机扫码即可观看,随时随地解决学习中的困惑。
超大容量优质资源
赠送大量优质资源,包括实例源代码、教学幻灯片、本书精品教学视频、88 个实用网页模板、12 部网页开发参考手册、HTML5 标记速查手册、精选的JavaScript 实例、CSS3 属性速查表、JavaScript 函数速查手册、CSS DIV 布局赏析
|
內容簡介: |
《HTML5 CSS3网页设计(全案例微课版)》是HTML5 CSS3网页设计入门教材。 《HTML5 CSS3网页设计(全案例微课版)》侧重于案例,并以微课方式来讲解网页设计的相关内容。全书分为23章,主要内容包括认识HTML5,设计网页的文本与段落,设计网页列表,网页中的图像和超链接,表格与〈div〉标记,网页中的表单,网页中的多媒体,认识CSS样式表,设计图片、链接和菜单的样式,设计表格和表单的样式,使用CSS3设计动画效果,JavaScript和jQuery,绘制图形,文件与拖放,地理位置技术,离线Web应用程序,处理线程和服务器事件,数据存储和通信技术,设计流行的响应式网页。后通过4个热点综合项目,进一步巩固读者的项目开发知识和技能。 《HTML5 CSS3网页设计(全案例微课版)》内容丰富,条理清晰,实用性强,适合高校非计算机专业及社会培训机构师生,以及自学网页设计爱好者。
|
關於作者: |
刘春茂在郑州轻工业大学主要负责计算机系的毕业生实训,善于引导学生学习,让学校所学的知识和社会的需求很好地衔接,同时具有丰富的教学经验和开发经验。曾做项目:电子货币交易系统、 B2C 电子商务平台、网上书店和评教系统等,具有很强的实战经验。
|
目錄:
|
第1章 认识HTML5 001
1.1 HTML的基本概念 002
1.1.1 什么是HTML 002
1.1.2 HTML的发展历程 002
1.2 HTML文件的基本结构 003
1.3 认识HTML5基本标记 003
1.3.1 文档类型说明 003
1.3.2 标记 004
1.3.3 头标记 004
1.3.4 网页的主体标记 007
1.3.5 页面注释标记 007
1.4 HTML5网页的开发环境 008
1.4.1 使用记事本手工编写HTML代码 008
1.4.2 使用WebStorm编写HTML代码 009
1.5 新手常见疑难问题 013
1.6 实战技能训练营 015
第2章 设计网页的文本与段落 016
2.1 标题 017
2.1.1 标题文字标记 017
2.1.2 标题的对齐方式 018
2.2 设置文字格式 018
2.2.1 文字的字体、字号和颜色 018
2.2.2 文字的粗体、斜体和下划线 020
2.2.3 文字的上标和下标 021
2.3 设置段落格式 021
2.3.1 段落标记 021
2.3.2 段落的换行标记 022
2.3.3 段落的原格式标记 022
2.4 网页的水平线 023
2.4.1 添加水平线 023
2.4.2 设置水平线的宽度与高度 023
2.5 新手常见疑难问题 024
2.6 实战技能训练营 024
第3章 设计网页列表 026
3.1 无序列表 027
3.1.1 无序列表的标记 027
3.1.2 无序列表的属性 027
3.2 有序列表 028
3.2.1 有序列表的标记 028
3.2.2 有序列表的属性 029
3.3 自定义列表 029
3.4 列表的嵌套 030
3.5 新手常见疑难问题 031
3.6 实战技能训练营 031
第4章 网页中的图像和超链接 032
4.1 网页中的图像 033
4.1.1 网页支持的图片格式 033
4.1.2 图像的路径 034
4.2 在网页中插入图像 035
4.3 编辑网页中的图像 036
4.3.1 设置图像的大小和边框 036
4.3.2 设置图像的间距和对齐方式 037
4.3.3 设置图像的替换文字和提示文字 038
4.4 认识网页超链接 039
4.4.1 什么是网页超链接 039
4.4.2 超链接的URL 040
4.4.3 超链接的URL类型 040
4.5 建立网页超链接 040
4.5.1 创建超文本链接 041
4.5.2 创建图片链接 042
4.5.3 创建下载链接 042
4.5.4 使用相对路径和路径 043
4.5.5 设置以新窗口显示超链接页面 043
4.5.6 设置电子邮件链接 044
4.6 使用浮动框架iframe 045
4.7 使用书签链接制作电子书阅读网页 046
4.8 图像热点链接 048
4.9 新手常见疑难问题 050
4.10 实战技能训练营 051
第5 章 表格与 标记 052
5.1 表格的基本结构 053
5.2 创建表格 054
5.2.1 创建普通表格 054
5.2.2 创建带有标题的表格 055
5.3 编辑表格 055
5.3.1 定义表格的边框类型 055
5.3.2 定义表格的表头 056
5.3.3 设置表格背景 056
5.3.4 设置单元格的背景 057
5.3.5 合并单元格 058
5.3.6 表格的分组 060
5.3.7 设置单元格的行高与列宽 061
5.4 完整的表格标记 061
5.5 设置悬浮变色的表格 062
5.6 标记 064
5.7 标记 065
5.8 新手常见疑难问题 066
5.9 实战技能训练营 066
第6 章 网页中的表单 068
6.1 表单概述 069
6.2 输入标记 069
6.2.1 文本框 069
6.2.2 单选按钮和复选框 071
6.2.3 按钮 073
6.3 图像域和文件域 074
6.4 列表框 075
6.5 表单的高级元素 076
6.5.1 url 属性 076
6.5.2 email 属性 077
6.5.3 date 和time 属性 077
6.5.4 number 属性 078
6.5.5 range 属性 079
6.5.6 required 属性 079
6.6 新手常见疑难问题 080
6.7 实战技能训练营 080
第7 章 网页中的多媒体 081
7.1 标记概述 082
7.1.1 认识 标记 082
7.1.2 标记的属性 083
7.1.3 浏览器对 标记的支持情况 083
7.2 添加音频文件 083
7.3 标记 084
7.3.1 认识 标记 085
7.3.2 标记的属性 086
7.3.3 浏览器对 标记的支持
情况 086
7.4 添加视频文件 087
7.5 新手常见疑难问题 088
7.6 实战技能训练营 089
第8 章 认识CSS 样式表 090
8.1 CSS 概述 091
8.1.1 CSS 的功能 091
8.1.2 CSS 的基础语法 091
8.2 创建和链接CSS 文件 092
8.3 CSS 选择器 093
8.3.1 标记选择器 093
8.3.2 类选择器 094
8.3.3 ID 选择器 095
8.3.4 伪类选择器 096
8.3.5 属性选择器 096
8.4 CSS 常用样式 098
8.4.1 使用字体样式 098
8.4.2 使用文本样式 101
8.4.3 使用背景样式 104
8.4.4 设计边框样式 107
8.4.5 设置列表样式 109
8.5 新手常见疑难问题 112
8.6 实战技能训练营 112
第9 章 设计图片、链接和菜单的样式 113
9.1 设计图片的样式 114
9.1.1 设置图片的大小 114
9.1.2 图片对齐 115
9.1.3 文字环绕图片 117
9.1.4 图片与文字的间距 118
9.2 为图片添加圆角边框样式 119
9.3 设计链接的样式 120
9.3.1 设置链接样式 120
9.3.2 定义下划线样式 121
9.3.3 定义链接背景图 122
9.3.4 定义链接提示信息 123
9.3.5 定义链接按钮样式 124
9.4 设计菜单的样式 125
9.4.1 制作动态导航菜单 125
9.4.2 制作多级菜单列表 127
9.5 新手常见疑难问题 129
9.6 实战技能训练营 129
第10 章 设计表格和表单的样式 131
10.1 设计表格的样式 132
10.1.1 设置表格颜色 132
10.1.2 设置表格边框 133
10.1.3 表格边框宽度 134
10.1.4 表格边框颜色 135
10.1.5 表格标题的位置 135
10.1.6 隐藏空单元格 136
10.1.7 单元格的边距 137
10.2 设计表单的样式 138
10.2.1 表单的字体样式 138
10.2.2 表单的边框样式 139
10.2.3 表单的背景样式 141
10.2.4 设计按钮样式 142
10.2.5 设计下拉菜单样式 143
10.3 新手常见疑难问题 144
10.4 实战技能训练营 144
第11 章 使用CSS3 设计动画效果 146
11.1 2D 转换动画效果 147
11.1.1 添加2D 移动效果 147
11.1.2 添加2D 旋转效果 148
11.1.3 添加2D 缩放效果 149
11.1.4 添加2D 倾斜效果 150
11.1.5 添加2D 综合变换效果 151
11.2 3D 转换动画效果 151
11.2.1 添加3D 移动效果 152
11.2.2 添加3D 旋转效果 154
11.2.3 添加3D 缩放效果 157
11.3 设计过渡动画效果 160
11.3.1 设置过渡属性 160
11.3.2 设置过渡时间 161
11.3.3 设置延迟时间 162
11.3.4 设置过渡动画类型 162
11.4 设计帧动画效果 164
11.4.1 设置关键帧 164
11.4.2 设置动画属性 166
11.5 新手常见疑难问题 168
11.6 实战技能训练营 169
第12 章 JavaScript 和jQuery 170
12.1 认识JavaScript 171
12.1.1 什么是JavaScript 171
12.1.2 在网页头部嵌入JavaScript代码 171
12.2 JavaScript 对象与函数 172
12.2.1 认识对象 172
12.2.2 认识函数 173
12.3 JavaScript 事件 174
12.3.1 事件与事件处理概述 174
12.3.2 JavaScript 常用事件 175
12.4 认识jQuery 176
12.4.1 jQuery 能做什么 176
12.4.2 jQuery 的配置 177
12.5 jQuery 选择器 177
12.5.1 jQuery 工厂函数 177
12.5.2 常见选择器 178
12.6 新手常见疑难问题 179
12.7 实战技能训练营 179
第13 章 绘制图形 181
13.1 添加canvas 182
13.2 绘制基本形状 182
13.2.1 绘制矩形 183
13.2.2 绘制圆 183
13.2.3 使用moveTo与lineTo 绘制直线 184
13.2.4 使用bezierCurveTo 绘制贝济埃曲线 185
13.3 绘制变形图形 186
13.3.1 绘制平移效果的图形 186
13.3.2 绘制缩放效果的图形 187
13.3.3 绘制旋转效果的图形 188
13.3.4 绘制组合效果的图形 188
13.4 绘制文字 190
13.5 新手常见疑难问题 191
13.6 实战技能训练营 191
第14 章 文件与拖放 193
14.1 选择文件 194
14.1.1 选择单个文件 194
14.1.2 选择多个文件 194
14.2 使用FileReader 接口读取文件 195
14.2.1 检测浏览器支持FileReader 接口否 195
14.2.2 FileReader 接口的方法 195
14.2.3 使用readAsDataURL 方法预览图片 196
14.2.4 使用readAsText 方法读取文本文件 197
14.3 使用HTML5 实现文件拖放 198
14.3.1 认识文件拖放的过程 198
14.3.2 浏览器支持情况 199
14.4 拖放图片和文字 199
14.4.1 来回拖放图片 200
14.4.2 拖放文字 201
14.5 新手常见疑难问题 203
14.6 实战技能训练营 203
第15 章 地理位置技术 205
15.1 利用Geolocation API 获取地理位置 206
15.1.1 地理定位的原理 206
15.1.2 获取定位信息的方法 206
15.1.3 常用地理定位方法 206
15.1.4 判断浏览器可否获取地理位置信息 207
15.1.5 指定纬度和经度坐标 208
15.1.6 获取当前位置的经度与纬度 209
15.1.7 处理错误和拒绝 210
15.2 浏览器对地理定位的支持情况 211
15.3 调用Google 地图 211
15.4 新手常见疑难问题 214
15.5 实战技能训练营 214
第16 章 离线Web 应用程序 215
16.1 HTML5 离线Web 应用概述 216
16.2 使用HTML5 离线Web 应用API 216
16.2.1 检查浏览器的支持情况 216
16.2.2 搭建简单的离线应用程序 216
16.2.3 支持离线行为 217
16.2.4 Manifest 文件 217
16.2.5 ApplicationCache API 218
16.3 使用HTML5 构建离线Web 应用 220
16.3.1 创建记录资源的manifest 文件 220
16.3.2 创建构成界面的HTML 和CSS 220
16.3.3 创建离线的JavaScript 221
16.3.4 检查applicationCache 的支持情况 222
16.3.5 添加Update 按钮处理函数 223
16.3.6 添加Storage 功能代码 223
16.3.7 添加离线事件处理程序 223
16.4 离线定位跟踪 224
16.5 新手常见疑难问题 228
16.6 实战技能训练营 228
第17 章 处理线程和服务器事件 230
17.1 Web Workers 231
17.1.1 Web Workers 概述 231
17.1.2 线程中常用的变量、函数与类 231
17.1.3 与线程进行数据交互 232
17.2 线程嵌套 234
17.2.1 线程嵌套 234
17.2.2 多个子线程之间的数据交互 236
17.3 服务器事件概述 237
17.4 服务器事件的实现过程 238
17.4.1 检测浏览器支持Server-Sent 事件否 238
17.4.2 使用EventSource 对象 238
17.4.3 编写服务器端代码 239
17.5 创建Web Worker 计数器 239
17.6 服务器事件实战应用 241
17.7 新手常见疑难问题 242
17.8 实战技能训练营 243
第18 章 数据存储和通信技术 244
18.1 认识Web 存储 245
18.1.1 本地存储和Cookies 的区别 245
18.1.2 Web 存储方法 245
18.2 使用HTML5 Web Storage API 245
18.2.1 测试浏览器的支持情况 245
18.2.2 使用sessionStorage 方法创建对象 246
18.2.3 使用localStorage 方法创建对象 247
18.2.4 Web Storage API 的其他操作 248
18.2.5 使用JSON 对象存取数据 249
18.3 浏览器对Web 存储的支持情况 251
18.4 跨文档消息传输 251
18.4.1 跨文档消息传输的基本知识 251
18.4.2 跨文档通信应用测试 252
18.5 WebSocket API 254
18.5.1 什么是WebSocket API 254
18.5.2 WebSocket 通信基础 254
18.5.3 服务器端使用WebSocket API 256
18.5.4 客户端使用WebSocket API 258
18.6 制作简单的Web 留言本 259
18.7 编写简单的WebSocket 服务器 261
18.8 新手常见疑难问题 265
18.9 实战技能训练营 266
第19 章 设计流行的响应式网页 267
19.1 什么是响应式网页设计 268
19.2 像素和屏幕分辨率 269
19.3 视口 269
19.3.1 视口的分类和常用属性 269
19.3.2 媒体查询 270
19.4 设计响应式网页布局 271
19.4.1 常用布局类型 271
19.4.2 布局的实现方式 271
19.4.3 响应式布局的设计与实现 273
19.5 响应式图片 273
19.5.1 使用 标记 273
19.5.2 使用CSS 图片 274
19.6 响应式视频 276
19.7 响应式导航菜单 276
19.8 响应式表格 278
19.8.1 隐藏表格中的列 278
19.8.2 滚动表格中的列 279
19.8.3 转换表格中的列 281
19.9 流行的响应式开发框架Bootstrap 283
19.10 新手常见疑难问题 284
19.11 实战技能训练营 285
第20 章 项目实训1——开发在线购物网站 286
20.1 整体布局 287
20.1.1 设计分析 287
20.1.2 排版架构 287
20.2 主要模块设计 288
20.2.1 Logo 与导航区 288
20.2.2 Banner 与资讯区 289
20.2.3 产品类别区域 290
20.2.4 页脚区域 292
第21 章 项目实训2——开发企业门户网站 293
21.1 构思布局 294
21.1.1 设计分析 294
21.1.2 排版架构 294
21.2 主要模块设计 295
21.2.1 Logo 与导航菜单 295
21.2.2 Banner 区 296
21.2.3 资讯区 297
21.2.4 版权信息 299
第22 章 项目实训3——开发连锁咖啡响应式网站 300
22.1 网站概述 301
22.1.1 网站结构 301
22.1.2 设计效果 301
22.1.3 设计准备 302
22.2 设计首页布局 303
22.3 设计可切换导航 304
22.4 主体内容 309
22.4.1 设计轮播广告区 309
22.4.2 设计产品推荐区 311
22.4.3 设计登录注册和Logo 312
22.4.4 设计特色展示区 313
22.4.5 设计产品生产流程区 315
22.5 设计底部隐藏导航 317
第23 章 项目实训4——开发游戏中心响应式网站 319
23.1 网站概述 320
23.1.1 网站文件的结构 320
23.1.2 排版架构 320
23.1.3 设计准备 320
23.2 项目代码实现 321
23.2.1 设计游戏中心网站的首页 321
23.2.2 设计游戏列表页面 331
23.2.3 设计游戏评论页面 333
23.2.4 设计游戏新闻页面 335
23.2.5 设计游戏博客页面 335
23.2.6 设计联系我们页面 338
|
內容試閱:
|
“网站开发全案例微课版”系列图书是专门为网站开发和数据库初学者量身定做的一套学习用书。整套书涵盖网站开发、数据库设计等方面。
本书具有以下特点
前沿科技
无论是数据库设计还是网站开发,作者精选较为前沿或者用户群多的领域,以帮助大家认识和了解动态。
权威的作者团队
组织国家重点实验室和资深应用专家联手编著本套图书,融合了作者丰富的教学经验与优秀的管理理念。
学习型案例设计
以技术的实际应用为主线,全程采用图解和多媒体同步结合的教学方式,生动、直观、全面地剖析使用过程中的各种应用技能,从而降低读者的学习难度,提升学习效率。
扫码看视频
通过微信扫码看视频,可以随时在移动端学习技能对应的视频操作。
编写目的
随着用户页面体验要求的提高,页面前端技术日趋重要,HTML5技术不断成熟,使其在前端技术中突显优势。随着各大厂商浏览器的广泛支持,它会更加盛行,特别是响应式网页设计技术,可以自动适应电脑和移动端设备,越来越受到广大网页设计师的喜爱。对HTML5 CSS3网页设计的学习已成为网页设计师的必修功课。目前学习和关注的人越来越多,对初学者来说,实用性强和易于操作是的需求。本书针对想学习网页设计的初学者,快速让初学者入门后提高实战水平。通过本书的案例实训,大学生可以很快上手流行的网页样式和布局方法,提高职业化能力,从而帮助解决公司与学生的双向需求。
本书特色
通过精选的热点案例,让初学者快速掌握网页设计技术;通过微信扫码看视频,随时在移动端学习技能对应的视频操作;通过实战技能训练营检验读者的学习情况,并提供扫码看答案,能够快速、有效地提升读者的网页设计、项目开发实战技能。
零基础、入门级的讲解
无论您是否从事计算机相关行业,无论您是否接触过网页样式和布局,都能从本书中找到起点。
实用、专业的案例和项目
本书在编排上紧密结合深入学习网页设计的过程,从HTML5 基本概念开始,逐步带领读者学习网页设计的各种应用技巧,侧重实战技能,使用简单易懂的实际案例进行分析和操作指导,让读者学起来简明轻松,操作起来有章可循。
随时随地学习
本书提供了微课视频,通过手机扫码即可观看,随时随地解决学习中的困惑。
超大容量王牌资源
赠送大量王牌资源,包括实例源代码、教学幻灯片、本书精品教学视频、88 个实用网页模板、12 部网页开发参考手册、HTML5 标记速查手册、精选的JavaScript 实例、CSS3 属性速查表、JavaScript 函数速查手册、CSS DIV 布局赏析案例、精彩网站配色方案、网页样式与布局案例、Web 前端工程师常见面试题等。
读者对象
本书是一本完整介绍网页设计技术的教程,内容丰富,条理清晰,实用性强,适合以下读者学习使用:
零基础的网页设计自学者;
希望快速、全面掌握HTML5 CSS3 网页设计的人员;
高等院校或培训机构的老师和学生;
参加毕业设计的学生。
创作团队
本书由刘春茂主编,参加编写的人员还有刘辉、李艳恩和张华。在编写过程中,我们虽竭尽所能将好的讲解呈现给读者,但难免有疏漏和不妥之处,敬请读者不吝指正。
|
|