网页设计与制作

第1章 网页制作基础知识.
1.1.网页及其制作工具
1.1.1.网页的定义
1.1.2.网页的本质
1.1.3.常用的网页制作软件
1.2.网站设计流程
1.2.1.规划站点
1.2.2.设计站点
1.2.3.制作网页
1.2.4.网站发布与维护

第2章 建立站点与编辑网页
2.1.Dreamweaver.MX.2 004的简介
2.1.1.Dreamweaver.MX.2 004的工作界面
2.1.2.定义站点
2.1.3.基本功能简介
2.1.4.基本功能实例讲解
2.2.制作第一个网页
2.2.1.创建网页
2.2.2.向页面添加元素
2.2.3.制作网页的一般过程
2.3.文本修饰
2.3.1.文本的输入
2.3.2.字符格式
2.3.3.段落格式
2.3.4.列表格式
2.4.超链接的运用
2.4.1.超链接的基本定义
2.4.2.在Dreamweaver.MX.2 004中设置超链接
2.4.3.超链接的颜色
2.4.4.管理站点中的链接
本章 实训

第3章 网页中的图像
3.1.图像的一般知识
3.1.1.矢量图与位图
3.1.2.图像格式
3.2.在网页中使用图像
3.2.1.Web图像使用要点
3.2.2.插入图像与背景图像
3.2.3.修改图像属性
3.2.4.图像链接与图像映射
3.3.动态图像效果
3.3.1.制作鼠标经过图像
3.2.制作网站相册
本章 实训

第4章 CSS样式
4.1.认识CSS样式
4.1.1.CSS的神奇性
4.1.2.CSS与浏览器
4.1.3.创建和编辑CSS样式
4.2.使用CSS样式
4.2.1.常用CSS样式属性
4.2.2.盒模型
4.2.3.创建和链接外部CSS样式表
本章 实训

第5章 页面版式
5.1.网页版式设计
5.1.1.网页版面的视觉要素
5.1.2.网页编排设计的基本形式
5.1.3.网页中的文字编排
5.2.表格的基本操作
5.2.1.插入表格
5.2.2.设置表格和单元格的属性
5.3.使用布局表格
5.3.1.关于标准模式..扩展表格模式和布局模式
5.3.2.绘制网页布局
5.3.3.设置布局表格和布局单元格的属性
5.3.4.表格排版实例
5.4.使用层
5.4.1.什么是层
5.4.2.层的基本操作
5.4.3.层的属性
5.4.4.DIV+CSS
5.4.5.层的排版实例..
5.5.使用框架
5.5.1.什么是框架
5.5.2.框架的基本操作
5.5.3.框架的属性
5.5.4.框架的排版实例
本章 实训

第6章 使用多媒体对象
6.1.设置声音与视频
6.1.1.常用的音频..视频格式
6.1.2.添加背景音乐
6.1.3.链接声音与视频
6.1.4.嵌入声音与视频
6.2.使用Flash对象
6.2.1.插入Flash动画
6.2.2.Dreamweaver中提供的Flash动画
6.3.使用Java小程序
6.3.1.什么是Java小程序
6.3.2.使用Anfy制作Java特效
本章 实训

第7章 Flash应用
7.1.Flash的简介
7.1.1.Flash的基本功能
7.1.2.Flash的工作界面
7.1.3.Flash的工作流程
7.1.4.Flash的基本操作
7.2.创建逐帧动画
7.2.1.逐帧动画的概念
7.2.2.逐帧动画的创建过程
7.3.创建补间动画
7.3.1.补间动画的概念
7.3 ,.2.补间动画示例
7.4.创建形变动画
7.4.1.形变动画的概念
7.4.2.形变动画的创建过程
7.4.3.形变的方向控制
7.4.4.文字形变动画示例
7.5.常用的网页Flash元素
7.5.1.Flash按钮制作
7.5.2.网页中的Flash导航条
7.5.3.Flash.Banner制作
本章 实训

第8章 Fireworks应用
8.1.Fireworks简介
8.1.1.Fireworks的基本功能
8.1.2.Fireworks的工作界面
8.1.3.Fireworks的基本操作
8.2.位图的处理
8.2.1.常用的位图工具
8.2.2.位图操作简单实例
8.3.利用Fireworks制作Web特效
8.3.1.层..帧和动画
8.3.2.制作按钮
8.4.绘制图形
8.4.1.常用的绘图工具
8.4.2.绘制草图
8.5.Fireworks与Dreamweaver结合
8.5.1.使用Fireworks规划网页布局
8.5.2.切片导出网页
8.5.3.Dreamweaver后期修饰
本章 实训

第9章 动态网页
9.1.使用表单
9.1.1.什么是表单
9.1.2.表单的使用方法
9.1.3.表单对象的属性设置
9.1.4.表单应用实例
9.2.使用行为
9.2.1.什么是行为
9.2.2.行为的基本操作
9.2.3.行为查看器
本章 实训

第10章 综合实例
10.1.站点规划
10.1.1.内容规划
10.1.2.定义本地站点
10.2.网页素材准备
10.2.1.绘制页面草图
10.2.2.图像素材的准备
10.2.3.导航按钮的制作
10.2.4.Flash动画的制作
10.3.网页制作
10.3.1.首页与内容页布局
10.3.2.内容页填充
10.3.3.基于内容页制作模板
10.3.4.利用模板制作其他页面
10.3.5.各页面的链接
10.4.测试发布

插图：


第1章 网页制作基础知识
1.1 网页及其制作工具
互联网的迅速发展，使得网络成为目前社会中最具有时效性，也是最丰富的媒体。越来越多的人得益于网络的发展和壮大，每天无数的信息在网络上传播，人们在其中徜徉搜索，各得其乐。而形态各异、内容繁杂的网页就是这些信息的载体，那么网页究竟是什么呢？
1.1.1 网页的定义
最初的网页是文本的页面，是一种介绍知识，提供信息的平台。这个时候，网页都是文字，只有简单的内容填充，然后用HTML代码显示出来就算是一个很好的网页了。此时的要求不高，只需要把要表达的内容能够显示到网页上就可以了。真正的网络爱好者不会对这样的网页熟视无睹，大家开始注重上网观看到的感觉，要美观，要大方。因此，真正的网页时代诞生了！
那究竟什么才是网页呢？
简单地讲，当浏览者打开浏览器输入一个网址或者单击了某个链接，在浏览器里看到文字、图片，可能还有动画、音频、视频等内容，而承载这些内容的就是网页，图1—1就是一个网页。
网页实际是一个文件，它存放在世界某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址来识别与存取，当在浏览器输入网址后，经过一段复杂而又快速的域名解析程序，网页文件会被传送到浏览者的计算机，然后再通过浏览器解释网页的内容，最终展示到浏览者的眼前。
由于网页中包含“超链接”，超链接可以将一个网页链接到其他网页，从而构成了万维网的纵横交织结构。通过超链接连接起来的一系列逻辑上可以视为一个整体的一些网页就叫做网站。或者说，网站就是一个链接的页面集合，通常为了完成某个特定目标，是各种各样内容网页的集合。有的网站内容很多，比如新浪、网易这样的门户网站；有的网站可能只有几个页面，如小型的公司网站，但是它们都是由最基本的网页组合起来。