HTML+CSS网页设计详解

第1篇 网面制作入门篇

第1章 了解网页

1.1 什么是网页

1.1.1 网页的概述

1.1.2 静态网页

1.1.3 动态网页

1.1.4 开发动态页面和静态页面的联系

1.2 开发网页的工具

1.2.1 HTML页面的开发工具

1.2.2 动态页面的开发工具

1.3 使用网页浏览器

1.3.1 网页浏览器的工作原理

1.3.2 常用的两种浏览器

1.4 HTML、XML和XHTML语言

1.4.1 超文本标记语言HTML

1.4.2 可扩展标识语言XML

1.4.3 可扩展超文本标识语言XHTML

1.5 编写一个简单的页面

1.6 小结

1.7 本章习题

第2章 通过学习他人的网页了解HTML能做什么

2.1 用记事本打开一个页面

2.2 初识HTML

2.2.1 HTML语法

2.2.2 HTML文档的结构

2.3 HTML文档基本结构标签的作用

2.3.1 给页面一个声明——样本代码

2.3.2 踏出制作页面的第一步——开始标签

2.3.3 页面的“脑袋”——头标签和头标签的对象

2.3.4 给页面起名字——标题标签

2.3.5 页面的“身体”——主体标签

2.3.6 美化HTML文档

2.4 案例：制作第一个页面

2.5 小结

2.6 本章习题

第3章 动手在网页中写些什么

3.1 新旧方法对比

3.2 文本的排版格式

3.2.1 写一行换一行

3.2.2 在页面文本中空格

3.2.3 文本的段落要对齐

3.3 文本的属性样式

3.3.1 不一样的文本字体大小

3.3.2 奇妙的特殊符号

3.3.3 给文本加标注

3.4 整齐的文本列表

3.4.1 无序列表

3.4.2 有序列表

3.4.3 定义列表

3.4.4 列表嵌套

3.5 制作一则通知

3.6 小结

3.7 本章习题

第4章 将图像放入页面中

4.1 图像的基础知识

4.1.1 最常用的图像——位图

4.1.2 在页面中常用的位图格式

4.1.3 奇妙的矢量图

4.1.4 图像的分辨率

4.1.5 认识一些网页中常用的BANNER尺寸

4.2 用图像编织美丽的页面

4.2.1 理解图像路径

4.2.2 像编辑文本对齐一样在页面中对齐图像

4.2.3 图像与文本的对齐方式

4.2.4 控制图像与文本的距离

4.3 让图像变得更美观

4.3.1 修改图像的宽度和高度

4.3.2 不一样的改变——给图像添加边框

4.3.3 独树一帜的水平线

4.4 改变页面的背景

4.5 案例：把宠物的照片放到网页上去

4.6 小结

4.7 本章习题

第5章 让网页变得更绚丽

5.1 了解计算机语言下的颜色描述

5.2 让页面绚丽多彩

5.2.1 改变页面背景颜色

5.2.2 改变页面文本字体颜色

5.3 不寻常的图像应用

5.3.1 会动的GIF图像

5.3.2 图像的透明通道

5.3.3 带有透明通道图像的应用

5.4 案例：修饰普通页面

5.5 小结

5.6本章习题

第6章 页面链接

6.1 何为页面链接

6.1 ,1初识页面链接

6.1.2 理解链接地址

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.4 在新窗口中显示链接窗口

6.5 案例：制作普通链接的主页

6.6 小结

6.7 本章习题

第2篇 网面制作提高篇

第7章 CSS规则

7.1 如何学习CSS

7.2 CSS基本的规则写法

7.2.1 基本的样式表的写法

7.2.2 使用类class和标志id链接样式表

7.2.3 创建选择器

7.2.4 应用CSS样式表

7.3 用CSS来修饰页面文本

7.3.1 修饰页面文本字体

7.3.2 文本的字号

7.3.3 文本段落行高

7.3.4 禁止文本自动换行

7.4 给页面对象添加颜色

7.5 案例：使用CSS制作个人页面

7.6 小结

7.7 本章习题

第8章 表格

8.1 理解页面中的表格

8.2 普通表格的应用

8.2.1 制作普通表格

8.2.2 表格的基本属性

8.2.3 合并单元格

……

第3篇 动感页面篇

第4篇 页面实战篇

本书主要介绍页面前端技术的开发，即常说的HTML+CSS+JavaScript，内容涉及面广，从最基本的HTML标签讲起，再到CSS样式和JavaScript脚本语言的使用，几乎涉及网页开发的所有重要知识。本书共分4篇。第1篇详细介绍什么是网页、了解HTML的作用、HTML中的一些基本标签、网页图片的使用、如何设置网页颜色以及网页链接的设置；第2篇详细介绍CSS规则、表格的使用、如何创建框架和层以及页面布局的方法；第3篇详细介绍表单、脚本语言、JavaScript入门以及制作网页所需要的工具；第4篇通过4个案例综合介绍网页开发的详细过程，以提高读者的实战水平。书中提供了大量实例，供读者实战演练。另外，专门为本书录制了大量的配套教学视频，并提供书中的实例源代码，以帮助读者更好地学习本书内容。本书适合所有想全面学习网页开发技术的人员阅读。对于经常做网页开发的人员，更是一本不可多得的案头必备参考书。

内容全面 涵盖HTML、CSS、JavaScript以及网页布局等诸多内容
由浅入深 语法-实例-案例，逐步递进，符合读者的学习规律
全程视频 超长时间视频讲解，共20小时，帮助读者快速掌握技术
实例众多 包含136个实例、4个典型案例，展示网页设计的各项内容
分析透彻 充分展现操作过程，并分析重点代码，进行相应知识扩展