网站规划与网页设计（第4版）

　　本书面向网站开发与网页制作的读者，采用全新流行的Web标准，以HTML5技术为基础，由浅入深、完整详细地介绍了HTML5、CSS3和JavaScript网页制作内容。本书共分13章，主要内容包括：Web基础、网站规划与网页设计、构建HTML5网页结构、HTML5页面的布局与交互、CSS3入门、盒模型、CSS3格式化排版、使用CSS3美化表格与表单、使用CSS3设置链接与导航、Div+CSS布局技术、网页行为语言――JavaScript、美家装饰前台页面和美家装饰后台管理页面。本书内容紧扣国家对高等学校培养高级应用型、复合型人才的技能水平和知识结构的要求，以美家装饰网站项目案例的开发思路为主线，采用模块分解、任务驱动、子任务实现和代码设计4层结构，通过对模块中每个任务相应知识点的讲解，引导读者学习网页制作、设计、规划的基本知识及项目开发、测试的完整流程。

　　教授，现就职于北京信息职业技术学院（东校区）软件工程系。我社老作者，具有多年写作经验，在我社出版过30多本教材。

目 录
第1章 Web基础 （1）
1．1 Web简介 （1）
1．1．1 WWW和浏览器的基本概念 （1）
1．1．2 URL （2）
1．1．3 超文本 （3）
1．1．4 超文本置标语言HTML （3）
1．1．5 HTTP （3）
1．1．6 搜索引擎 （4）
1．2 网站、网页和主页 （4）
1．3 Web标准 （5）
1．3．1 什么是Web标准 （5）
1．3．2 建立Web标准的优点 （6）
1．3．3 理解表现和结构相分离 （6）
习题1 （7）
第2章 网站规划与网页设计 （8）
2．1 网站的开发流程 （8）
2．1．1 规划站点 （8）
2．1．2 网站制作 （9）
2．1．3 测试网站 （9）
2．1．4 发布站点 （10）
2．2 网站内容的设计 （10）
2．2．1 设计网站的栏目 （10）
2．2．2 设计网站的版块 （11）
2．2．3 设计网站的链接结构 （11）
2．3 网页的基本元素 （12）
2．4 网页布局结构 （14）
2．5 网页版面设计 （14）
2．5．1 版面尺寸规范化 （14）
2．5．2 版面编排原则 （15）
2．5．3 网页排版布局的一般步骤 （15）
2．5．4 版面典型风格 （16）
2．5．5 设计误区 （17）
2．6 网页色彩搭配 （17）
2．6．1 色彩的特征 （18）
2．6．2 色彩搭配 （18）
2．7 常见的网页编辑工具 （19）
2．8 认识HTML5+CSS3+JavaScript技术组合 （20）
2．8．1 HTML5简介 （20）
2．8．2 CSS3简介 （21）
2．8．3 JavaScript简介 （22）
2．9 创建第一个网页 （22）
习题2 （25）
第3章 构建HTML5网页结构 （26）
3．1 HTML5的基本结构 （26）
3．1．1 HTML5语法结构 （26）
3．1．2 HTML5编写规范 （27）
3．1．3 HTML5文档结构 （27）
3．1．4 网页头部标签 （28）
3．1．5 案例――制作美家装饰产品简介页面 （30）
3．2 段落与文本排版 （31）
3．2．1 注释标签 （31）
3．2．2 段落标签 （31）
3．2．3 换行标签 （32）
3．2．4 标题标签 （32）
3．2．5 字体标签 （33）
3．2．6 缩排标签 （34）
3．2．7 水平线标签 （34）
3．2．8 特殊符号 （35）
3．2．9 案例――制作美家装饰服务指南页面 （35）
3．3 图像 （36）
3．3．1 网页图像文件的格式及使用要点 （36）
3．3．2 图像标签 （37）
3．3．3 设置网页背景图像 （39）
3．3．4 图文混排 （39）
3．3．5 案例――制作美家装饰公司图文简介页面 （40）
3．4 超链接 （41）
3．4．1 超链接概述 （41）
3．4．2 超链接的应用 （42）
3．4．3 案例――制作美家装饰下载专区页面 （44）
3．5 列表 （46）
3．5．1 无序列表 （46）
3．5．2 有序列表 （47）
3．5．3 定义列表 （47）
3．5．4 嵌套列表 （48）
3．5．5 案例――制作美家装饰公司名片页面 （49）
3．6 ＜div＞标签 （50）
3．7 ＜span＞标签 （51）
3．7．1 基本语法 （51）
3．7．2 ＜span＞与＜div＞标签的区别 （51）
3．7．3 使用＜div＞标签和＜span＞标签布局网页内容 （51）
3．8 使用结构元素构建网页布局 （52）
习题3 （56）
第4章 HTML5页面的布局与交互 （58）
4．1 表格 （58）
4．1．1 表格的结构 （58）
4．1．2 表格的基本语法 （58）
4．1．3 表格的属性 （59）
4．1．4 跨行跨列表格 （61）
4．1．5 表格数据的分组 （63）
4．1．6 案例――使用表格布局美家装饰产品展示页面 （64）
4．2 表单 （65）
4．2．1 表单的基本概念 （65）
4．2．2 表单标签 （66）
4．2．3 表单元素 （66）
4．2．4 案例――制作美家装饰会员注册表单 （69）
4．2．5 使用表格布局表单 （71）
习题4 （73）
第5章 CSS3入门 （74）
5．1 CSS3概述 （74）
5．1．1 CSS3的特点 （74）
5．1．2 CSS3的编写规范 （75）
5．1．3 CSS3的工作环境 （76）
5．1．6 CSS的优势与局限性 （77）
5．2 CSS语法规则 （78）
5．2．1 CSS样式规则 （78）
5．2．2 基本选择符 （79）
5．2．3 复合选择符 （81）
5．2．4 通配符选择符 （83）
5．2．5 属性选择符 （84）
5．2．6 特殊选择符 （87）
5．3 CSS的属性单位 （89）
5．3．1 长度、百分比单位 （89）
5．3．2 颜色单位 （90）
5．4 CSS的引用方法 （90）
5．4．1 行内样式 （91）
5．4．2 内部样式表 （91）
5．4．3 链入外部样式表 （92）
5．4．4 导入外部样式表 （93）
5．4．5 案例――制作美家装饰业务简介页面 （94）
5．5 文档结构 （96）
5．5．1 文档结构的基本概念 （96）
5．5．2 继承 （97）
5．5．3 样式表的层叠、特殊性与重要性 （98）
5．5．4 元素类型 （101）
5．5．5 案例――制作美家装饰新闻更新局部页面 （101）
习题5 （104）
第6章 盒模型 （106）
6．1 盒模型简介 （106）
6．2 盒模型的属性 （107）
6．2．1 边框 （107）
6．2．2 外边距 （110）
6．2．3 内边距 （112）
6．2．4 案例――盒模型的演示 （112）
6．3 盒模型的大小 （114）
6．3．1 盒模型的宽度与高度 （114）
6．3．2 块级元素与行级元素宽度和高度的区别 （114）
6．4 盒子的margin合并问题 （115）
6．4．1 行级元素之间的水平margin合并 （115）
6．4．2 块级元素之间的垂直margin合并 （116）
6．5 盒模型综合案例――美家装饰页面顶部内容 （118）
6．6 盒子的定位 （120）
6．6．1 定位属性 （120）
6．6．2 定位方式 （122）
6．7 浮动与清除浮动 （126）
6．7．1 浮动 （126）
6．7．2 清除浮动 （130）
6．8 综合案例――美家装饰营销模式页面 （131）
6．8．1 页面布局规划 （131）
6．8．2 页面的制作过程 （132）
习题6 （135）
第7章 CSS3格式化排版 （137）
7．1 设置字体样式 （137）
7．1．1 字体类型 （137）
7．1．2 字体大小 （137）
7．1．3 字体粗细 （138）
7．1．4 字体倾斜 （138）
7．1．5 设置字体样式综合案例 （138）
7．2 设置文本样式 （139）
7．2．1 文本水平对齐方式 （140）
7．2．2 行高 （140）
7．2．3 文本的修饰 （140）
7．2．4 段落首行缩进 （140）
7．2．5 首字下沉 （140）
7．2．6 文本的截断 （141）
7．2．7 文本换行 （141）
7．2．8 文本的颜色 （142）
7．2．9 文本的背景颜色 （142）
7．2．10 设置文本样式综合案例 （142）
7．3 设置图像样式 （144）
7．3．1 图像缩放 （144）
7．3．2 图像边框 （145）
7．3．3 背景图像 （146）
7．3．4 背景重复 （147）
7．3．5 背景图像定位 （148）
7．3．6 背景图像大小 （149）
7．4 综合案例――制作美家装饰购物乐园页面 （150）
7．4．1 页面布局规划 （150）
7．4．2 页面的制作过程 （151）
习题7 （153）
第8章 使用CSS3美化表格与表单 （155）
8．1 美化表格 （155）
8．1．1 常用的CSS表格属性 （155）
8．1．2 案例――制作斑马线表格 （158）
8．2 美化表单 （160）
8．2．1 使用CSS修饰常用的表单元素 （160）
8．2．2 案例――制作美家装饰会员注册页面 （164）
习题8 （168）
第9章 使用CSS3设置链接与导航 （170）
9．1 使用CSS3设置链接 （170）
9．1．1 设置文字链接的外观 （170）
9．1．2 背景链接 （173）
9．1．3 按钮式链接 （174）
9．2 使用CSS3设置列表 （175）
9．2．1 表格布局的局限性 （175）
9．2．2 列表布局的优势 （176）
9．2．3 CSS列表属性 （176）
9．2．4 图文信息列表 （181）
9．3 创建导航菜单 （185）
9．3．1 普通的超链接导航菜单 （185）
9．3．2 纵向列表模式的导航菜单 （186）
9．3．3 横向列表模式的导航菜单 （190）
9．4 综合案例――制作美家装饰博客页面 （194）
9．4．1 页面布局规划 （194）
9．4．2 页面的制作过程 （195）
习题9 （203）
第10章 Div+CSS布局技术 （205）
10．1 Div+CSS布局技术简介 （205）
10．1．1 什么是Div+CSS布局 （205）
10．1．2 正确理解Web标准 （205）
10．1．3 Div分块页面 （206）
10．2 常见的CSS布局样式 （207）
10．2．1 两列布局样式 （207）
10．2．2 三列布局样式 （211）
10．3 综合案例――制作美家装饰绿色环保页面 （214）
10．3．1 页面布局规划 （214）
10．3．2 页面的制作过程 （215）
10．4 综合案例――制作美家装饰网络营销页面 （222）
10．4．1 页面布局规划 （222）
10．4．2 页面的制作过程 （223）
习题10 （229）
第11章 网页行为语言――JavaScript （232）
11．1 JavaScript简介 （232）
11．2 在网页中插入JavaScript的方法 （232）
11．3 JavaScript的交互方法 （233）
11．3．1 基本的对话框交互 （233）
11．3．2 表单对象的交互 （236）
11．4 制作网页特效 （240）
11．4．1 制作网页Tab选项卡切换效果 （240）
11．4．2 循环滚动的图文字幕 （244）
11．4．3 制作轮播广告 （247）
习题11 （249）
第12章 美家装饰前台页面 （251）
12．1 网站的组织结构 （251）
12．1．1 前台页面的组成 （251）
12．1．2 后台管理页面的组成 （251）
12．1．3 主要制作页面简介 （252）
12．2 设计首页布局 （252）
12．2．1 创建站点目录 （252）
12．2．2 页面布局规划 （253）
12．3 制作首页 （253）
12．4 制作产品管理页 （263）
12．5 制作产品明细页 （265）
12．6 制作新闻列表页 （272）
习题12 （275）
第13章 美家装饰后台管理页面 （277）
13．1 制作后台管理登录页 （277）
13．2 制作查询商品页 （281）
13．3 制作添加商品页 （291）
13．4 制作修改商品页 （295）
13．5 网站的整合 （298）
习题13 （299）
参考文献 （300）