《网页设计与制作实例教程》以实例为主线,通过实例讲解网页设计与制作的相关知识,鼓励读者在实践中加深对网页设计相关内容的理解与掌握。全书分为4篇,分别为HTML篇、Dreamweaver篇、CSS篇和提高篇。HTML篇介绍HTML标记及网页相关的基础知识,主要包括列表、图片、超链接、表格、表单、框架和多媒体等; Dreamweaver篇介绍Dreamweaver的基本操作、表格布局、模板和库、层与行为等; CSS篇主要讲授CSS语法、Dreamweaver中CSS的应用、盒模型、CSS布局方法和DIV+CSS等; 提高篇主要介绍JavaScript、WWW服务器和切片的思想与方法等。
《网页设计与制作实例教程》适合初级和中级读者,实例选择、实现方法及内容编排等方面融合了作者多年教学与实践经验,能够使读者在较短的时间内完成上述的网页设计与制作内容的学习。
《网页设计与制作实例教程》内容丰富,循序渐进,深入浅出,不需要任何基础。读者通过学习,既能够掌握网页设计的基础和本质,也能够掌握基于Web标准的**网页设计方法。《网页设计与制作实例教程》可以为网页设计师、专业网站***、动态网页开发

传统的网页设计采用表格布局的方法进行设计,学习方法以掌握Dreamweaver、Flash等网页三剑客为主。但现实中基于Web标准的网页设计方法(DIV+CSS)已经逐渐取代了表格布局的传统方法,现实中大多数中大型网站已经采用了基于Web标准的设计方法。这就相应地要求改变传统网页设计的学习内容和方法,新的学习内容对HTML和CSS提出了更高的要求。
本书主要为学习网页设计与制作的初级和中级读者编写,从零开始,一直到现实中比较**的基于Web标准的网页设计方法,包括了网页设计的主要内容。本书不包括美工方面的内容,美工方面的内容可以在读者对网页的基本概念有了理解后进行学习。
国内的大多数网页设计与制作课程及教材都没有将Web标准纳入课程内容中,但基于Web标准的网页设计方法是现实中*广泛采用的设计方法,学习网页设计,如果不介绍这一部分的内容,仍然以传统的HTML或Dreamweaver表格布局为**,就会落后于时代。
本书完全为初学者设计,不单纯讲授HTML代码或工具,在内容中引入基于Web标准的网页设计方法,在保证学生掌握网页设计的基本内容的基础上,紧密跟进网页设计的技术发展,并且确保读者能够用一种比较简单的方法完成这部分内容的学习。
本书主要有以下特点。
(1)基于现实岗位需求的内容设计。书中引入基于Web标准(DIV+CSS)的网页设计方法,并针对基于Web标准的网页设计方法的特点,总结给出了相应的学习方法,使读者能够比较容易地掌握这部分内容。
(2)代码与工具相结合的讲授方法。讲授代码(HTML、CSS)保证读者从本质上掌握技术,使用工具(Dreamweaver、EditPlus)降低代码对初学者的难度。
(3)循序渐进的学习过程。书籍内容与实例设计充分考虑读者学习曲线,并结合多年丰富的教学和实践经验,精心设计案例。实例中包含了绝大多数**、难点,实例设计简单、清晰、实用、生动,便于读者理解和练习。
(4)任务驱动,通过实例进行学习。每章的设计采用任务驱动,读者学习每章时目标明确,任务就是完成和理解书中的实例和习题。书中内容突出实践性,以实例贯穿各个知识点,鼓励读者在实践中学习、思考和提高。
另外,对本书做以下说明。
本书的代码尽量遵守xhtml规范,但为了节省篇幅,书中的代码不包括doctype、dtd、mete等相关信息,完整的xhtml代码框架应如下所示。




标题




第4篇提高篇的内容供读者参考,以加深读者对网页设计与制作相关概念和方法的了解。如JavaScript部分,需要一定的代码基础,但本书的读者对象大多是初学者,可能不具备这种基础,可以在以后再进一步学习这一部分的内容。
本书第1章、第13章、第14章、第15章、第16章、第17章、第18章由袁磊编写,第2章、第3章、第6章、第7章、第11章、第21章由陈伟卫编写,第9章、第12章由黄川林编写,第8章、第10章由李帅编写,第19章由张益民编写,第20章由杨晓光编写,第5章由夏天娇编写,第4章由张明会编写。全书由袁磊、陈伟卫、李帅统一修订。
在编写本书的过程中,尽管编写者都尽了*大的努力,但由于水平有限和时间仓促,本书在很多方面还需要进一步提高,不足和错误之处,欢迎广大读者批评指正。

**篇 HTML
第1章 网页设计概述
1.1 基础知识
1.2 常用网页设计技术
1.3 常用网页设计工具
1.4 课程内容安排
1.5 小结
1.6 习题

第2章 HTML基础
2.1 **个HTML页面
2.2 标准HTML文件的结构
2.3 基本HTML标记
2.4 列表标记
2.5 HTML的属性
2.6 HTML颜色
2.7 和
2.8 滚动字幕
2.9 字符实体
2.10 EditPlus
2.11 习题

第3章 图片
3.1 文件路径
3.2 图像格式
3.3 在网页中使用图片
3.4 习题

第4章 超链接
4.1 外部链接与内部链接
4.2 target和title
4.3 图片超链接
4.4 习题

第5章 表格
5.1 表格标记
5.2 表格的基本结构
5.3 表格的属性
5.4 表格的结构标记
5.5 综合实例
5.6 习题

第6章 表单
6.1 表单的功能
6.2 表单标记
6.3 表单中常用的控件和属性
6.4 综合实例
6.5 习题

第7章 框架
7.1 框架集
7.2 创建框架和框架集
7.3 用(iframe)定义嵌入式框架
7.4 习题

第8章 多媒体
8.1 文件的链接
8.2 多媒体的嵌入
8.3 背景声音
8.4 object标签
8.5 Flash
8.6 习题

第二篇 Dreamweaver

第9章 Dreamweaver基础
9.1 Dreamweaver运行环境
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.5 表格操作
9.5.1创建表格
9.5.2编辑表格
9.6 框架的使用
9.6.1创建框架与框架集
9.6.2编辑框架
9.6.3存储框架
9.6.4框架应用
9.7 嵌入表单元素
9.7.1设计表单
9.7.2表单实例
9.8 习题

第10章 表格布局
10.1 布局概述
10.2 表格布局
10.3 表格布局实例
10.4 网站设计
10.5 习题

第11章 模板和库
11.1 模板
11.2 库
11.3 创建基于模板的页面
11.4 习题

第12章 层与行为
12.1 层
12.1.1创建层
12.1.2层的基本操作
12.2 行为
12.2.1认识行为
12.2.2认识事件
12.2.3向页面中添加行为
12.3 将层和行为结合起来
12.3.1显示隐藏层
12.3.2拖动层
12.4 习题

第三篇 CSS篇

第13章 CSS基础
13.1 CSS简介
13.2 CSS的优点
13.3 **个CSS
13.4 常用属性
13.5 习题

第14章 CSS综述
14.1 CSS选择符
14.1.1CLASS选择符
14.1.2标签选择符
14.1.3ID选择符
14.1.4CSS选择符小结
14.2 CSS的位置
14.3 CSS伪类
14.4 层叠
14.5 习题

第15章 在Dreamweaver中使用CSS
15.1 编写CSS样式
15.2 应用CSS样式
15.3 综合实例
15.4 习题

第16章 盒模型
16.1 **个盒子
16.2 盒子模型
16.3 盒子的宽和高
16.4 Dreamweaver可视化助理
16.5 综合实例
16.6 习题

第17章 CSS布局
17.1 **定位
17.2 相对定位
17.3 浮动
17.4 习题

第18章 DIV+CSS
18.1 Web标准
18.2 XHTML
18.3 DIV+CSS基本思想
18.4 导航条设计
18.5 内容的设计
18.6 WebDeveloper
18.7 Firebug
18.8 习题

第四篇 提高篇
第19章 JavaScript
19.1 JavaScript基础
19.1.1语法
19.1.2运算符
19.1.3控制和循环语句
19.2 表单校验
19.2.1客户输入的有效性校验
19.2.2创建可重用的校验代码
19.3 事件响应
19.3.1事件处理的基本概念
19.3.2JavaScript事件处理器
19.3.3出错处理
19.3.4图像装入出错处理
19.3.5计数器事件
19.4 JavaScript的使用技巧
19.4.1浏览器版本检测
19.4.2实现浏览器上的右键菜单
19.4.3制作浮动广告的“飞舞”**
19.4.4“地震”**
19.5 习题

第20章 WWW服务器
20.1 WWW服务器
20.2 IIS服务器
20.2.1IIS的安装
20.2.2IIS的使用
20.3 Apache服务器
20.3.1Apache的安装
20.3.2在Apache服务器上创建网页和网站
20.4 FTP服务器
20.4.1FTP的基本概念
20.4.2常用FTP软件的使用
20.5 远程站点的建立
20.5.1站点的创建
20.5.2站点的维护和使用
20.6 习题

第21章 切片
21.1 切片的概念
21.2 优化和导出网站的首页
21.3 习题
参考文献
……