本书全面展现了运用HTML5+CSS3行网页设计布局的方法,详细的讲解步骤配合图示,使得每个步骤清晰易懂、一目了然。收中不但应用大量实例对重难行深的剖析,而且还结合作者多年的网页设计与教学经验行拨,使读者学以致用。并且在书中还穿插介绍了有关CSS 3和HTML 5的相关知识,立求使读者了解到**的网页设计制作技术。即使是初学者,也可以轻松掌握Div+CSS布局方式,制作出精美的网页,并搭建工能强大的网站。
售 价:¥
纸质售价:¥35.20购买纸书
温馨提示:数字商品不支持退换货,不提供源文件,不支持导出打印
为你推荐
插图
内容提要
前言
第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 认识W3C
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.3 columns
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章 使用Java Script搭建动态效果
12.1 什么是Java Script
12.1.1 Java Script概念
12.1.2 Java Script的特点
12.1.3 Java Script的应用范围
12.1.4 CSS与Java Script
12.2 使用Java Script实现动态效果
12.2.1 使用Java Script的方法
12.2.2 Java Script中的数据类型和变量
12.2.3 Java Script中的程序语句
12.2.4 Java Script中的运算符
12.3 课堂练习——制作动态菜单效果
12.3.1 设计分析
12.3.2 制作步骤
12.3.3 案例总结
12.4 课后讨论
12.4.1 问题1——Java Script可以对浏览器进行控制吗
12.4.2 问题2——Java Script如何实现与用户交互
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——使用Reveal Trans滤镜为什么需要添加Java Script脚本
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.4 制作步骤
16.5 案例小结
16.6 课堂讨论
16.6.1 问题1——在网页中插入多媒体对象后,在HTML中会生成什么标签
16.6.2 问题2——在什么情况下才能够通过属性面板为文字创建项目列表
16.7 课后练习——制作社区类网站
买过这本书的人还买过
读了这本书的人还在读
同类图书排行榜