HTML5+CSS3 Web开发案例教程：在线实训版9787115577849

温谦： ## 全栈工程师，前沿科技创始人，现从事企业大型软件系统的分析与开发工作，拥有超20年的软件开发经验，主持并成功开发了多个复杂系统，项目实战经验丰富。 ## 常销书作者，毕业于华中科技大学计算机专业，主编网页设计与软件开发相关领域图书共12本，图书编写经验颇丰，其中《HTML+CSS网页设计与布局从入门到精通》《网页设计与布局项目化教程（HTML+CSS+DIV）》等图书常销10余年，被百余所高校选作教材。

## 章名【第 一篇】 基础篇

第 1章 Web前端开发基础知识

第 2章 HTML5基础

第3章 CSS3基础

第4章 CSS3选择器

【第二篇】 样式篇

第5章 用CSS设置文字样式

第6章 用CSS设置图片效果

第7章 盒子模型

第8章 用CSS设置链接与导航菜单

第9章 用CSS设置表格样式

第 10章 用CSS设置表单

【第三篇】 布局篇

第 11章 经典div+CSS网页布局方法

第 12章 网格布局

第 13章 弹性盒子布局

第 14章 响应式布局

【第四篇】 扩展篇

第 15章 变换、过渡与动画

第 16章 前端CSS的工程化

第 17章 综合实例：Web前端开发工作流程

## 详细【第 一篇】 基础篇

第 1章 Web前端开发基础知识

1.1 基础概念 2

1.2 网页与HTML 4

1.3 Web标准：结构、表现与行为 4

1.3.1 标准的重要性 4

1.3.2 “Web标准”概述 5

1.4 初步理解网页设计与开发的过程 6

1.4.1 基本任务与角色 7

1.4.2 明确网站定位 7

1.4.3 收集信息和素材 7

1.4.4 策划栏目内容 8

1.4.5 设计页面方案 8

1.4.6 制作页面 8

1.4.7 实现后台功能 8

1.4.8 整合与测试网站 9

1.4.9 页面设计相关技术的基础知识 9

本章小结 11

习题1 11

第 2章 HTML5基础

2.1 HTML5基础知识 13

2.1.1 HTML文件结构 13

2.1.2 简单的HTML实例 14

2.1.3 网页源文件的获取 17

2.2 实例：利用VS Code快速建立基本文件 19

2.2.1 创建新的空白文件 19

2.2.2 编写基础的HTML文件 20

2.3 文本标记 20

2.3.1 实现段落与段内换行（p和br标记） 20

2.3.2 设置标题（h1～h6标记） 22

2.3.3 使文字水平居中（center标记） 23

2.3.4 设置文字段落的缩进（blockquote标记） 24

2.4 HTML标记与HTML属性 25

2.4.1 用align属性控制段落的水平位置 25

2.4.2 用bgcolor属性设置背景颜色 26

2.4.3 设置文字的特殊样式 27

2.4.4 设置文字的字体、大小和颜色（font标记） 28

2.4.5 网页中的特殊文字符号 29

2.5 在网页中使用图片（img标记） 30

2.5.1 网页中的图片格式 30

2.5.2 一个插入了图片的简单网页 31

2.5.3 使用路径 32

2.5.4 用alt属性为图片设置替换文本 34

2.6 再谈HTML5 35

2.6.1 追根溯源 35

2.6.2 HTML5的优势与特点 36

2.6.3 HTML5新增标记 37

2.7 实例：创建一个简单的网页 38

本章小结 39

习题2 39

第3章 CSS3基

丛书特色：（1）编排丰富实战案例，可扫前言二维码进行快速预览。（2）提供在线实训平台（http://code.artech.cn），支撑随时开展全书案例实战演练。（3）开源分阶实战项目（http://www.geekfun.website），助力不同层次读者（学生）获取企业实战项目开发能力。（4）配套多类教辅资源，包含文本类、视频类（微课视频）、案例类、平台类等。（5）建立教师服务与交流群（QQ群号：368845661），立体化服务院校教师教学。特别说明：为了使本书中的案例作用**化，我们专门为其提供了“在线实训平台”（http://code.artech.cn）。该平台的具体功能介绍如下。【在线实训平台】功能：（1）教师可以利用该平台，在上课过程中直接演练（展示）书中的所有案例，并可通过实时的运行结果同步讲解相关知识点和技能。（2）师生可以通过该平台观看全书导学、原理讲解、案例讲解等视频，配合实操演练，随时随地进行学习，支持开展线上线下混合式教学。（3）学生可以在课前或课后通过该平台，实操练习书中的所有案例，实时查看代码运行结果，而且所有案例代码均支持复制与还原。（4）学生还可以通过该平台实操练习各章课后的实操题，并可通过微信分享功能，将实操的结果分享给其他人，如分享给老师进行审阅。说明：扫描“从书序中的二维码”可以了解该平台的具体使用方法，教师也可通过“教师用书指导手册”了解该平台的具体操作步骤。

本书紧密围绕前端开发工程师在工作中会遇到的实际问题和相应的解决方法与技术层层展开，全面介绍使用HTML5和CSS3进行前端开发的知识内容和实战技巧。 本书共17章：～4章介绍了HTML5和CSS3的基础知识；第5～10章介绍CSS3的盒子模型和应用CSS3对各种网页元素进行样式设计的方法；第11～14章介绍了几种进行页面整体布局的方法，包括使用传统div布局、CSS3引入的网格布局和弹性盒子布局，特别是在第14章介绍了响应式布局的方法；第15章介绍了CSS3中引入的过渡与动画等知识；第16章介绍了前端开发工程化方面的知识；第17章用一个综合实例完整地讲述了一个中型网站的开发全过程。 全书遵循Web标准，强调“表现”与“内容”的分离，规范、全面、系统地介绍了网页设计与制作的方法和技巧。书中给出了大量详细的实例，并对实例进行了分析，便于读者在理解的基础上直接修改后使用。本书作者具备丰富的实践技术和教育培训经验，行文细腻，对每一个技术细节和每一个实际工作中可能遇到的难点与错误，都进行了详细的说明和提示，大大降低了读者的学习门槛。