-
内容大纲
本书全面详细讲解了Web前端的实用技术,以Web开发实际应用为驱动,内容循序渐进、案例丰富。全书分为4部分共10章。第1部分是Web基础和HTML语法,主要讲解Web前端技术的基本概念和HTML的常用标签;第2部分介绍CSS,主要讲解CSS特性、CSS选择器、CSS盒模型、浮动、定位、DIV+CSS布局和CSS3新增属性等;第3部分介绍响应式Web设计,主要讲解视口的概念、媒体查询、弹性布局、网格布局等;第4部分是综合应用,以案例的形式,运用前面3部分的知识,讲解网站前端开发从设计到实现的全过程。
本书可以作为高等院校本、专科相关专业的Web前端技术(网页设计与制作)课程的教材,也可以作为Web前端技术的培训教材,是一本适合Web前端技术人员入门的参考书。 -
作者介绍
-
目录
前言
第1章 Web前端技术概述
1.1 Web前端开发技术的发展
1.1.1Web 1.0时代
1.1.2Web 2.0时代
1.2 Web术语
1.3 Web标准
1.3.1 什么是Web标准
1.3.2 Web标准的优势
1.4 浏览器的种类与市场份额
1.4.1 浏览器的种类
1.4.2 浏览器的市场份额
1.5 前端开发工具
本章小结
【动手实践】
【思考题】
第2章 HTML5语法基础
2.1 HTML概述
2.1.1 HTML简介
2.1.2 标签
2.1.3 标签属性
2.1.4 注释语句
2.1.5 文档的结构
2.2 头部标签
2.2.1 <head><head>
2.2.2 <title><title>
2.2.3 <meta>
2.3 文本类标签
2.3.1 文本定义
2.3.2 文本格式化
2.4 列表标签
2.4.1 无序列表
2.4.2 有序列表
2.4.3 自定义列表
2.5 表格标签
2.6 多媒体类标签
2.6.1 图像标签
2.6.2 视频标签
2.6.3 音频标签
2.7 链接标签
2.7.1 创建链接
2.7.2 链接的分类
2.8 表单标签
2.8.1 认识表单
2.8.2 输入控件及属性
2.8.3 其他表单控件
2.9 行块元素
2.10 HTML实体
本章小结
【动手实践】
【思考题】
第3章 CSS样式基础
3.1 CSS概述
3.2 CSS语法规则
3.3 CSS基本选择器
3.3.1 标签选择器
3.3.2 类选择器
3.3.3 ID选择器
3.3.4 选择器分组
3.4 CSS样式的引用
3.4.1 内联样式
3.4.2 内部样式表
3.4.3 外部样式表
3.4.4 导入样式表
3.5 CSS文本样式
3.5.1 CSS字体
3.5.2 CSS文本
本章小结
【动手实践】
【思考题】
第4章 CSS复合选择器及特性
4.1 CSS组合选择器
4.1.1 后代选择器
4.1.2 子元素选择器
4.1.3 相邻兄弟选择器
4.1.4 普通兄弟选择器
4.2 伪类选择器
4.2.1 状态伪类
4.2.2 结构性伪类
4.3 伪元素选择器
4.4 属性选择器
4.5 CSS的特性
4.5.1 CSS的继承性
4.5.2 CSS的层叠性
4.5.3 CSS的优先级
本章小结
【动手实践】
【思考题】
第5章 CSS盒模型
5.1 CSS盒模型的概念
5.2 CSS盒模型的组成要素
5.2.1 内容区域
5.2.2 边框
5.2.3 内边距
5.2.4 外边距
5.3 盒子的box-sizing属性
5.4 盒子的background属性
5.4.1 背景色(background-color)
5.4.2 背景图像(background-image)
5.5 盒子的其他属性
5.5.1 元素的位置关系
5.5.2 overflow属性
5.5.3 display属性
本章小结
【动手实践】
【思考题】
第6章 浮动与定位
6.1 浮动
6.1.1 浮动的原理
6.1.2 清除浮动
6.2 定位
6.2.1 定位的概念
6.2.2 静态定位
6.2.3 相对定位
6.2.4 绝对定位
6.2.5 固定定位
6.2.6 粘贴定位
6.2.7 z-index
6.3 导航条的制作
6.3.1 列表属性
6.3.2 制作导航条
本章小结
【动手实践】
【思考题】
第7章 DIV+CSS布局
7.1 常见布局
7.1.1 网页布局原理
7.1.2 常见的布局形式
7.2 页面布局标签
7.3 各种布局的实现
7.3.1 单列布局的实现
7.3.2 两列布局的实现
7.3.3 三列布局的实现
7.3.4 混合布局的实现
7.4 布局案例
7.4.1 搭建HTML文档结构
7.4.2 添加主要的类名
7.4.3 公共样式的设置
7.4.4 页眉样式的设置
7.4.5 主体样式的设置
本章小结
【动手实践】
【思考题】
第8章 CSS3的新增属性
8.1 分列布局column属性
8.2 文字阴影text-shadow属性
8.3 盒子box-shadow属性
8.4 圆角边框border-radius属性
8.5 渐变Gradient属性
8.6 过渡transition属性
8.7 变形transform属性
8.8 动画animation属性
8.9 CSS3照片墙的制作
本章小结
【动手实践】
【思考题】
第9章 响应式Web设计原理
9.1 视口概述
9.1.1 响应式设计的网站
9.1.2 什么是视口
9.1.3 视口的设置
9.1.4 图像自适应
9.2 媒体查询
9.2.1 什么是媒体查询
9.2.2 媒体查询的使用
9.2.3 汉堡菜单
9.3 弹性布局
9.3.1 什么是弹性布局
9.3.2 弹性容器
9.3.3 弹性元素
9.4 网格布局
9.4.1 什么是网格布局
9.4.2 网格的容器
9.4.3 网格元素
9.4.4 网格布局与弹性布局
9.5 响应式案例
9.5.1 案例分析
9.5.2 HTML文档结构
9.5.3 CSS样式
本章小结
【动手实践】
【思考题】
第10章 综合案例
10.1 网站的开发流程
10.2 Web前端设计
10.2.1 Web前端设计的流程
10.2.2 内容分析
10.2.3 结构设计
10.2.4 原型设计
10.2.5 布局设计
10.2.6 公共样式文件
10.2.7 详细设计
本章小结
【动手实践】
【思考题】
参考文献
同类热销排行榜
- 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年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...