Transcript Document

第
1章
电子商务网站建设概述
技能精通，基础先行，要成为电子商务网站制作高手，
必须要懂得三大基础知识(网络基础知识、网站建设基础知
识、电子商务基础知识)。
Ebay(易趣)
亚马逊
阿里巴巴
全球最大的电子商务网站
马云
谁是下一个世界首富？
比尔盖茨说：亚洲的马云。
第一章 电子商务网站建设概述
第一节
计算机网络知识综述
第二节
网站建设概述
第三节
电子商务网站建设基础
一、计算机网络的定义
计算机网络就是指利用通信线路，将分布在不同地理位置的具有独立
功能的多台计算机、终端以及各种附属设备连接起来，按照网络协议进行
数据通信，实现资源共享的系统的集合。
网络传输媒介
通信线路
传输的位置
分布在不同的地理位置
连接的设备
独立功能的计算机
传输的规则
网络协议
网络的功能
资源共享、资源交换
二、计算机网络的分类
按地理范围将计算机网络分为：
局域网——LAN
Local Area Network
是在一个建筑物内，为单位所独有，
距离从几米远到十几公里
城域网——MAN
Metropolitan Area Network
是在一个城市内部组建的网络
广域网——WAN
Wide Area Network
也称为互联网、远程网，覆盖范围
广泛，可从几百公里到几千公里,连
接多个城市或国家.
齐
齐
哈
尔
信
息
工
程
学
校
齐齐哈尔市政府
齐
齐
哈
尔
市
齐齐哈尔信息工程学校
齐齐哈尔大学
全
中 国
球
美 国
英 国
如何记住Lan、Man
、 Wan呢？
局域网烂lan，城域网慢man，广域网要完wan蛋！
三、什么是 Internet
Internet 即互联网，是世界上最大的网络系统，由成千上万个网络互
相联接起来构成的计算机网络系统。
四、网络的有关设备
网卡（Nic）
集线器（Hub）
交换机（Switch）
路由器（Router）
四、网络的有关设备
网卡（Nic）
集线器（Hub）
交换机（Switch）
路由器（Router）
四、网络的有关设备
网卡（Nic）
集线器（Hub）
交换机（Switch）
路由器（Router）
四、网络的有关设备
网卡（Nic）
集线器（Hub）
交换机（Switch）
路由器（Router）
四、网络的有关设备
网卡（Nic）
集线器（Hub）
交换机（Switch）
路由器（Router）
家
庭
网
络
电话线
网线
五、网络的有关概念
1．网络拓朴
计算机网络的连线方式称为网络的拓扑结构
总线型拓扑
环 形 型 拓 扑
星 型 拓 扑
2．IP 地址
每台上网的计算机都有一个号码，IP 地址是计算机在网
络上的唯一标识。
计算机的IP地址的形式：
210.73.140.25
3．网络协议
不同的计算机在网络中实现通信时必须遵守约定，
也就是通信协议。不同的网络要使用不同的协议 。
例如 ：
接入互联网的计算机
都要使用 TCP/IP 协议，
才能正常上网。
http 是 TCP/IP 协议中
的一个子协议。
4．ISP
ISP的英文是Internet Service Provider，翻译为互联网服务
提供商，即向广大用户综合提供互联网接入业务、信息业务
和增值业务的电信运营商。
例如 ：
我们办理宽带业务要到
网通公司或者铁通公司那
么网通公司或铁通公司就
是我们常说的ISP。
电子商务网站制作的高手，
必须掌握的基础技能有哪些呢？
熟练地架设服务器
一
熟练地测试网络联通情况
二
一、如何架设服务器
1．安装IIS组件
2．配置IIS
一、如何架设服务器
1．安装IIS组件
开 始
控制面板
添加或
删除程序
第一步
一、如何架设服务器
1．安装IIS组件
添加/删除
Windows组件
Windows
组件向导
Internet
信息服务（IIS）
第一步
第二步
一、如何架设服务器
1．安装IIS组件
单击“下一步”
进行安装
第一步
第二步
第三步
插入WIndowsXP
安装光盘
修改路径为“I386”
一、如何架设服务器
1．安装IIS组件
2．配置IIS
开 始
控制面板
管理工具
Internet
信息服务
第一步
一、如何架设服务器
1．安装IIS组件
2．配置IIS
Internet
信息服务
第一步
第二步
本地计算机
默认路径：C：\Inetpub\wwwroot
网 站
默认网站
一、如何架设服务器
1．安装IIS组件
2．配置IIS
操 作
本地路径
第一步
属 性
第二步
第三步
默认网站属性
更改路径 如 D：\MyInternet
主目录
一、如何架设服务器
1．安装IIS组件
2．配置IIS
第一步
默认网站属性
添加默认文档
文 档
第二步
第三步
启用默认文档
输入 Index.asp
第四步
添 加
IIS的配置工作到此就算完成了！
打开IE浏览器，在地址栏中输入
http：//127.0.0.1
http：//localhost
或
二、如何测试网络连通情况(Ping)
1.IP地址的检测方法
本机
IP地址
开 始
运 行
输入cmd
ipconfig
其他网站
IP地址
开 始
运 行
输入cmd
ping 网址 – t
ping www.qqhre.com
pinging 218.10.246.32 with 32bytes of data
二、如何测试网络连通情况(Ping)
2、测试网络是否连通的常用方法
127开头的是本机地址
特殊的IP地址
192.168.XX.XX 是保留地址
所以这个IP段通
常用来设置局域
网的IP地址
二、如何测试网络连通情况(Ping)
2、测试网络是否连通的常用方法
例1
测试正在使用的计算机网
络设置是否正确
Ping 127.0.0.1 –t
二、如何测试网络连通情况(Ping)
2、测试网络是否连通的常用方法
例2
测试局域网中两台计算机
(A与B)是否连通
1、获取B的IP地址ipconfig
2、在A上Ping B
二、如何测试网络连通情况(Ping)
2、测试网络是否连通的常用方法
例3
测试自己的计算机是否
连通了互联网
1、Ping www.baidu.com –t
二、如何测试网络连通情况(Ping)
2、测试网络是否连通的常用方法
例4
测试自己的计算机是否
能正常浏览新浪网
Ping www.sina.com.cn -t
三、Ping命令总结
测试网络是否畅通
Ping的功能
获取计算机的IP地址
常用参数：-t
终止快捷键：Ctrl+C
一、网线制作
材料
准备
双绞线
网线（双绞线）、RJ－45水晶头、
RJ－45压线钳
动
手
制
作
一、网线制作
材料
准备
网线（双绞线）、RJ－45水晶头、
RJ－45压线钳
RJ－45水晶头
动
手
制
作
一、网线制作
材料
准备
网线（双绞线）、RJ－45水晶头、
RJ－45压线钳
RJ－45压线钳
动
手
制
作
一、网线制作
制作
步骤
1．去外皮
长度为2～3厘米
动
手
制
作
动
手
制
作
一、网线制作
制作
步骤
2．理线
T568A
白
白
白
白
绿
蓝
橙
棕
绿
橙
蓝
棕
T568B
白
白
白
白
橙
蓝
绿
棕
橙
绿
蓝
棕
左
1
2
3
4
5
6
7
8
右
动
手
制
作
一、网线制作
网 卡
“同类”交叉 集线器
交换机
网 卡
网线一端为T568A标准
集线器
另一端为T568B标准
交换机
集线器
网线两端均为T568A标准
或均为T568B标准
“异类”直通 网卡
交换机
一、网线制作
制作
步骤
动
手
制
作
3．切线 将网线抻直、履平，
用RJ-45压线钳切线，留14~15mm。
一、网线制作
制作
步骤
4．插线 捏平双绞线，
平行插入水晶头内的线槽中。
动
手
制
作
一、网线制作
制作
步骤
5．压线 将水晶头放入压线钳
夹槽中， 压紧线头。
动
手
制
作
一、网线制作
制作
步骤
6．测试
用网线测试仪测试网线
是否制作成功。
动
手
制
作
二、ADSL宽带连接
动
手
制
作
目 的
将计算机接入互联网
材料
准备
带网卡的计算机一台，到电信部门（网通公司、
铁通公司、电信公司）开通互联网入网手续，
Modem(调制解调器)、制作好的网线。
安装
步骤
1.安装准备工作 准备好计算机，安装好网卡，并对网卡进行
驱动。
动
手
制
作
二、ADSL宽带连接
2.安装信号分离器
3.安装ADSL Modem
信号分离器
ADSL Modem
电话线
双绞线
ADSL 连接示意图
动
手
制
作
二、ADSL宽带连接
4．拔号设置
网上邻居
右 键
属 性
下一步
链接到Internet
下一步
输入用户名和密码
创建新连接
手动设置我的连接
第一章 电子商务网站建设概述
第一节
计算机网络知识综述
第二节
网站建设概述
第三节
电子商务网站建设基础
一、网站建设的含义
网站建设是指应用各种网页设计技术，为企事业单位、公司和个
人在互联网（Internet）上建立自己的站点并发布信息。
1.用什么? 各种网页设计技术
2.为谁?
企事业单位公司和个人
3.在哪?
互联网（Internet）
4.干啥?
建立自己的站点
5.有什么用?发布信息
二、网站建设的有关概念
1．W W W
2．主页
World Wide Web
Home Page
环球信息网
Web
万维网
首页
3．URL
Uniform Resource Locator 网址
4．HTML
Hypertext Markup Language 超文本标记语言
5．域名
企业网站在互联网上的地址，
如：http:// www.qqhre.com
HTTP:协议 WWW:表示该万维网 Qqhre.com是域名
三、Web标准
即网站建设采用的标准，
网站建设目前流行XHTML标准。
四、网站的组成与结构
网页、域名、空间
网页:解决网站里都有啥东西的问题;
空间:解决网站放哪的问题;
域名:解决网站在网上叫啥的问题.
五、网站建设工具
提示:网站分前台和后台,我们看到的页面部分就是前台,
我们看不到的实现功能的部分就是后台,例如,申请QQ号,申请的
界面是前台,而提交后则由后台程序处理
1．网站前台开发工具
2．网站后台开发工具
3．项目管理及辅助软件
五、网站建设工具
图片工具
1．网站前台开发工具 动画工具
PhotoShop、FireWork
FLASH
页面编辑工具 Dreamweaver、Frontpage
2．网站后台开发工具
3．项目管理及辅助软件
五、网站建设工具
1．网站前台开发工具
图片工具
PhotoShop、FireWork
动画工具
FLASH
页面编辑工具 Dreamweaver、Frontpage
动态程序开发 ASP、JSP、PHP、ASP.net
2．网站后台开发工具
Rational Rose（程序建模）
数据库建模 PowerDesigner（数据库建模）
3．项目管理及辅助软件
五、网站建设工具
1．网站前台开发工具
图片工具
PhotoShop、FireWork
动画工具
FLASH
页面编辑工具 Dreamweaver、Frontpage
动态程序开发 ASP、JSP、PHP、ASP.net
2．网站后台开发工具
Rational Rose（程序建模）
数据库建模 PowerDesigner（数据库建模）
3．项目管理及辅助软件
上传工具
cuteFTP
一、标准网络公司网站制作流程
案
例
分
析
第一步
业务洽谈
客户提出要求
撰写网站制作策划书
签订合同
预付部分费用
案
例
分
析
一、标准网络公司网站制作流程
第二步
申请域名、空间
与客户进一步沟通
确定网站建设结构图
案
例
分
析
一、标准网络公司网站制作流程
第三步
出具主页面、部分内页小样
（word或PhotoShop格式）
客户审核
开展美工设计
客户满意
定稿
反复修改
客户审核
案
例
分
析
一、标准网络公司网站制作流程
第四步
美工设计完成
开展程序设计
案
例
分
析
一、标准网络公司网站制作流程
第五步
前台美工
+
后台程序
完整网站
案
例
分
析
一、标准网络公司网站制作流程
第六步
内测工作
初步交工
修改完善
客户意见
案
例
分
析
一、标准网络公司网站制作流程
第七步
对网站进行
备份、整理、上传
网站
制作完成
网站
后期维护
案
例
分
析
二、小型网络公司网站制作流程
五人团队：经理1人
业务2人
技术2人
第一步
前台版面设计
第二步
后台代码编制
一、收集网站上的素材
实
用
技
能
直接复制/粘贴到 Word
1．文字素材的收集
调入 DreamWeaver 再复制/粘贴到
Word
单一图片文件下载：图片另存为
2．图片素材的收集
批量下载：IE临时文件夹
GIF：图片另存为
3．动画素材的收集
FLASH：IE临时文件夹
二、将整个页面存成图片
实
用
技
能
1．通过专用抓图工具SnagIt实现
操作
步骤
（1）打开目标网页，启动SnagIt，进入抓图界面。
（2）在基本捕获配置文件中选择“滚动窗口（网页）”
（3）点击“捕获”按钮，SnagIt自动关闭，单击预捕
获的网页的左上角，开始捕获，点击鼠标右键，结束图
像捕捉。
（4）图像捕获后，软件自动进入SagIt捕获预览窗口，
点击
工具栏中“另存为”将网页存储到硬盘中，注
意最好选择JPG格式。
二、将整个页面存成图片
实
用
技
能
2．通过流行的傲游浏览器来实现
操作步
骤
（1）启动浏览器，打开欲保存为图片的网页。
（2）打开截图功能菜单，点击“截图选项”设置，设置保存
路径、保存格式。
（3）根据需要进行截图，如需要将整个网页保存为图片，则
点击菜单“当前页面截图”，其快捷键为CTRL+F2。
强化训练
一、搜索并将整个首页以图片的形式下载存储
要求：
1．登录百度，输入“电子商务网站”，检索标
准、规范、精美的电子商务网站；
2．在本地硬盘最后一个分区中建立“网站素
材”目录，并在其下建立“首页图片”子目
录；
3．将检索到的网站首页以图片的形式下载到
“首页图片”目录中；
4．共下载30个电子商务网站首页。
作业发至[email protected]
强化训练
二、收集网站上所有图片、Flash素材
要求：
1．对网易、新浪、齐齐哈尔大学、齐齐哈
尔信息工程学校四个网站上所有图片、
FLASH进行快速收集；
2．专门建设一个目录，将下载的图片存放
到专门的目录下，将下载的FLASH另存
到其它指定目录下。
第一章 电子商务网站建设概述
第一节
计算机网络知识综述
第二节
网站建设概述
第三节
电子商务网站建设基础
一、电子商务网站的基本概念
电子商务（Electronic Commerce）
简单地说就是在网上进行商品交易,这也是狭义的电子商务
电子化
计算机技术
利 用
网络技术
远程通信技术
实 现
数字化
网络化
一、电子商务网站的基本概念
展示商品信息
电子商务网站
功 能
实现电子交易
开展售前、售后服务
二、电子商务网站的几个概念
B2B Business To Business
企 业
企 业
B2C Business To Customer
企 业
个 人
C2C Customer To Customer
个 人
个 人
三、电子商务网站建设
研究功能需求
研究客户群体
组织素材
统筹规划设计
上传发布网站
编写代码
制作页面
四、电子商务网站的分类
宣传企业文化、弘扬企业精神
工商企业的电子商务网站
长期有效地宣传产品信息
提供便捷的网上售后服务
专业的网上交易网站
百货商场
阿里巴巴、淘宝网
五、电子商务网站的三大功能
宣传功能
投入低廉、广告效应巨大
交易功能
品种齐全、物美价廉、安全方便
服务功能
便捷的售前、售后服务
一、电子商务网站如何保证诚信
1．执行严格的准入制度。
2．完善的信用评级。
3．充足的保证基金。
4．权威的先行赔付。
5．额外的购物保险。
案
例
分
析
如何下载网站上的视频文件
1.在网站上查看视频时，按鼠标右键，
会出现菜单，选择“将此视频下载到
RealPlayer”,或单击下载按钮。
2.单击该按钮以开始下载视频，Real
下载管理窗口将出现。
3.下载和录制管理器独立窗口将打开。
RealPlayer将这些视频保存到下载和
录制下的“我的媒体库”中。
实
用
技
能
强化训练
下载网站制作教学视频
要求：
1．登录百度搜索“网站制作视频教学”，
检索各种以网站制作为主题的视频；
2．专门建设一个目录，将下载的视频存放
到专门的目录下；
3．下载10个网站制作视频。
每课一考
一、填空题（共40空，每空1分）
1．计算机网络就是指利用（ ），将分布在不同地理位置的具有（ ）
的多台计算机、终端以及各种附属设备等连接起来，按照（ ）进行
数据通信，实现（ ）的系统的集合。
2．我们常见的网络通信线路有两种（ ）和（ ）。
3．网络常见的无线传输有（ ）和（ ）。
4．互联网必须遵循的协议是（ ）协议。
5．网络的两大功能是（ ）和（ ）。
6．计算机网络按照地理位置分为（ ）（ ）（ ）三类，其中LAN
指（ ），WAN指（ ），MAN指（ ）。
7．世界是最大网络是（ ）。
8．计算机网络的连线方式称为网络的（ ）。按计算机连接的结点，计
算机网络中常用的拓扑结构有（ ）、（ ）、（ ）等。
9．网络协议即（ ），是计算机在网络中实现通信时必须遵守的（ ）。
10．网站建设是指（ ）。
11．http：//www.qqhru.edu.cn 中的 qqhre.com 指（ ），com表示
（ ），.cn是指（ ）。
12．电子商务是利用（ ）技术、（ ）技术和（ ）技术，实现整
个商务过程中的电子化、数字化和网络化。
13．B2C表示商业机构对（ ）的电子商务。这种形式的电子商务一般
以（ ）为主。
14．Dreamweaver属于（ ）类的工具。
15．HTML是Hypertext Markup Language的缩写，即（ ）语言。
16.测试自己的计算机是否能正常浏览网易的方法是（ ）。
17．Router是指网络中的（ ）设备。
18．计算机网络的连线方式称为网络的（ ）。
19．Ping是windows 自带的网络测试工具，其功能有两个，一是测试网
络是否畅通，二是（ ）。
20．网络中的（ ）是用来将电话线路中的高频数字信号和低频语音信
号进行分离的设备。
二、选择题（共20题，每空1分）
1 ．以下哪些不是常说的网卡的速率（ ）。
A、10M
B、1000M
C、100M
D、667M
2 ． HUB是指（ ）。
A、集线器
B、交换机
C、路由器
D、网卡
3 ．以下设备中用于两种网络互联的设备是（ ）。
A、集线器
B、交换机
C、路由器
D、网卡
4 ． ISP是指（ ）。
A、互联网服务提供商 B、基于JAVA的编程语言 C、网站 D、宽带
5 ． pinging www.qqhre,com –t中参数t的含义是（ ）。
A、在DOS中测试
B、进行远程测试 C、连续测试
D、以上都不对
6 ．网线制作时，排线的顺序左起颜色是（ ）。
A、白绿
B、白橙
C、蓝
D、棕
7 ． WWW是指（ ）。
A、网页
B、网站
C、万维网
D、网址
8 ．每个网站的主页有（ ）个。
A、一个
B、两个
C、无数个
D、以上都不对
9 ． URL是指（ ）。
A、网页
B、网址
C、主页
D、网站
10．RealPlayer具备以下（ ）功能
A、下载视频
B、上传网页
C、制作主页 D、制作动画
11．以下哪些不是网站的组成部分（ ）。
A、网页
B、域名
C、空间
D、HUB
12．PhotoShop在网页制作中的作用是（ ）。
A、上传网页
B、编辑排版
C、图像修改 D、动画制作
13．最常用的网络动画制作工具是（ ）。
A、3Dmax
B、MAYA
C、FLASH
D、PhotoShop
14.FTP工具的作用是（ ）。
A、高速下载
B、上传
C、站点推广 D、流量统计
15． 能实现网页截图的浏览器是（ ）。
A、IE浏览器
B、火狐狸浏览器 C、傲游浏览器
D、以上都不对
16．傲游浏览器将整个网页保存为图片，则点击菜单“当前页面截图”，其
快
捷键为（ ）。
A、CTRL+F2
B、ALT+F2
C、CTRL+F5
D、ESC
17．以下（）不属于电子商务与传统商务活动相比较的优越点。（ ）。
A、电子化
B、数字化
C、网络化
D、利润最大化
18．B2B是指（ ）。
A、企业对企业 B、企业对个人 C、个人对企业 D、个人对个人
19．电子商务以（ ）为主要实现手段。
A、互联网
B、洽谈
C、计算机
D、以上都不对
20．以下哪些不属于电子商务网站按销售商品范围分类（ ）。
A、销售单一商品的网站
B、销售一类商品的网站
C、销售各类商品的网站
D、只实施中介的网站
三、判断题（共20题，每题1分）
1.互联网的地理范围可从几百公里到几千公里。（ ）
2.机房有一百台电脑，同时使用一个数码相机做为摄像器材，这就是属于网
络的交换功能。（ ）
3.接入同一个网络中的计算机必须是分布在不同的地理位置。（ ）
4.网络传输媒介是通信线路，通信线路只能是有线的，不可以是无线的。（ ）
5.NETBEUI是互联网必须使用的协议。（ ）
6.Internet即常说互联网。（ ）
7.集线器本身不能识别目的地址。（ ）
8.总线型网络中一个节点出现故障，整个网络将全部瘫痪。（ ）
9.IP地址是在网络中用于区别不同的计算机的一种手段。（ ）
10．互联网使用的协议是TCP/IP协议。（ ）
11．IIS的功能是编写网站代码。（ ）
12．访问站点时第一个出现的页面被称为主页。（ ）
13．主页是Web站点中最重要的网页。（ ）
14． HTML是构成网页的主要工具。（ ）
15．在全世界，没有重复的域名。（ ）
16．网站空间就是存储网站的磁盘空间，由专门的服务器或租用的虚拟主
机承担。（ ）
17．上网浏览网页时，所浏览的页面中的内容都临时存放到了本地硬盘中。
（）
18．网页上的FLASH文件可以通过按鼠标右键另存的方法实现动画的下载。
（）
19．RealPlayer可以下载网站上的绝大多数种类的视频文件。（ ）
20．淘宝网属于C2C的一个案例。（ ）
四、拓展技能综合题（共20分）
某学生宿舍中共有五台电脑，欲使用一条宽带线路上网，请查阅资料，
做出方案，并寻找环境实际操作实践。