-
内容大纲
本教材共分18课(章),每课根据实际情况需要3~8个学时,第1课到第10课,主要介绍了HTML基本框架,标签与属性,CSS样式基础,教会读者利用盒子模型,结合HTML5结构化标签,建立基本的页面框架,以及固定宽度布局的模板网页,第11~16课介绍了JavaScript特效应用、表单、响应式设计、弹性图像与弹性布局、flexbox伸缩盒等实际Web前端开发必备的知识点,并辅助以若干个对应知识点的网页实例;第17课~18课则介绍了网站建设的基本规范、API工具等,便于读者后续的学习与实践。读者在学习了第1~10课后,将初步掌握Web页面制作基础,然后继续学习后续的课程章节,学习实际Web前端开发应用必备的知识,通过涵盖各个知识点的案例进行实践,快速、高效地掌握实用网页制作的基本方法。另外,将另外提供教材中涉及的全部网页源代码网络资源,方便社会读者自学。 -
作者介绍
-
目录
第1课 Web前端简介
1.1 Web前端与HTML
1.1.1 什么是Web前端
1.1.2 Web是如何工作的
1.1.3 网站与HTML网页
1.1.4 网站类型
1.2 HTML文件结构
1.3 网页三要素:结构、表现、行为
1.4 网页编码工具
1.4.1 使用记事本编写网页代码
1.4.2 浏览器的开发者工具
1.4.3 IDE简介
1.4.4 HBuilderX环境
1.5 每课小练
1.5.1 练一练:制作带图像的简单网页
1.5.2 试一试:制作航天新闻网页
1.5.3 常见问题Q&A
1.6 理论习题
第2课 常用的HTML标签及其属性
2.1 常用的标签
2.1.1 什么是标签
2.1.2 标签的属性
2.2 特殊符号
2.3 表格
2.4 图像
2.4.1 内容图像
2.4.2 背景图像
2.5 每课小练
2.5.1 练一练:基本标签的应用
2.5.2 试一试:图像与表格
2.5.3 常见问题Q&A
2.6 理论习题
第3课 超链接与路径
3.1 超链接
3.1.1 超链接标签及其属性
3.1.2 锚记
3.2 路径
3.2.1 绝对路径
3.2.2 相对路径
3.3 每课小练
3.3.1 练一练:简单超链接
3.3.2 学以致用:再别康桥网页
3.3.3 常见问题Q&A
3.4 理论习题
第4课 简单CSS
4.1 CSS样式概述
4.1.1 CSS样式的作用
4.1.2 什么是选择器
4.1.3 CSS选择器类型
4.1.4 基本选择器命名规则
4.2 颜色模型
4.3 设置网页的文本颜色与背景颜色
4.3.1 设置文本颜色
4.3.2 设置背景颜色
4.3.3 使用拾色器
4.3.4 设置背景图像
4.4 每课小练
4.4.1 练一练:标签选择器练习
4.4.2 练一练:制作基本网页模板
4.4.3 学以致用:使用float属性水平排列扑克牌
4.4.4 常见问题Q&A
4.5 理论习题
第5课 复合选择器与网页导航菜单
5.1 什么是复合选择器
5.1.1 复合选择器的种类
5.1.2 后代选择器与子元素选择器的区别
5.1.3 毗邻兄弟选择器与同级兄弟选择器的区别
5.1.4 结构化伪类选择器与伪元素详解
5.1.5 导航菜单超链接使用的选择器
5.2 无序列表导航菜单
5.2.1 只改变字体颜色
5.2.2 链接项呈现块级变化
5.3 常见的CSS1~CSS3选择器
5.4 每课小练
5.4.1 练一练:后代选择器与横向导航菜单
5.4.2 学以致用:复合选择器与太阳系网页
5.4.3 常见问题Q&A
5.5 理论习题
第6课 基本HTML5框架与应用
6.1 什么是语义化结构标签
6.2 语义化结构标签的应用
6.3 <meta>标签
6.3.1 <meta>标签的基本用途
6.3.2 控制响应式设计中的视口
6.3.3 设置网页的定时跳转
6.4 每课小练
6.4.1 练一练:使用<section>标签的上下结构网页框架
6.4.2 学以致用:使用CSS实现个人简历网页
6.4.3 常见问题Q&A
6.5 理论习题
第7课 盒子模型与DOM树
7.1 DOM树与文件流
7.2 盒子模型
7.2.1 什么是盒子模型
7.2.2 容器与元素关系
7.2.3 块级元素与行内元素
7.3 float与clear属性
7.3.1 标准文件流
7.3.2 使用float属性使元素脱离标准流
7.3.3 使用clear属性清除浮动的影响
7.4 每课小练
7.4.1 练一练:float与clear属性的应用
7.4.2 学以致用:制作IPanda网页
7.4.3 常见问题Q&A
7.5 理论习题
第8课 position位置属性
8.1 叠放层与漂浮层
8.1.1 position位置属性
8.1.2 z-index属性
8.2 relative与absolute的精确定位
8.3 每课小练
8.3.1 练一练:通过四角定位扑克牌
8.3.2 试一试:使用position位置属性实现叠放层的应用
8.3.3 常见问题Q&A
8.4 理论习题
第9课 CSS+DIV固定宽度的页面布局
9.1 float左右布局
9.2 float左中右布局
9.3 position弹性左中右布局
9.4 固定宽度的混合布局
9.5 网页制作的“3O”原则
9.6 每课小练
9.6.1 练一练:float左右布局基本框架
9.6.2 练一练:使用float属性与position位置属性进行固定宽度混合布局
9.6.3 学以致用:简化版杭州19楼网页
9.6.4 常见问题Q&A
9.7 理论习题
第10课 表单基础
10.1 表单与表单对象
10.1.1 什么是表单
10.1.2 <form>标签
10.1.3 表单对象
10.2 注册登录表单实例
10.3 每课小练
10.3.1 练一练:制作简单表单网页
10.3.2 学以致用:表单应用实例
10.3.3 常见问题Q&A
10.4 理论习题
第11课 JavaScript基本应用
11.1 什么是JavaScript
11.2 JavaScript的应用方法
11.2.1 JavaScript基本语法
11.2.2 最简单的JavaScript程序(Say Hello!)
11.2.3 表单数据验证
11.2.4 常用的JavaScript对象与方法
11.2.5 定时器函数
11.3 每课小练
11.3.1 练一练:简单时钟网页实例
11.3.2 学以致用:制作考生登录表单
11.3.3 试一试:JavaScript漂浮层的应用实例
11.3.4 常见问题Q&A
11.4 理论习题
第12课 jQuery特效
12.1 jQuery简介
12.1.1 什么是jQuery
12.1.2 jQuery库文件的下载与引用
12.2 jQuery文件就绪事件
12.3 jQuery选择器及其操作
12.4 jQuery常见特效
12.4.1 最简单的例子——点一点就消失
12.4.2 使用slideToggle()方法控制面板展开或收起
12.4.3 使用animate()动画实现页面上下滚动
12.5 每课小练
12.5.1 练一练:鼠标悬停切换图像特效
12.5.2 学以致用:jQuery轮播特效实例
12.5.3 常见问题Q&A
12.6 理论习题
第13课 固定宽度网页实例
13.1 IHangzhou网页
13.2 杭州19楼综合页面
13.3 杭州亚运新闻网页
13.4 每课小练
13.4.1 练一练:页面布局分析与重现
13.4.2 学以致用:开发创意网站
13.4.3 常见问题Q&A
13.5 理论习题
第14课 响应式设计基础
14.1 响应式网站概述
14.1.1 最简单的响应式设计CSS样式代码
14.1.2 视口
14.1.3 响应式技术支持
14.2 媒体查询与断点
14.2.1 媒体查询的语法规则
14.2.2 断点与多段响应式
14.2.3 断点取值
14.3 弹性布局
14.4 响应式左右布局
14.5 每课小练
14.5.1 练一练:两段响应式布局
14.5.2 学以致用:制作响应式IPanda网页
14.5.3 常见问题Q&A
14.6 理论习题
第15课 响应式设计特点及应用
15.1 响应式设计特点
15.1.1 设计原则
15.1.2 响应式设计考虑要点
15.1.3 弹性布局
15.2 多段响应式布局实例
15.3 网页中的图像
15.3.1 弹性图像
15.3.2 常见的网页图像文件类型
15.3.3 图像拼合技术
15.3.4 字体图标
15.4 网页字体
15.4.1 衬线体与非衬线体
15.4.2 使用@font-face功能设置字体
15.5 每课小练
15.5.1 练一练:三段响应式布局练习
15.5.2 试一试:制作三段响应式Oscar网页
15.6 理论习题
第16课 Flexbox伸缩盒
16.1 什么是Flexbox伸缩盒
16.2 常用的Flexbox伸缩盒属性
16.3 每课小练
16.3.1 练一练:Flexbox伸缩盒网页练习
16.3.2 试一试:将Flexbox伸缩盒用于响应式布局
16.3.3 常见问题Q&A
16.4 理论习题
第17课 网站建设概述
17.1 网站建设过程与规范
17.2 什么是自建站
17.3 网站重构
17.4 网站建设项目需求
17.5 网站文件管理
17.6 每课小练
17.6.1 学以致用:网站建设实践
17.6.2 常见问题Q&A
17.7 理论习题
第18课 HTML5的API
18.1 什么是API
18.2 <canvas>绘图
18.2.1 什么是网页Canvas画布
18.2.2 Canvas绘图实例
18.3 音乐播放器
18.3.1 <audio>标签
18.3.2 音乐播放器代码实现
18.4 百度地图API简介
18.5 理论习题
附录
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...