HTML5炼成记2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML5炼成记PDF格式电子书版下载

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

Chapter01 一起来学HTML 514

Warming Up HTML 5能做什么14

Section 01更强大的元素16

01一起来画图16

02一个实用的表单17

03路痴的救星18

04让图片可以拖拽19

Section 02更精美的样式20

01漂亮的文字20

02炫酷的图片22

03设置动画效果23

04自适应网页25

Section 03更炫酷的特效26

01 banner是怎样制作的26

02消息的提示框27

Test课后作业28

Chapter02 网页绘图如此有趣32

Warming Up强大的canvas32

Section 01潜心修行canvas34

01圆形表盘34

Try it制作圆形表盘35

02分针、时针和秒针36

Try it制作表针36

03时间刻度线37

Try it制作时间刻度线38

04看看几点了39

Try it计时开始40

Section 02图像好看的样式42

01让图片更加高级43

Try it修饰图片44

02观看图片的局部45

Try it图片的局部显示46

03给图片添加“蒙版”48

Try it微信聊天框效果48

04图片的立体显示49

Try it图片的阴影效果50

Try it文字、边框、图片的阴影效果50

Section 03图形的各种效果51

01螺旋形旋转51

Try it螺旋旋转图形52

02两种渐变设置53

Try it图形的渐变设置53

03当图形重叠时55

Try it组合图形的绘制56

Test课后作业57

Chapter03 生成漂亮的表单60

Warming Up怎样让表单变漂亮60

Section 01一起制作表单62

01改变传统登录方式62

Try it制作一个登录表单63

02注册简洁大方型表单64

Try it制作简洁的注册型表单65

Section 02多姿多彩的表单65

01年月日的出现66

Try it表单中出现的日期67

02怎样限制范围67

Try it最大值和最小值的设置67

03选择自己喜欢的颜色68

Try it添加颜色样式68

Section 03更多好看的表单69

01简介浏览器支持情况70

02很多样式用法总结71

03实用的属性总结72

Test课后作业79

Chapter04 播放器的打开姿势82

Warming Up网页播放器82

Section 01看视频听音乐之前83

01了解浏览器支持情况84

02测试浏览器84

Try it亲测浏览器是否支持85

Try it嵌入插件作为备选解决不支持85

Section 02享受视听盛宴86

01沉浸在音乐的海洋86

Try it制作音乐播放器87

02打开视频的正确方式88

Try it制作视频播放器89

03了解播放器中的方法90

Test课后作业91

Chapter05 定位自己的位置96

Warming Up一起学习定位知识96

Section 01有导航不迷路97

01学习经纬度知识97

02 IP地址定位数据97

03 GPS地理定位98

Section 02开始定位99

01获取地理位置99

Try it获取当前的地理位置100

02浏览器的支持情况101

Try it测试浏览器支持情况102

Section 03找到自己103

01保护用户的隐私103

02调用地图接口104

Try it调用谷歌地图104

03显示你的位置106

Try it定位自己的位置108

Test课后作业111

Chapter06 实用的上传方式114

Warming Up拖拽上传的应用114

Section 01调整图片位置116

01实现拖放的步骤116

02实现拖拽的方法116

Section 02拖放操作117

01拖放应用118

Try it最简单的拖放操作118

02拖放列表121

Try it制作拖放列表121

03拖拽上传文件125

Try it附件的拖拽上传125

Section 03离线知识128

01支持离线行为128

Try it演示网页是否在线128

02检测浏览器支持与否129

Try it检测浏览器是否支持130

03 Web Workers的简单应用130

Test课后作业133

Chapter07 开启样式的大门136

Warming Up让网页多姿多彩136

Section 01给样式作修饰138

01选择元素进行样式设置138

Try it需要重点标注的句子138

02设置一类元素的样式139

Try it给所有元素设置相同样式140

Try it使用什么方法能制作出相同的效果140

03属性也可以设置样式140

Try it设置其中一张图片的属性141

Section 02选择性地修饰142

01新版本与旧版本的比较143

02让设计更高级144

Try it单击链接发生颜色变化145

Try it设置多彩的输入框146

Try it单击时按钮颜色发生变化147

03结构性伪类的用法148

Try it变化的字体颜色149

04伪类选择器150

Try it给第一句诗添加背景颜色151

Try it设置首字母的大小写152

Try it运用其他方法做出图片效果153

Test课后作业154

Chapter08 网页中的“动画片”158

Warming Up怎样让元素动起来158

Section 01过渡知识160

01与用户的互动160

Try it让元素不再呆板160

02变化出更多样式162

Try it多种变化效果163

03模拟DOCK的缩放特效164

Try it制作一个有导航的电脑桌面165

Section 02实现动画168

01动起来的关键169

Try it一起荡秋千170

02制作旋转的圈圈172

Try it制作loading图标173

Try it制作loading进度条174

03使用放大镜查看175

Try it使用放大镜查看图片176

Test课后作业177

Chapter09 让浏览更轻松180

Warming Up三站合一180

Section 01自适应效果182

01多媒体查询能做什么182

02窗口大小控制颜色184

Try it网页背景随浏览器大小改变而改变185

03自适应导航栏189

Try it制作流行的网页导航栏189

Section 02与用户的互动194

01制作一张电子报纸195

Try it多列布局的用法195

02 Photoshop中的滤镜效果198

Try it PS一张美女图片200

03修饰图片201

Try it修饰图片的轮廓202

04开关按钮样式202

Try it用最简单的方法制作按钮203

Test课后作业206

Chapter10 重要的网页元素210

Warming Up变花样的文字和边框210

Section 01文字让网页更突出212

01文字的阴影效果212

Try it让文字显得立体212

Try it用阴影增加前景色与背景色的对比215

02更多的文字效果215

Try it制作更多文字效果216

03文本溢出的设置220

Try it制作文本的溢出效果221

04英文单词的换行222

Try it长单词的换行222

Try it拆分单词223

Section 02颜色让网页更好看224

01多变的颜色225

Try it制作颜色渐变226

Try it制作一颗闪闪的星星228

02色彩的模式229

Try it制作一个HSL颜色模式表229

03扩展的色彩模式231

Try it制作颜色的不透明度232

Section 03动作让网页更高级233

01图片的3D旋转234

Try it制作图片的3D旋转234

02高级图标235

Try it制作扁平化的图标235

Test课后作业237

Chapter11 特效是用什么做的240

Warming Up JavaScript怎样嵌入240

Section 01流行的网页样式242

01 JavaScript的作用242

02 JavaScript的特点244

03 JavaScript的应用245

Try it单击按钮出现文字246

Section 02炫酷特效的前提248

01掌握一些类型249

02了解一些语句255

Try it单击按钮出现问候语255

Try it用时间点来设置问候语257

Try it让代码循环计算5次259

Try it一直循环代码260

03应用哪些事件261

04事件的句柄266

05怎样处理事件266

Test课后作业268

Chapter12 炫酷效果应用方向272

Warming Up怎样制作滚动banner272

Section 01这个函数不一样274

01函数定义274

Try it单击按钮显示“你好”274

Try it单击按钮出现欢迎词275

Try it制作一个计算器276

02函数参数277

Try it给参数设置默认值278

Try it设置查找值的函数279

03函数调用281

Section 02表单中的应用282

01按钮对象282

Try it设置表单的按钮对象283

02复选框对象283

Try it可以全选的复选框284

03列表框对象284

Try it设置列表框对象285

04增加列表框285

Try it与用户的互动效果286

05表单中的时间286

Try it调用时间286

Section 03网页中的应用287

01轮播图效果288

Try it制作一个网页的轮播图288

02字体闪烁效果296

Try it制作文字的闪烁效果297

03鼠标滑过效果298

Try it制作鼠标滑过图片的震动效果298

Section 04 网页中的特效300

01显示网页停留时间300

Try it显示所在网页停留的时间300

02制作定时关闭窗口301

Try it让窗口在设定好的时间自动关闭302

Test课后作业302