电子书
内容简介
本书深入浅出，结合实际案例系统地讲解了使用HTML 5和CSS 3进行网页设计与布局的知识和技巧。
全书分为4个部分。第 1篇 【HTML 5篇】主要介绍了HTML 5的基础知识和基本结构，以及如何在网页上设计文本、色彩、图片、列表、段落、超链接、多媒体、表单和框架等，还对 HTML 5的本地存储和离线Web应用进行了讲解。第2篇 【CSS 3篇】主要介绍了CSS 3的基础知识和网页样式代码的生成方法，以及如何通过CSS 3设置文本样式、网页图像特效、背景颜色与背景图像等，还对CSS的高级特性、css定位与DIV布局核心技术、盒子的浮动与定位等进行了讲解。第 3篇 【综合应用篇】主要介绍了如何综合应用 HTML 5和CSS 3设计制作影音视频网站、企业门户网站、电子商务网站和休闲旅游网站的页面。第4篇 【实战篇】选取了热门的新闻网站和微博/博客网站进行分析，并以此为基础指导读者完成自己的网站设计。
本书附赠一张DVD多媒体教学光盘，包含与图书内容同步的教学录像，以及本书所有案例的源代码和相关学习资料的电子书、教学录像等超值资源，便于读者扩展学习。
本书内容翔实，结构清晰，既适合HTML 5和CSS 3的初学者自学使用，也可以作为各类院校相关专业学生和电脑培训班的教材或辅导用书。
章节目录
- 封面
- 扉页
- 版权
- 前言
- 第1篇 HTML 5篇
- 第1章 HTML 5基础
- 1.1 HTML 5简介
- 1.1.1 HTML 发展史
- 1.1.2 浏览器兼容性分析
- 1.1.3 效率和用户优先特性
- 1.1.4 化繁为简的设计原则
- 1.1.5 通用访问方式
- 1.2 HTML 5的新变化
- 1.2.1 语法的变化
- 1.2.2 新增的元素和废除的元素
- 1.2.3 新增的属性和废除的属性
- 1.2.4 全局属性的变化
- 1.3 HTML 5文件的编写方法
- 1.3.1 使用记事本
- 1.3.2 使用Dreamweaver
- 1.3.3 编写第一个 HTML 5 网页文件
- 高手私房菜
- 技巧：使用记事本编辑HTML文件后在浏览器中预览
- 第2章 HTML 5的基本结构
- 2.1 HTML 5的适用范围
- 2.2 使用浏览器查看HTML 5文件
- 2.2.1 浏览器对 HTML 5 的兼容
- 2.2.2 查看页面效果
- 2.2.3 查看网页源文件
- 2.3 一个简单的HTML 5页面
- 2.3.1 搭建浏览器环境
- 2.3.2 检测浏览器是否支持HTML标记
- 2.3.3 用HTML标准结构编写“hello，world”页面
- 2.4 HTML基本结构
- 2.4.1 文档类型说明
- 2.4.2 HTML标记
- 2.4.3 头标记head
- 2.4.4 标题标记title
- 2.4.5 元信息标记meta
- 2.4.6 网页的主体标记
- 2.4.7 页面注释标记<!-- -->
- 2.5 制作符合W3C标准的HTML 5网页
- 高手私房菜
- 技巧1：网页中常用的语言编码方式
- 技巧2：网页中的基本标签是否必须成对出现
- 第3章 网页文本设计
- 3.1 添加网页文本
- 3.1.1 普通文本
- 3.1.2 特殊文字符号
- 3.2 网页文本排版
- 3.2.1 换行标记<br>与段落标记<p>
- 3.2.2 标题标记<h1>~<h6>
- 3.2.3 文本水平居中标记<center>
- 3.3 成才教育网文本设计
- 高手私房菜
- 技巧：区别换行标记和段落标记
- 第4章 网页色彩和图片设计
- 4.1 网页色彩与图片
- 4.2 网页图像的应用
- 4.2.1 网页图片格式
- 4.2.2 在网页中插入图像标记
- 4.2.3 设置图像源文件
- 4.2.4 设置图像在网页中的宽度和高度
- 4.2.5 设置图像的提示文字
- 4.3 制作茂森房地产广告网页
- 高手私房菜
- 技巧：alt属性的值
- 第5章 网页列表和段落设计
- 5.1 网页文字列表设计
- 5.1.1 建立无序列表
- 5.1.2 建立有序列表
- 5.2 设置网页段落格式
- 5.2.1 单词间隔
- 5.2.2 字符间隔
- 5.2.3 文字修饰
- 5.2.4 垂直对齐方式
- 5.2.5 水平对齐方式
- 5.2.6 文本缩进
- 5.2.7 文本行高
- 5.2.8 处理空白
- 5.3 制作图文混排型网页
- 高手私房菜
- 技巧：文字和图片的导航速度谁最快
- 第6章 网页超链接设计
- 6.1 链接和路径
- 6.1.1 超链接的概念
- 6.1.2 链接路径URL
- 6.1.3 HTTP路径
- 6.1.4 FTP路径
- 6.1.5 电子邮件路径
- 6.2 链接元素
- 6.2.1 指定路径属性
- 6.2.2 显示链接目标属性
- 6.2.3 激活顺序属性
- 6.2.4 链接的热键属性
- 6.3 图像链接
- 6.3.1 创建链接区域元素
- 6.3.2 链接区域的名称属性
- 6.3.3 定义鼠标敏感区元素
- 6.3.4 链接的路径属性
- 6.3.5 链接的文本说明属性
- 6.3.6 使用图片中的链接
- 高手私房菜
- 技巧：区分URI、URL和URN
- 第7章 网页多媒体设计
- 7.1 HTML5中的Audio和Video
- 7.1.1 视频容器
- 7.1.2 音频解码器和视频解码器
- 7.1.3 浏览器对Audio和Video标签的支持情况
- 7.2 使用Audio和Video API
- 7.2.1 理解媒体元素
- 7.2.2 使用audio元素
- 7.2.3 使用video元素
- 7.3 设置网页多媒体属性
- 7.4 调用网页多媒体的方法
- 7.5 视频播放页面
- 高手私房菜
- 技巧：在Firefox 8.0中正常播放HTML 5支持的视频格式文件
- 第8章 网页表单设计
- 8.1 表单简介
- 8.1.1 表单的用途
- 8.1.2 表单的属性设置
- 8.2 表单基本元素的应用
- 8.2.1 文字字段
- 8.2.2 密码框
- 8.2.3 单选按钮
- 8.2.4 复选框
- 8.2.5 列表框
- 8.2.6 列表项
- 8.2.7 普通按钮
- 8.2.8 提交按钮
- 8.2.9 图像域
- 8.3 表单高级元素的使用
- 8.3.1 URL类型元素
- 8.3.2 Email类型元素
- 8.3.3 date类型元素
- 8.3.4 time类型元素
- 8.3.5 datetime类型元素
- 8.3.6 datetime-local类型元素
- 8.3.7 month类型元素
- 8.3.8 week类型元素
- 8.3.9 number类型元素
- 8.3.10 range类型元素
- 8.3.11 search类型元素
- 8.3.12 tel类型元素
- 8.3.13 color类型元素
- 高手私房菜
- 技巧1：在表单中实现文件上传框
- 技巧2：解决单选按钮可以同时选中多个问题
- 第9章 网页框架设计
- 9.1 框架结构概述
- 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.5 设置框架和框架集属性
- 9.5.1 设置框架属性
- 9.5.2 设置框架集属性
- 9.5.3 改变框架的背景颜色
- 9.6 使用<iframe></iframe>标签对创建嵌入式框架
- 高手私房菜
- 技巧1：框架长度或者宽度的设置
- 技巧2：设置框架边框的注意事项
- 第10章 HTML 5本地存储
- 10.1 Web Storage存储
- 10.1.1 sessionStorage对象
- 10.1.2 localStorage对象
- 10.2 操作localStorage
- 10.2.1 清空localStorage数据
- 10.2.2 遍历localStorage数据
- 10.2.3 使用JSON对象存取数据
- 10.2.4 管理localStorage数据
- 10.3 WebSQL数据库应用
- 10.3.1 打开与创建数据库
- 10.3.2 执行事务
- 10.3.3 插入数据
- 10.3.4 数据管理
- 高手私房菜
- 技巧：Web SQL的使用
- 第11章 构建HTML 5离线Web应用—缓存技术
- 11.1 HTML 5离线Web应用概述
- 11.2 使用HTML 5离线Web应用API
- 11.2.1 检查浏览器的支持情况
- 11.2.2 搭建简单的离线应用程序
- 11.2.3 支持离线行为
- 11.2.4 Manifest文件
- 11.2.5 ApplicationCache API
- 11.3 使用HTML 5离线Web应用构建应用
- 11.3.1 创建记录资源的manifest文件
- 11.3.2 创建构成界面的HTML和CSS
- 11.3.3 创建离线的JavaScript
- 11.3.4 检查applicationCache的支持情况
- 11.3.5 为Update按钮添加处理函数
- 11.3.6 添加Geolocation的支持情况
- 11.3.7 添加 Storage功能代码
- 11.3.8 添加离线事件处理程序
- 高手私房菜
- 技巧1：不同的浏览器可以读取同一个Web中存储的数据吗
- 技巧2：离线存储站点时是否需要浏览者同意
- 第2篇 CSS 3篇
- 第12章 CSS 3样式核心基础
- 12.1 创建使用CSS的网页
- 12.2 CSS语法书写标准
- 12.2.1 规则块
- 12.2.2 @规则
- 12.2.3 规则集
- 12.2.4 注释
- 12.2.5 字符和大小写
- 12.3 关键词和字符串
- 12.3.1 客户端浏览器的特定扩展
- 12.3.2 字符串
- 12.4 CSS标准
- 12.4.1 CSS样式标准
- 12.4.2 传统HTML的缺点分析
- 12.4.3 CSS样式的引用
- 12.4.4 编辑CSS样式
- 12.4.5 浏览器与CSS的兼容性分析
- 12.5 使用CSS选择器
- 12.5.1 标记选择器
- 12.5.2 类别选择器
- 12.5.3 ID选择器
- 12.6 在HTML中调用CSS的方法
- 12.6.1 直接定义CSS样式
- 12.6.2 内嵌式CSS样式
- 12.6.3 链接式CSS样式
- 12.6.4 导入外部CSS样式
- 12.6.5 CSS样式优先级
- 高手私房菜
- 技巧1：使用全局选择器“*”
- 技巧2：简写CSS字体属性
- 第13章 网页样式代码的生成方法
- 13.1 从零开始手工编写
- 13.1.1 编写标题样式代码
- 13.1.2 编写图片控制代码
- 13.1.3 设置网页正文
- 13.1.4 设置整体页面样式
- 13.1.5 定义段落样式
- 13.2 完整网页代码分析
- 13.2.1 获取网页代码
- 13.2.2 查看网页样式代码
- 13.2.3 分析网页样式代码结构
- 13.2.4 读懂网页样式代码
- 13.2.5 读懂CSS注释
- 13.3 使用Dreamweaver辅助工具创建页面
- 13.3.1 创建页面
- 13.3.2 分析页面结构
- 13.3.3 与手工编写的区别
- 13.4 在Dreamweaver中新建CSS样式
- 13.5 在Dreamweaver中编辑CSS样式
- 13.6 为图像创建CSS样式
- 高手私房菜
- 技巧1：Dreamweaver CS6中快捷键的使用
- 技巧2：超链接的一些特殊效果
- 第14章 用CSS 3设置文本样式
- 14.1 样式的参数单位
- 14.2 设置网页文本的基本样式
- 14.2.1 网页文本颜色的定义
- 14.2.2 定义整体页面文本样式
- 14.2.3 设置具体文字的字体
- 14.2.4 设置文字的倾斜效果
- 14.2.5 设置文字的粗细效果
- 14.3 设置网页文本的行高与间距
- 14.3.1 设置网页文字间距
- 14.3.2 设置网页文字行高
- 14.3.3 设置网页文字段落间距
- 14.4 设置网页文本的对齐方式
- 14.4.1 文本的水平对齐方式
- 14.4.2 文本的垂直对齐方式
- 14.5 设置文字与背景颜色
- 14.5.1 使用样式参数进行设置
- 14.5.2 更简洁的解决方案
- 14.6 设置其他网页文本样式
- 14.6.1 英文字母大小写的自动转换
- 14.6.2 控制文字的大小
- 14.6.3 网页文字的装饰效果
- 14.6.4 设置段落首行缩进效果
- 高手私房菜
- 技巧：通过滤镜属性设置文字效果
- 第15章 用CSS 3设置网页图像特效
- 15.1 设置图像边框
- 15.1.1 图像边框基本属性
- 15.1.2 为不同的边框分别设置样式
- 15.2 图像缩放功能的实现
- 15.3 图文混排
- 15.3.1 文字环绕
- 15.3.2 设置图像与文字的间距
- 15.4 制作长泰养生网页
- 15.5 设置图像与文字的对齐方式
- 15.5.1 横向对齐方式
- 15.5.2 纵向对齐方式
- 高手私房菜
- 技巧1：解决在浏览器中图像无法显示的问题
- 技巧2：解决图像超出撑破DIV的问题
- 第16章 用CSS 3设置网页背景颜色与背景图像
- 16.1 设置背景颜色
- 16.2 设置背景图像
- 16.3 设置背景图像平铺
- 16.4 设置背景图像位置
- 16.5 设置背景图像位置固定
- 16.6 用图像替换标题的文本
- 16.7 使用滑动门技术的标题
- 高手私房菜
- 技巧：为网页内容添加水印
- 第17章 CSS 3的高级特性
- 17.1 复合选择器
- 17.1.1 交集选择器
- 17.1.2 并集选择器
- 17.1.3 后代选择器
- 17.2 CSS的继承特性
- 17.2.1 继承关系
- 17.2.2 CSS继承的运用
- 17.3 CSS的层叠特性
- 高手私房菜
- 技巧：CSS选择器的特殊性
- 第18章 CSS定位与DIV布局核心技术
- 18.1 块级元素和行内级元素
- 18.1.1 块级元素和行内级元素的不同
- 18.1.2 DIV元素和span元素
- 18.2 使用DIV标记与span标记布局网页
- 18.3 盒子模型
- 18.3.1 盒子模型的概念
- 18.3.2 网页border区域定义
- 18.3.3 网页padding区域定义
- 18.3.4 网页margin区域定义
- 18.4 box类型和display属性
- 18.4.1 HTML元素默认的box类型
- 18.4.2 视点和Box容器
- 18.4.3 块级元素和块级Box
- 18.4.4 行内级元素和行内级Box
- 18.4.5 插入式Box
- 18.5 可视性
- 18.6 综合实例
- 18.6.1 图文层叠效果
- 18.6.2 歌曲编辑列表
- 18.6.3 文字阴影效果
- 高手私房菜
- 技巧1：visibility和display属性的区别
- 技巧2：CSS border的默认值
- 第19章 CSS+DIV盒子的浮动与定位
- 19.1 定义DIV
- 19.1.1 什么是DIV
- 19.1.2 插入DIV
- 19.1.3 DIV的嵌套和固定格式
- 19.2 CSS布局定位
- 19.2.1 浮动定位
- 19.2.2 position定位
- 19.3 盒子的浮动
- 19.4 盒子的定位
- 19.4.1 静态定位
- 19.4.2 相对定位
- 19.4.3 绝对定位
- 19.4.4 固定定位
- 19.5 可视化盒子模型
- 19.5.1 盒子模型
- 19.5.2 视觉可视化模型
- 19.5.3 空白边叠加
- 19.6 固定宽度网页布局
- 19.6.1 单列布局模式
- 19.6.2 1-2-1型布局模式
- 19.6.3 1-3-1型布局模式
- 19.7 缩放网页
- 19.7.1 1-2-1型布局模式网页的缩放
- 19.7.2 1-3-1型布局模式网页的缩放
- 19.7.3 变宽布局类型总结
- 19.7.4 分列布局背景色
- 高手私房菜
- 技巧1：id和class属性名称使用限制
- 技巧2：框架中百分比的关系
- 第3篇 综合应用篇
- 第20章 用HTML 5+CSS 3设计与布局影音视频网站
- 20.1 影音网站主页规划
- 20.1.1 影音网站主页基本规划
- 20.1.2 网页整体架构布局规划
- 20.2 用DIV+CSS布局
- 20.2.1 布局页面头部结构
- 20.2.2 布局页面中间部分
- 20.2.3 布局页面底部
- 20.3 制作网站的步骤
- 20.3.1 使用HTML 5设计网站
- 20.3.2 定义网站CSS样式
- 20.3.3 设计顶部模块
- 20.3.4 设计网站主体模块
- 20.3.5 设计网站页面的底部
- 20.4 微调网站细节
- 20.4.1 部分内容调整
- 20.4.2 模块调整
- 20.4.3 调整后预览测试
- 高手私房菜
- 技巧：设置DIV垂直居中
- 第21章 用HTML 5+CSS 3设计与布局企业门户网站
- 21.1 企业门户网站主页规划
- 21.1.1 企业主页的配色
- 21.1.2 架构企业主页布局
- 21.1.3 用DIV布局页面框图
- 21.2 制作网站的步骤
- 21.2.1 使用HTML 5设计网站
- 22.2.2 定义网站CSS样式
- 21.2.3 设计网页顶部模块
- 21.2.4 设计网页中间主体模块
- 21.2.5 设计网页底部模块
- 21.3 微调网站细节
- 21.3.1 部分内容调整
- 21.3.2 模块调整
- 21.3.3 调整后预览测试
- 高手私房菜
- 技巧1：在IE浏览器中解决双边距问题
- 技巧2：定义元素外边距的注意事项
- 第22章 用HTML 5+CSS 3设计与布局电子商务网站
- 22.1 电子商务网站主页规划
- 22.1.1 分析主页需求
- 22.1.2 确定内容模块
- 22.1.3 画出效果图
- 22.2 制作网站的步骤
- 22.2.1 使用HTML 5设计网站
- 22.2.2 定义网站CSS样式
- 22.2.3 设计网页头部
- 22.2.4 设计分类及区域选择模块
- 22.2.5 设计新品展示模块
- 22.2.6 设计侧边栏模块
- 22.2.7 设计热门城市索引模块
- 22.2.8 设计底部模块
- 22.3 微调网站细节
- 22.3.1 部分内容调整
- 22.3.2 模块调整
- 22.3.3 调整后预览测试
- 高手私房菜
- 技巧1：使三层并列网页在IE和Firefox中显示效果相同
- 技巧2：在IE中，解决图片和下方父元素产生的间隙的问题
- 第23章 用HTML 5+CSS 3设计与布局休闲旅游网站
- 23.1 休闲旅游网站主页规划
- 23.1.1 旅游网站主页基本规划
- 23.1.2 网页整体架构布局规划
- 23.1.3 用DIV+CSS布局网页框架
- 23.2 制作网站的步骤
- 23.2.1 使用HTML 5设计网站
- 23.2.2 定义网站CSS样式
- 23.2.3 设计页面头部模块
- 23.2.4 设计页面中间部分模块
- 23.2.5 设计页面底部模块
- 23.2.6 微调网站细节并预览
- 高手私房菜
- 技巧1：定义块的高度时，如果高度小于10px，则显示10px，怎么解决
- 技巧2：在浏览器中，列表选项li为浮动时，列表后面的元素不能换行，怎么解决
- 第4篇 实战篇
- 第24章 新闻类网站布局分析
- 24.1 凤凰网整体布局分析
- 24.1.1 整体布局分析
- 24.1.2 版面架构分析
- 24.1.3 首页分析
- 24.2 新华网整体布局分析
- 24.2.1 整体布局分析
- 24.2.2 版面架构分析
- 24.2.3 网站模块组成
- 24.3 制作自己的新闻网站—龙马新闻网
- 24.3.1 需求分析
- 24.3.2 结构与布局
- 24.3.3 网站制作步骤
- 高手私房菜
- 技巧1：表单输入单元的覆盖删除效果
- 技巧2：表单输入单元的单击删除效果
- 第25章 微博/博客类网站布局分析
- 25.1 新浪微博/博客整体布局
- 25.1.1 布局结构分析
- 25.1.2 版面架构分析
- 25.1.3 模块组成
- 25.2 腾讯微博/博客网站
- 25.2.1 布局结构分析
- 25.2.2 版面架构分析
- 25.2.3 模块组成
- 25.3 制作自己的网站—龙马微博/博客网
- 25.3.1 需求分析
- 25.3.2 结构与布局
- 25.3.3 网站制作步骤
- 高手私房菜
- 技巧1：善用CSS缩写可以减少页面文件大小
- 技巧2：颜色代码的缩写
展开全部
精通HTML 5+CSS 3∶100%网页设计与布局密码是2014年由人民邮电出版社出版,作者龙马工作室。
版权说明：本电子书已获得正版授权，由出版社通过知传链发行。
得书感谢您对《精通HTML 5+CSS 3∶100%网页设计与布局密码》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
电子书
电子书
