HTML5+CSS3+JavaScript入门很轻松:微课版

内容简介

《HTML5+CSS3+Javascript入门很轻松：微课版》结合流行有趣的热点案例，详细介绍了HTML5+CSS3+Javascript开发中的各项技术。《HTML5+CSS3+Javascript入门很轻松：微课版》共17章，分别介绍了HTML5基础、网页中的文本、图像和超链接、CSS3基础入门、CSS3常用属、CSS3的应用、设计列表与菜单、表格与标记、网页中的表单、Javascript基础入门、Javascript编程基础、Javascript对象编程、Javascript事件机制、绘制网页图形、文件与拖放、响应式网页组件，后通过设计企业响应式网站的综合案例对《HTML5+CSS3+Javascript入门很轻松：微课版》所讲的各项技术进行了综合应用。 《HTML5+CSS3+Javascript入门很轻松：微课版》内容侧重实战，每个重要的技术都精心配置了实例，在讲解完知识点的详细内容后，可以通过实例进一步深入了解该技术的应用场景及实现效果，这种“知识点+实例”的设置更易于记忆和理解，也为实际应用打下了坚实的基础。另外，书中还设置有“大牛提醒”，对重要的知识点查漏补缺或进行拓展说明，以做到内容全覆盖。每章内容学习完还可以通过“实战训练”检验学习成果，并且案例和实战练习都配有操作，在学习中遇到疑难可以观看寻求答案。 《HTML5+CSS3+Javascript入门很轻松：微课版》适合零基础的网页设计者和希望快速掌握HTML5+CSS3+Javascript开发技术的人员学习使用；针对有网页设计基础的读者，也可以通过《HTML5+CSS3+Javascript入门很轻松：微课版》进一步理解HTML5+CSS3+Javascript的重要知识和开发技能。对于大中专院校的学生和培训机构的学员，《HTML5+CSS3+Javascript入门很轻松：微课版》也是一本实用的教材。

目录

目录第1章 HTML5基础 0011.1 HTML概述 0011.1.1 什么是HTML 0011.1.2 HTML的发展历程 0021.2 HTML5文件的基本结构 0021.2.1 认识标记 0021.2.2 认识元素 0031.2.3 HTML文件结构 0031.3 HTML5的基本标记 0041.3.1 文件类型说明 0041.3.2 文件开始标记 0041.3.3 文件头部标记 0041.3.4 文件标题标记 0051.3.5 元信息标记 0051.3.6 网页主体标记 0051.3.7 页面注释标记 0061.4 编写我的个HTML文件 0061.4.1 使用“记事本”编写 0061.4.2 使用WebStorm工具编写 0071.5 新手疑难问题解答 0101.6 实战训练 011第2章 网页中的文本 0122.1 设置标题格式 0122.1.1 标题标记 0122.1.2 标题对齐方式 0132.2 设置文字格式 0142.2.1 文字的字体、大小和颜色 0142.2.2 文字的斜体、下画线和删除线 0162.2.3 公式的上标和下标 0172.3 设置段落格式 0172.3.1 段落标记 0172.3.2 段落换行标记 0182.3.3 段落原格式标记 0192.4 网页的水平线 0202.4.1 添加水平线 0202.4.2 设置水平线的样式 0202.5 新手疑难问题解答 0212.6 实战训练 021第3章 图像和超链接 0233.1 添加图像 0233.1.1 了解图像格式 0233.1.2 图像中的路径 0243.1.3 插入图像 0253.2 设置图像属 0263.2.1 图像的大小与边框 0263.2.2 图像间距和对齐方式 0273.2.3 替换文本与提示文字 0283.3 网页中的超链接 0303.3.1 文本链接 0303.3.2 下载链接 0313.3.3 书签链接 0323.3.4 电子邮件链接 0333.4 图像的超链接 0343.4.1 创建图片链接 0343.4.2 图像热点链接 0353.5 新手疑难问题解答 0363.6 实战训练 037第4章 CSS3基础入门 0384.1 CSS概述 0384.1.1 CSS发展历史 0384.1.2 CSS语法规则 0394.1.3 CSS注释方式 0394.2 HTML5中调用CSS的方法 0404.2.1 行内样式 0404.2.2 内嵌样式 0414.2.3 链接样式 0424.2.4 导入样式 0434.3 CSS3中的选择器 0444.3.1 标记选择器 0444.3.2 全局选择器 0454.3.3 类与ID选择器 0454.3.4 组合选择器 0474.3.5 属选择器 0484.3.6 伪类选择器 0494.3.7 结构伪类选择器 0504.3.8 UI元素状态伪类选择器 0514.4 新手疑难问题解答 0524.5 实战训练 052第5章 CSS3常用属 0545.1 文本相关属 0545.1.1 定义字体类型 0545.1.2 定义字体大小 0555.1.3 定义文字的颜色 0565.1.4 定义文本的水平对齐方式 0575.2 图片相关属 0585.2.1 定义文字环绕图片的样式 0585.2.2 定义图片与文字的间距 0595.3 边框相关属 0605.3.1 边框样式 0605.3.2 边框颜色 0615.3.3 边框线宽 0635.3.4 边框半径 0645.4 背景相关属 0675.4.1 设置背景颜色 0675.4.2 设置背景图像 0685.4.3 平铺背景图像 0695.4.4 定位背景图像 0715.4.5 设置背景图像大小 0725.5 新手疑难问题解答 0735.6 实战训练 074第6章 CSS3的应用 0756.1 盒子模型 0756.1.1 盒子模型的外边距 0766.1.2 盒子模型的边框 0786.1.3 盒子模型的内边距 0796.1.4 盒子模型的高度和宽度 0806.1.5 盒子模型的相关属 0826.2 动画与 0836.2.1 变换动画效果 0846.2.2 过渡动画效果 0866.2.3 帧动画效果 0886.3 新手疑难问题解答 0936.4 实战训练 093第7章 设计列表与菜单 0947.1 认识列表标记 0947.1.1 无序列表标记 0947.1.2 有序列表标记 0957.1.3 自定义列表标记 0967.1.4 列表的嵌套 0987.2 使用CSS设计列表样式 0987.2.1 无序项目列表 0997.2.2 有序项目列表 1007.2.3 图片列表样式 1017.2.4 列表复合属 1037.3 使用CSS 设计菜单样式 1047.3.1 制作动态导航菜单 1047.3.2 制作水平方向菜单 1057.3.3 制作多级菜单列表 1067.4 新手疑难问题解答 1087.5 实战训练 109第8章 表格与标记 1108.1 简单表格 1108.1.1 创建简单表格 1108.1.2 表格的表头 1128.2 表格的应用 1138.2.1 表格的样式 1138.2.2 表格的合并 1148.2.3 表格的分组 1158.3 使用CSS3设计表格样式 1178.3.1 设置表格颜色 1178.3.2 设置表格边框 1188.3.3 表格标题位置 1208.3.4 隐藏空单元格 1208.3.5 单元格的边距 1218.4 与标记 1238.5 新手疑难问题解答 1248.6 实战训练 124第9章 网页中的表单 1259.1 表单概述 1259.1.1 表单定义 1259.1.2 表单标记

1259.2 输入标记 1269.2.1 文本框 1269.2.2 单选按钮和复选框 1279.2.3 按钮 1289.2.4 图像域和文件域 1299.3 文本域与列表 1319.3.1 文本域 1319.3.2 列表/菜单 1329.4 使用CSS3设计表单样式 1339.4.1 表单字体样式 1339.4.2 表单边框样式 1349.4.3 表单背景样式 1369.4.4 表单按钮样式 1389.4.5 下拉菜单样式 1399.5 新手疑难问题解答 1409.6 实战训练 140第10章 Javascript基础入门 14110.1 Javascript概述 14110.1.1 Javascript能做什么 14110.1.2 Javascript的主要特点 14210.1.3 Javascript在HTML中的使用 14210.2 Javascript的语法 14310.2.1 代码执行顺序 14310.2.2 区分大小写 14310.2.3 分号与空格 14410.2.4 注释语句 14410.3 Javascript语言基础 14410.3.1 认识变量 14410.3.2 数据类型 14510.3.3 认识运算符 14610.3.4 运算符优先级 15210.4 新手疑难问题解答 15210.5 实战训练 153第11章 Javascript编程基础 15411.1 Javascript中的语句 15411.1.1 条件语句 15411.1.2 循环语句 15511.1.3 跳转语句 15711.2 Javascript对象与数组 15811.2.1 创建对象 15811.2.2 常用内置对象 16011.2.3 数组对象与方法 16511.3 Javascript中的函数 17011.3.1 定义函数 17011.3.2 函数调用 17211.4 新手疑难问题解答 17511.5 实战训练 175第12章 Javascript对象编程 17612.1 窗口(Window)对象 17612.1.1 窗口对象属 17612.1.2 窗口对象方法 17712.2 Javascript对话框 18012.2.1 警告对话框 18012.2.2 确认对话框 18212.2.3 提示对话框 18312.3 文档对象 18412.3.1 文档对象属 18412.3.2 文档对象方法 18812.4 文档对象模型 19112.4.1 DOM简介 19112.4.2 基本的DOM方法 19212.5 操作DOM中的节点 19212.5.1 访问节点 19312.5.2 创建节点 19312.5.3 插入节点 19412.5.4 删除节点 19512.5.5 节点 19512.5.6 替换节点 19612.6 新手疑难问题解答 19712.7 实战训练 197第13章 Javascript事件机制 19913.1 什么是事件 19913.2 事件的调用方式 19913.2.1 在cript>标记中调用 20013.2.2 在元素中调用 20013.3 Javascript常用事件 20113.3.1 鼠标相关事件 20213.3.2 键盘相关事件 20513.3.3 表单相关事件 20713.3.4 拖动相关事件 21213.4 处理事件的方式 21413.4.1 通过匿名函数处理 21413.4.2 通过显式声明处理 21513.4.3 通过手工触发处理 21613.5 新手疑难问题解答 21713.6 实战训练 217第14章 绘制网页图形 21914.1 标记 21914.2 绘制基本形状 21914.2.1 绘制矩形 21914.2.2 绘制圆形 22014.2.3 绘制直线 22114.2.4 绘制贝济埃曲线 22214.3 绘制变形图形 22314.3.1 绘制平移效果的图形 22414.3.2 绘制缩放效果的图形 22514.3.3 绘制旋转效果的图形 22614.3.4 绘制带阴影效果的图形 22714.4 绘制文字 22814.4.1 绘制轮廓文字 22914.4.2 绘制填充文字 23014.5 新手疑难问题解答 23114.6 实战训练 232第15章 文件与拖放 23315.1 选择文件 23315.1.1 选择单个文件 23315.1.2 选择多个文件 23415.2 读取文件 23415.2.1 检测浏览器是否支持FileReader接口 23415.2.2 FileReader接口的方法 23515.2.3 使用readAsDataURL()方法预览图片 23515.2.4 使用readAsText()方法读取文本文件 23615.3 拖放文件 23815.3.1 拖放页面元素 23815.3.2 dataTransfer属 23915.3.3 在网页中拖放文字 24015.4 新手疑难问题解答 24215.5 实战训练 242第16章 响应式网页组件 24416.1 响应式网页设计概述 24416.1.1 什么是响应式网页设计 24416.1.2 响应式网页设计原理 24516.1.3 像素和屏幕分辨率 24516.1.4 视口与媒体查询 24616.2 响应式网页的布局设计 24816.2.1 常用布局类型 24816.2.2 布局的实现方式 24916.2.3 响应式布局的实现 24916.3 响应式图片 25016.3.1 使用标记 25016.3.2 使用CSS图片 25116.4 响应式 25216.5 响应式导航菜单 25316.6 响应式表格 25516.6.1 隐藏表格中的列 25616.6.2 滚动表格中的列 25716.6.3 转换表格中的列 25916.7 新手疑难问题解答 26016.8 实战训练 261第17章 设计企业响应式网站 26217.1 网站概述 26217.1.1 网站结构 26217.1.2 设计效果 26217.1.3 设计准备 26317.2 设计主页 26417.2.1 主页布局 26417.2.2 设计导航条 26417.2.3 设计轮播广告 26517.2.4 设能区 26717.2.5 设计展示 26917.2.6 设计脚注 27117.3 设计侧边导航栏 27217.4 设计登录页 274

摘要与插图

　目前，浏览网页已经成为人们生活、娱乐、工作的一部分，网页页面也随着网页开发技术的发展越来越丰富和美观，网页中不仅有文字、图片，还有、动画效果等，极大提升了用户的视觉感受。HTML可以实现网页设计和制作，尤其是可以开发动态网站。本章来介绍HTML的相关基础知识。
　　1.1　HTML概述
　　HTML（Hyper Text Markup Language，超文本标记语言）是纯文本类型的语言，它是Inter上用于编写网页的主要语言，使用HTML编写的网页文本也是标准的纯文本文件。
　　1.1.1　什么是HTML
　　HTML是一种用于创建网页的标准标记语言，用户可以使用HTML建立自己的Web站点，HTML运行在浏览器上，由浏览器解析。HTML不是一种编程语言，而是一种描述标记语言，用于描述超文本中的内容和结构。
　　HTML文含了HTML标签及文本内容，HTML文档也叫Web页面。HTML可以使用文本编辑器（例如Windows系统中的“记事本”程序）打开，查看其中的HTML源代码；也可以在用浏览器打开网页时，右击，在弹出的快捷菜单中选择“查看网页源代码”选项，查看网页的HTML代码，如图1-1所示。