第一章 网页设计基础 教学内容 首 页 1.1 电子商务概述 上 页 1.2 网页制作基础知识 下 页 1.3 网页的规划与布局 1.4 网页制作流程 退 出 1.5 DreamweaverMX简介 退 网页设计与制作 出 知识要点: • • • • • 电子商务简介 网页制作基础知识 网页的规划与布局 网页制作的基本流程 Dreamweaver MX 2004 基础 首 页 上 页 下 页 退 出 1.1 电子商务概述 1.1.1
Download ReportTranscript 第一章 网页设计基础 教学内容 首 页 1.1 电子商务概述 上 页 1.2 网页制作基础知识 下 页 1.3 网页的规划与布局 1.4 网页制作流程 退 出 1.5 DreamweaverMX简介 退 网页设计与制作 出 知识要点: • • • • • 电子商务简介 网页制作基础知识 网页的规划与布局 网页制作的基本流程 Dreamweaver MX 2004 基础 首 页 上 页 下 页 退 出 1.1 电子商务概述 1.1.1
Slide 1
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 2
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 3
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 4
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 5
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 6
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 7
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 8
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 9
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 10
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 11
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 12
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 13
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 14
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 15
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 2
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 3
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 4
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 5
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 6
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 7
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 8
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 9
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 10
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 11
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 12
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 13
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 14
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出
Slide 15
第一章 网页设计基础
教学内容
首 页
1.1 电子商务概述 上 页
1.2 网页制作基础知识
下 页
1.3 网页的规划与布局
1.4 网页制作流程
退 出
1.5 DreamweaverMX简介
退
网页设计与制作
出
知识要点:
•
•
•
•
•
电子商务简介
网页制作基础知识
网页的规划与布局
网页制作的基本流程
Dreamweaver MX 2004 基础
首 页
上 页
下 页
退 出
1.1 电子商务概述
1.1.1 什么是电子商务
电子商务，英文为Electronic Business(或
Electronic Commerce)，缩写为：EC、
EB或E_Comm。电子商务是指通过计
算机网络以电子数据流通的方式在全
世界范围内进行并完成的各种商务活
动、交易活动、金融活动以及相关的
综合服务活动。
首 页
上 页
下 页
退 出
•
•
•
•
美国政府对电子商务的定义：电子商务是通过Internet进行
的各项商务活动，包括广告、交易、支付、服务等活动，
全球电子商务将涉及世界各国。
联合国经济合作与发展组织对电子商务的定义：电子商务
是发生在开放网络上的包含企业与企业（Business to
Business）之间、企业与消费者(Business to Consumer)之间
的商业交易。
HP公司对电子商务的定义：通过电子化手段来完成商业贸
易活动的一种方式，它能够使用户以电子交易为手段完成
商品和服务等的交换，是商家和客户之间的纽带。
我国的研究员王可从过程的角度定义的电子商务为：在计
算机与通信网络的基础上，利用电子工具实现交换和行政
作业的全程。
首 页
上 页
下 页
退 出
1.1.2 电子商务的特点
• 1．交易虚拟化
• 2．交易成本低
• 3．交易效率高
• 4．交易透明化
首 页
上 页
下 页
退 出
1.1.3 Internet与电子商务
网页是INTERNET 的主要表现形式，
因此电子商务的广泛开展离不开网页
这种信息载体，我们学习网页设计与
制作就是利用INTERNET技术更好的
为电子商务服务。
首 页
上 页
下 页
退 出
1.2
网页设计的基础知识
1.2.1 网页的定义和分类
1．按位置分类
按网页在网站中的位置可将其分为主页和内页，主页是指进入
网站时看到的第一个页面，称为首页；内页是指与主页相
链接的页面，也就是网站的内部页面。
2. 按表现形式分类
按网页的表现形式可将网页分为静态网页和动态网页。其含义
如下：
静态网页：使用HTML语言编写的网页，其制作方法简单易学，
但缺乏灵活性。
动态网页：使用ASP、PHP和XML等语言生成的具有动态交互
效果的网页，其制作方法比HTML语言难。
首 页
上 页
下 页
退 出
1.2.2 专业术语
1．URL
2．域名
3．站点
4．发布
5．浏览器
6．超链接
7．导航条
8．客户机与服务器
9．脚本
10．表单
首 页
上 页
下 页
退 出
1.2.3 网页的组成元素
1. 文本
2. 图像
3. 表格
1.2.4 网站及分类
1．门户网站: 新浪网（www.sina.com）、搜狐网
（www.sohu.com）、网易网(www.163.com)
2．个人网站: 姚明官方网站（http://yaoming.sports.sohu.com/），
田亮中文网站（http://www.t-liang.com/）
3．专业网站: 汽车之家网(http://www.autohome.com.cn/)，中国
c#技术站(http://www.chinacs.net/)
4．职能网站: 阿里巴巴(http://www.china.alibaba.com)和当当网
上书店(http://www.dangdang.com)
首 页
上 页
下 页
退 出
1.3 网页的规划与布局
1.3.1 网页的规划
1．网页的主题
2．网页的命名
3．网站标志
4．色彩搭配
5．字体
首 页
上 页
下 页
退 出
1.3.2 网页的布局
1．π型布局
首 页
图1-6 π型布局
上 页
2．T型布局
图1-7 T型布局
下 页
退 出
3．对比布局
图1-8对比布局
4．POP布局
首 页
上 页
5．FLASH布局
下 页
退 出
1.4 网页制作流程
1.4.1 收集、整理资料
1.4.2 规划、创建站点
1.4.3 制作网页
1.4.4 站点测试
1.4.5 网页发布
1.4.5 网页发布
首 页
上 页
下 页
退 出
1.5 DeamweaverMX2004 简介
1.5.1 启动与退出DreamweaverMX2004
1.5.2 DreamweaverMX2004的工作界面
首 页
上 页
下 页
退 出
结 束
首 页
上 页
下 页
退 出