电子书
内容简介
本书系统地讲解了CSS的基础理论和实际运用技术，并结合多个案例讲解了采用CSS与层布局相结合制作网页的方法，在详细讲解各个案例的制作中，不仅介绍了CSS样式设计的各方面知识，更重要的是结合实际网页制作中可能遇到的问题提供了解决问题的思路、方法、技巧。即使是初学者，也可以轻松掌握Div+CSS布局方式，制作出精美的网页，并搭建工能强大的网站。本书全面展现了运用HTML5+CSS3进行网页设计布局的方法，详细的讲解步骤配合图示，使得每个步骤清晰易懂、一目了然。
章节目录
- 扉页
- 版权
- 前 言
- 目 录
- 第1 章网页和网站的基础知识
- 1.1 认识网页
- 1.1.1 网页和网站
- 1.1.2 网页的类型
- 1.1.3 静态网页与动态网页
- 1.1.4 网页的基本构成元素
- 1.2 如何设计网页
- 1.2.1 网页设计的基本原则
- 1.2.2 网页设计的成功要素
- 1.2.3 网页设计的风格及色彩搭配
- 1.2.4 网页设计的实现
- 1.3 网页设计的要点
- 1.3.1 为用户考虑
- 1.3.2 主题突出
- 1.3.3 整体原则
- 1.3.4 内容与形式相统一
- 1.3.5 更新和维护
- 1.4 网站整体制作流程
- 1.4.1 前期策划
- 1.4.2 页面细划及实施
- 1.4.3 后期维护
- 1.5 课堂讨论
- 1.5.1 问题1——什么是CSS 样式和CSS 样式的作用是什么
- 1.5.2 问题2——网页的版式与布局主要有几个方面的内容
- 1.6 课后练习——制作简单的HTML 页面
- 第2 章使用Web 标准设计和制作网页
- 2.1 表格布局
- 2.1.1 表格布局的特点
- 2.1.2 混乱的逻辑结构和冗余的嵌套表格
- 2.2 了解Web 标准
- 2.2.1 Web 标准的基础概念
- 2.2.2 认识W3
- 2.2.3 W3C 发布的标准
- 2.2.4 Web 标准的优势
- 2.3 网站设计的标准时代
- 2.3.1 建立网站标准的意义
- 2.3.2 遵循标准的网站与传统网站的区别
- 2.3.3 采用网站标准的优势与劣势
- 2.4 Web 标准三剑客
- 2.4.1 内容、结构、表现和行为的定义
- 2.4.2 DIV 与CSS 结合的优势
- 2.4.3 现有网站的改善
- 2.5 Web 标准的思考与争论
- 2.5.1 Web 标准的好处
- 2.5.2 布局
- 2.5.3 浏览器兼容
- 2.6 关于Web 标准的误区
- 2.6.1 不用传统表格思想来套DIV
- 2.6.2 XHTML 标签的正确使用
- 2.6.3 善于利用CSS
- 2.6.4 “通过验证”并不是最终目的
- 2.7 课堂讨论
- 2.7.1 问题1—网站标准的目的是什么
- 2.7.2 问题2—对Web 技术做概述性的总结
- 2.8 课后练习—使用DIV+CSS 制作简单页面
- 第3 章HTML 和XHTML 基础
- 3.1 HTML 基础
- 3.1.1 HTML 概述
- 3.1.2 HTML 文件的基本结构
- 3.1.3 HTML 的主要功能
- 3.1.4 HTML 的基本语法
- 3.2 HTML 标签
- 3.2.1 基本标签
- 3.2.2 格式标签
- 3.2.3 文本标签
- 3.2.4 超链接标签
- 3.2.5 图像标签
- 3.2.6 表格标签和表单标签
- 3.2.7 分区标签
- 3.3 HTML 介绍
- 3.3.1 什么是XHTML
- 3.3.2 升级到XHTML 的好处
- 3.3.3 XHTML 的页面结构
- 3.3.4 XHTML 代码规范
- 3.3.5 选择文档类型
- 3.3.6 XHTML 和HTML 的比较
- 3.3.7 名字空间
- 3.4 课堂讨论
- 3.4.1 问题1——在<body>标签中有没有什么属性可以设置网页的字体和大小
- 3.4.2 问题2—网页中默认的超链接文字显示效果是什么样的
- 3.5 课后练习——使用HTML5.0 制作网页
- 第4 章CSS 样式基础
- 4.1 CSS 概述
- 4.1.1 CSS 的特点
- 4.1.2 CSS 的类型
- 4.1.3 CSS 的基本语法
- 4.2 CSS 样式表的基本用法
- 4.2.1 如何在HTML 内插入样式表
- 4.2.2 CSS 样式表规则
- 4.3 CSS 样式表分类
- 4.3.1 内联样式
- 4.3.2 内部样式表
- 4.3.3 外部样式表
- 4.4 CSS 文档结构
- 4.4.1 结构
- 4.4.2 继承
- 4.4.3 特殊性
- 4.4.4 层叠
- 4.4.5 重要性
- 4.5 单位和值
- 4.5.1 颜色值
- 4.5.2 字体属性
- 4.5.3 群选择符
- 4.5.4 派生选择符
- 4.5.5 id 选择符
- 4.5.6 类选择符
- 4.5.7 定义链接的样式表
- 4.6 课堂练习——制作旅游网站页面
- 4.6.1 设计分析
- 4.6.2 制作步骤
- 4.6.3 案例总结
- 4.7 课堂讨论
- 4.7.1 问题1——CSS 能做什么
- 4.7.2 问题2——CSS 和HTML 的区别
- 4.8 课后练习——制作设计工作室网页
- 第5 章DIV+CSS 布局入门
- 5.1 定义DIV
- 5.1.1 什么是DIV
- 5.1.2 插入DIV
- 5.1.3 DIV 的嵌套和固定格式
- 5.2 可视化模型
- 5.2.1 盒模型
- 5.2.2 视觉可视化模型
- 5.2.3 相对定位
- 5.2.4 绝对定位
- 5.2.5 浮动定位
- 5.2.6 空白边叠加
- 5.3 CSS 布局方式
- 5.3.1 居中的布局设计
- 5.3.2 浮动的布局设计
- 5.3.3 高度自适应
- 5.4 CSS3.0 中盒模型的新增属性
- 5.4.1 overflow
- 5.4.2 overflow-x
- 5.4.3 overflow-y
- 5.4.4 使用CSS 3.0 实现鼠标经过变换效果
- 5.5 课堂练习——制作广告页面
- 5.5.1 设计分析
- 5.5.2 制作步骤
- 5.5.3 案例总结
- 5.6 课堂讨论
- 5.6.1 问题1——DIV+CSS 布局的优势
- 5.6.2 问题2——margin 属性的4 个值
- 5.7 课后练习——制作产品介绍页面
- 第6 章设置页面背景图像
- 6.1 背景控制概述
- 6.1.1 背景控制原则
- 6.1.2 背景控制属性
- 6.2 背景颜色控制
- 6.2.1 控制页面背景颜色
- 6.2.2 设置块背景颜色
- 6.3 背景图像控制
- 6.3.1 设置背景图像
- 6.3.2 背景图像的重复方式
- 6.3.3 背景图像的定位
- 6.3.4 背景图像的滚动
- 6.4 CSS 3.0 中背景的新增属性
- 6.4.1 background-origin
- 6.4.2 background-clip
- 6.4.3 background-size
- 6.4.4 multiple backgrounds
- 6.4.5 使用CSS 3.0 实现动态背景
- 6.5 课堂练习——定义背景图像的位置
- 6.5.1 设计分析
- 6.5.2 制作步骤
- 6.5.3 案例总结
- 6.6 课堂讨论
- 6.6.1 问题1——background-position 属性的设置可以使用哪些值
- 6.6.2 问题2——background-color 属性与bgcolor 属性有什么不同
- 6.7 课后练习——定义背景图像
- 第7 章设置页面中的图像
- 7.1 图像样式控制
- 7.1.1 图像边框
- 7.1.2 图像定位
- 7.1.3 图像缩放
- 7.1.4 图像对齐方式
- 7.2 图文混排
- 7.2.1 设置文本混排
- 7.2.2 设置混排间距
- 7.3 CSS 3.0 中边框的新增属性
- 7.3.1 border-image
- 7.3.2 border-radius
- 7.3.3 border-color
- 7.3.4 box-shadow
- 7.3.5 使用CSS 3.0 实现图像滑过动画效果
- 7.4 课堂练习——制作产品宣传页面
- 7.4.1 设计分析
- 7.4.2 制作步骤
- 7.5 课堂讨论
- 7.5.1 问题1——使用图像时需要注意什么
- 7.5.2 问题2——在网页中插入图像时，可以不设置图像的宽度和高度属性吗
- 7.6 课后练习——制作产品展示页面
- 第8 章CSS 文本内容排版
- 8.1 文本排版概述
- 8.1.1 文本排版原则
- 8.1.2 文本控制属性
- 8.2 CSS 文本样式
- 8.2.1 字体
- 8.2.2 大小
- 8.2.3 粗细
- 8.2.4 样式
- 8.2.5 颜色
- 8.2.6 修饰
- 8.2.7 英文字母大小写
- 8.3 CSS 段落样式
- 8.3.1 段落水平对齐
- 8.3.2 段落垂直对齐
- 8.3.3 行间距和字间距
- 8.3.4 首字符下沉
- 8.4 CSS 3.0 中文字的新增功能
- 8.4.1 text-shadow
- 8.4.2 text-overflow
- 8.4.3 word-wrap
- 8.4.4 使用CSS 3.0 实现可折叠栏目
- 8.5 课堂练习——制作医疗健康网站页面
- 8.5.1 设计分析
- 8.5.2 制作步骤
- 8.6 课堂讨论
- 8.6.1 问题1——CSS 段落样式中的两端对齐有什么作用范围
- 8.6.2 问题2——设置网页中的文本字间距时需要注意什么
- 8.7 课后练习——制作宠物用品网站页面
- 第9 章设置表单样式
- 9.1 表单设计概述
- 9.1.1 表单设计原则
- 9.1.2 表单应用分类
- 9.2 表单设计
- 9.2.1 表单和表单元素
- 9.2.2 <label>标签的作用
- 9.2.3 文本框样式设计
- 9.2.4 下拉列表样式设计
- 9.3 CSS 3.0 中控制内容的新增属性
- 9.4 CSS 3.0 中颜色的新增属性
- 9.4.1 HSL cloors
- 9.4.2 HSLA colors
- 9.4.3 opacity
- 9.4.4 RGBA colors
- 9.4.5 使用CSS 3.0 实现动态堆叠卡效果
- 9.5 课堂练习—设置表单元素的边框
- 9.5.1 设计分析
- 9.5.2 制作步骤
- 9.5.3 案例总结
- 9.6 课堂讨论
- 9.6.1 问题1——在表单域中插入图像域的作用
- 9.6.2 问题2——表单的概念及表单在网页中的作用
- 9.7 课后练习—设置表单元素的背景颜色
- 第10 章设置列表样式
- 10.1 列表控制概述
- 10.1.1 列表控制原则
- 10.1.2 列表标签的使用
- 10.2 列表样式控制
- 10.2.1 ul（无序列表）
- 10.2.2 ol（有序列表）
- 10.2.3 定义列表
- 10.2.4 更改列表项目样式
- 10.3 使用列表制作菜单
- 10.3.1 无需表格的菜单
- 10.3.2 菜单的横竖转换
- 10.4 CSS 3.0 中其他模块的新增属性
- 10.4.1 @media
- 10.4.2 @font-face
- 10.4.4 speech
- 10.4.5 使用CSS 3.0 实现选项卡式新闻块
- 10.5 课堂练习—制作游戏类网站页面
- 10.5.1 设计分析
- 10.5.2 制作步骤
- 10.6 课堂讨论
- 10.6.1 问题1—网页中文本分行与分段有什么区别
- 10.6.2 问题2—如何不通过CSS 样式更改项目列表前的符号效果
- 10.7 课后练习—制作音乐列表
- 第11 章设置页面超链接样式
- 11.1 超链接概述
- 11.1.1 超链接样式控制原则
- 11.1.2 超链接控制属性
- 11.2 超链接特效
- 11.2.1 文字式超链接
- 11.2.2 按钮式超链接
- 11.2.3 浮雕式超链接
- 11.3 CSS 3.0 中用户界面的新增属性
- 11.3.1 box-sizing
- 11.3.2 resize
- 11.3.3 outline
- 11.3.4 nav-index
- 11.3.5 使用CSS 3.0 实现动态菜单效果
- 11.4 课堂练习—定义超链接样式
- 11.4.1 设计分析
- 11.4.2 制作步骤
- 11.4.3 案例小结
- 11.5 课堂讨论
- 11.5.1 问题1—什么是超链接
- 11.5.2 问题2—如何识别网页中的超链接
- 11.6 课后练习—制作页面的文本链接
- 第12 章使用JavaScript 搭建动态效果
- 12.1 什么是JavaScript
- 12.1.1 JavaScript 概念
- 12.1.2 JavaScript 的特点
- 12.1.3 JavaScript 的应用范围
- 12.1.4 CSS 与JavaScript
- 12.2 使用JavaScript 实现动态效果
- 12.2.1 使用JavaScript 的方法
- 12.2.2 JavaScript 中的数据类型和变量
- 12.2.3 JavaScript 中的程序语句
- 12.2.4 JavaScript 中的运算符
- 12.3 课堂练习—制作动态菜单效果
- 12.3.1 设计分析
- 12.3.2 制作步骤
- 12.3.3 案例总结
- 12.4 课后讨论
- 12.4.1 问题1——JavaScript 可以对浏览器进行控制吗
- 12.4.2 问题2—JavaScript 如何实现与用户交互
- 12.5 课后练习—制作可以折叠的相册
- 第13 章CSS 与XML 和Ajax 的综合使用
- 13.1 XML 基础
- 13.1.1 总线简介
- 13.1.2 XML 的特点
- 13.1.3 XML 的结构和基本语法
- 13.1.4 HTML 与XML
- 13.1.5 什么是“格式良好的”XML 文件
- 13.2 XML 与CSS 的应用
- 13.2.1 在XML 中链接CSS 样式
- 13.2.2 实现隔行变色的表格
- 13.3 Ajax 基础
- 13.3.1 Ajax 简介
- 13.3.2 Ajax 的关键元素
- 13.3.3 Ajax 的优势
- 13.3.4 实现Ajax 的步骤
- 13.3.5 使用CSS 的必要性
- 13.4 Ajax 与CSS 的综合运用
- 13.5 课堂练习—制作动态网站相册
- 13.5.1 设计分析
- 13.5.2 制作步骤
- 13.5.3 案例总结
- 13.6 课堂讨论
- 13.6.1 问题1——导入CSS 样式表与链接CSS 样式表有什么区别
- 13.6.2 问题2——使用RevealTrans 滤镜为什么需要添加JavaScript脚本
- 13.7 课堂练习—制作网站页面
- 第14 章HTML5.0 和CSS 高级运用
- 14.1 HTML 5.0 简介
- 14.1.1 HTML 5.0 标签
- 14.1.2 HTML 5.0 事件属性
- 14.1.3 HTML 5.0 标准属性
- 14.1.4 使用HTML 5.0 实现动感页面效果
- 14.2 id 与class
- 14.2.1 id 是什么
- 14.2.2 什么情况下使用id
- 14.2.3 class 是什么
- 14.2.4 什么情况下使用class
- 14.3 DIV 与span 对象
- 14.4 CSS 代码的简写
- 14.4.1 font 样式简写
- 14.4.2 color 样式简写
- 14.4.3 background 样式简写
- 14.4.4 margin 和padding 样式简写
- 14.4.5 border 样式简写
- 14.4.6 list 样式简写
- 14.5 课堂练习—制作教育类网站页面
- 14.5.1 设计分析
- 14.5.2 制作步骤
- 14.5.3 案例总结
- 14.6 课堂讨论
- 14.6.1 问题1——CSS 1、CSS 2 和CSS 3 分别有哪些特点
- 14.6.2 问题2——什么是CSS 选择符
- 14.7 课堂练习——制作电子产品购物网站
- 第15 章制作野生动物园网站页面
- 15.1 设计分析
- 15.2 布局分析
- 15.3 制作流程
- 15.4 制作步骤
- 15.5 案例小结
- 15.6 课堂讨论
- 15.6.1 问题1——CSS 样式的主旨是什么
- 15.6.2 问题2——类CSS 样式的名称前为什么要加“.”符号
- 15.7 课后练习—制作滑动图像页面
- 第16 章制作餐饮类网站页面
- 16.1 设计分析
- 16.2 布局分析
- 16.3 制作流程
- 16.4 制作步骤
- 16.5 案例小结
- 16.6 课堂讨论
- 16.6.1 问题1——在网页中插入多媒体对象后，在HTML 中会生成什么标签
- 16.6.2 问题2——在什么情况下才能够通过属性面板为文字创建项目列表
- 16.7 课后练习——制作社区类网站
展开全部
HTML5+CSS3网站设计教程是2015年由人民邮电出版社出版,作者张晓景 胡克。
版权说明：本电子书已获得正版授权，由出版社通过知传链发行。
得书感谢您对《HTML5+CSS3网站设计教程》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
电子书
电子书
电子书
电子书