第1章 电子商务网页设计概述2ppt课件.ppt

《第1章 电子商务网页设计概述2ppt课件.ppt》由会员分享，可在线阅读，更多相关《第1章 电子商务网页设计概述2ppt课件.ppt（60页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、在此输入您的封面副标题第1章 电子商务网页设计概述2中国铁道出版社中国铁道出版社 2016.122016.12李红李红 岳云康岳云康 樊东燕樊东燕 编著编著 编著：编著：李红李红 岳云康岳云康 樊东燕樊东燕中国铁道出版社2016.9中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 信息技术是电子商务与传统商务的根本区别信息技术是电子商务与传统商务的根本区别 企业需要的是了解商务活动的新型的电子商务人才企业需要的是了解商务活动的新型的电子商务人才 电子商务网页设计不同于纯粹的信息技术知识电子商务网页设计不同于纯粹的信息技术知识 在信息技术的基础上，增加了在信息技术的基础上，增加了

2、商业知识商业知识 在具体商务业务的背景下介绍网页设计的基本技能和操作在具体商务业务的背景下介绍网页设计的基本技能和操作 在某商务业务活动情境下，掌握网页设计的基本理论和知在某商务业务活动情境下，掌握网页设计的基本理论和知识识中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 本课程旨在探讨本课程旨在探讨“电子商务电子商务” 背景下，现代农业企业产品背景下，现代农业企业产品信息化和商务流程信息化的基本知识和技能。信息化和商务流程信息化的基本知识和技能。 介绍电子商务网页设计涉及的基本理论和基础知识。介绍电子商务网页设计涉及的基本理论和基础知识。 介绍电子商务网站建设的基本理论。介绍

3、电子商务网站建设的基本理论。 探讨电子商务网页设计的基本技能和方法。探讨电子商务网页设计的基本技能和方法。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 2016.122016.12李红李红 岳云康岳云康 樊东燕樊东燕 编著编著 主讲：主讲： 第1章 电子商务网页设计概述中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 了解电子商务的概念；掌握互联网的基础知识；理解网页的本质；了解电子商务的概念；掌握互联网的基础知识；理解网页的本质； 了解网页的色彩的基本知识；了解网页制作的基本工具；了解网页设了解网页的色彩的基本知识；了解网页制作的基本工具；了解网页设计师的

4、执业技能。计师的执业技能。 技能目标：技能目标： 掌握记事本编写网页的方法；掌握掌握记事本编写网页的方法；掌握IEIE操作的基本能力。操作的基本能力。能力目标：能力目标： 理解建设电子商务网站的必要性。理解建设电子商务网站的必要性。 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 2016.12 B 什么是电子商务什么是电子商务2. 电子商务的定义电子商务的定义3. 电子商务的概念模型电子商务的概念模型4. 电子商务的应用类型电子商务的应用类型5. 企业网站在电子商务中企业网站在电子商务中的地位与作用的地位与作用1.1 电子商务基础任务任务1：理解电子商务：理解电子商务中国铁

5、道出版社电子商务网页设计（第2版）课件 2016.12 B 电子商务的含义 从字面上看，电子商务包含两个方面的内容，一是从字面上看，电子商务包含两个方面的内容，一是电子方电子方式式，二是，二是商业贸易活动商业贸易活动。 就就电子方式电子方式而言，电子商务活动中的商务信息载体变成了而言，电子商务活动中的商务信息载体变成了电子方式，其信息传播路径不再依靠传统的纸质方式和面电子方式，其信息传播路径不再依靠传统的纸质方式和面对面交流。电子商务中的信息载体变成对面交流。电子商务中的信息载体变成“电子文档电子文档”，信，信息传播渠道变成计算机网络。所以，电子商务涉及到信息息传播渠道变成计算机网络。所以，电

6、子商务涉及到信息技术，属于信息技术领域的范畴。技术，属于信息技术领域的范畴。 从从商业贸易活动商业贸易活动的角度分析，商务活动才是电子商务的核的角度分析，商务活动才是电子商务的核心。研究企业的经营管理活动属于管理学科，是管理学研心。研究企业的经营管理活动属于管理学科，是管理学研究的内容。究的内容。 当然，随着社会实践的进一步发展，电子商务已经变成一当然，随着社会实践的进一步发展，电子商务已经变成一个涉及经济学、管理学、信息技术、法学等等的一门综合个涉及经济学、管理学、信息技术、法学等等的一门综合学科。学科。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B Electronic

7、Commerce ，EC），），1997年又提出了年又提出了EB电子商务（电子商务（ Electronic Business，EB）的概念，我国在引进这些概念的时候都翻）的概念，我国在引进这些概念的时候都翻译成电子商务。译成电子商务。EC电子商务电子商务，即电子交易，即电子交易，是指人们利用电子技术手段进行以商品交，是指人们利用电子技术手段进行以商品交易为中心的各种商务活动，包括在网上实现从商品展示、促销、网上易为中心的各种商务活动，包括在网上实现从商品展示、促销、网上商贸洽谈、订货、查询、销售到最后转账、结算、服务等商贸洽谈、订货、查询、销售到最后转账、结算、服务等活动活动全过程全过程。EB

8、电子商务，电子商务，IBM公司将公司将E-business用一个公式加以概括：用一个公式加以概括： E-business=Web + IT + Business。 WEB就是网页、网站。就是网页、网站。 IT是指信息技术。是指信息技术。 Business就是就是企业业务，企业业务，企业的商务活动。企业的商务活动。 EB电子商务电子商务即在即在Web平台上通过平台上通过IT技术实现各种技术实现各种business业务。业务。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 电子商务没有一个规范定义，只是运用。通俗的说，电子电子商务没有一个规范定义，只是运用。通俗的说，电子商务是利

9、用先进的信息技术替代传统交易过程中纸介质载商务是利用先进的信息技术替代传统交易过程中纸介质载体，买卖双方不谋面、通过网络进行各种商贸活动的一种体，买卖双方不谋面、通过网络进行各种商贸活动的一种方式。方式。 总的来说，电子商务中，总的来说，电子商务中，商务是核心，电子是手段，网络商务是核心，电子是手段，网络是活动环境。是活动环境。 信息技术特别是互联网技术的产生和发展是电子商务开展信息技术特别是互联网技术的产生和发展是电子商务开展的前提条件；信息化、系统化的电子工具是电子商务活动的前提条件；信息化、系统化的电子工具是电子商务活动的基础；以商品贸易为中心的各种经济事务活动是电子商的基础；以商品贸易

10、为中心的各种经济事务活动是电子商务的主要对象；掌握现代信息技术和商务理论与实务的人务的主要对象；掌握现代信息技术和商务理论与实务的人是电子商务活动的核心；高效率、低成本是电子商务的目是电子商务活动的核心；高效率、低成本是电子商务的目的。的。 学习电子商务目的是要学习电子商务目的是要掌握如何应用电子商务掌握如何应用电子商务。 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 电子商务的基本要素和运作模型 现代现代商务活动商务活动一般包含着信息流、资金流、物流、信用流一般包含着信息流、资金流、物流、信用流、人员流等、人员流等5种基本商业要素的运动。种基本商业要素的运动。 信息流：信

11、息流：即商品信息、服务信息、技术支持信息、企业资信信息即商品信息、服务信息、技术支持信息、企业资信信息、商业贸易单证信息（包括询价单、报价单、付款通知单、转帐、商业贸易单证信息（包括询价单、报价单、付款通知单、转帐通知单等）的传递过程。电子商务活动中最基本的是信息流，对通知单等）的传递过程。电子商务活动中最基本的是信息流，对整个电子商务活动起着监控作用。整个电子商务活动起着监控作用。 资金流资金流：是指资金的转移过程。如付款、收款、转账等。资金流：是指资金的转移过程。如付款、收款、转账等。资金流代表着价值（货币）的转移。代表着价值（货币）的转移。 物流物流：是贸易标的（货物）由供应者向需求者的

12、物理性移动过程：是贸易标的（货物）由供应者向需求者的物理性移动过程，代表者使用价值的转移。，代表者使用价值的转移。 信用流：信用流：是指交易主体的以往的商业信誉、信用等，在现代商事是指交易主体的以往的商业信誉、信用等，在现代商事活动中发挥重要作用，尤其是国际贸易，由于信息不对称，要求活动中发挥重要作用，尤其是国际贸易，由于信息不对称，要求市场主体相互提供信用。市场主体相互提供信用。 人员流：人员流：商务是人的活动，各种商务活动的决策者和执行者都需商务是人的活动，各种商务活动的决策者和执行者都需要人的参与。人员流反映商事活动主体在商务活动中的角色。要人的参与。人员流反映商事活动主体在商务活动中的

13、角色。图1-1 电子商务的概念模型中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 信用流人员流信息流资金流物流网站建设网上支付物流配送网络建设网络建设系统开发系统开发软硬件集成软硬件集成网络安全技术和标准电子商务政策、法规中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 2016.12 B 电子商务的应用类型（1）企业内部电子商务）企业内部电子商务（2）本地电子商务）本地电子商务（3）国内远程电子商务）国内远程电子商务（4）全球电子商务（跨境电商）全球电子商务（跨境电商）中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 1.1.2 企业网站在电

14、子商务中的地位与作用企业网站在电子商务中的地位与作用 1.企业网站和电子商务网站企业网站和电子商务网站 企业相关的信息以专门电子化的方式表示形成网页，企业相关的信息以专门电子化的方式表示形成网页，企业各种相关信息通常排成一系列网页，又叫网站。企业各种相关信息通常排成一系列网页，又叫网站。 企业网站（又称企业门户网站）是企业在互联网上的企业网站（又称企业门户网站）是企业在互联网上的“工厂工厂”、“公司公司”、“商店商店”、“商场商场”和和“门市门市部部”，是企业进行形象宣传，产品展示推广，与客户，是企业进行形象宣传，产品展示推广，与客户沟通的阵地。沟通的阵地。 2.电子商务网站的主要功能模块电子

15、商务网站的主要功能模块 电子商务网站从本质上讲，是一个由不同功能模块组电子商务网站从本质上讲，是一个由不同功能模块组成的信息管理系统。成的信息管理系统。 电子商务网站一般应包括下列功能模块：电子商务网站一般应包括下列功能模块： 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 产品介绍。产品介绍。 在线购物管理模块。在线购物管理模块。 信息发布管理模块。信息发布管理模块。 客户反馈信息管理。客户反馈信息管理。 客户基本信息管理模块。客户基本信息管理模块。 在线支付管理。在线支付管理。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 任务任务2：了解：了解1.2

16、网络技术基础 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B Internet 及TCP/IP 任务任务2：了解网页设计的网络知识：了解网页设计的网络知识 互联网互联网是一个世界范围内网络与网络之间所串连成的庞大计算机网络，这是一个世界范围内网络与网络之间所串连成的庞大计算机网络，这些网络以一组通用的协定（些网络以一组通用的协定（TCP/IP协议）相连，在功能和逻辑上组成的一个协议）相连，在功能和逻辑上组成的一个大型网络。如图所示。大型网络。如图所示。 图 1-11 Internet示意图 美国网络欧洲网络中国网络中国铁道出版社电子商务网页设计（第2版）课件 2016.12

17、B Internet起源于美国国防部高级研究计划局（起源于美国国防部高级研究计划局（ARPA）建）建立的立的ARPANET网络。网络。 80年代中期，美国国家科学基金会（年代中期，美国国家科学基金会（NSF）建立了）建立了NSFNET。在这以后，很多大学、研究所、科研机构、政。在这以后，很多大学、研究所、科研机构、政府机关和企业等都纷纷建立内部网，并将自己的内部网并府机关和企业等都纷纷建立内部网，并将自己的内部网并入入NSFNET网，于是形成了最初的网，于是形成了最初的Internet。 1994年中国正式接入年中国正式接入Internet。中国铁道出版社电子商务网页设计（第2版）课件 201

18、6.12 B 互联网、因特网、万维网是三个不同的概念。互联网、因特网、万维网是三个不同的概念。 凡是能彼此通信的设备组成的网络就叫互联网，国际标准凡是能彼此通信的设备组成的网络就叫互联网，国际标准的互联网写法是的互联网写法是internet（字母（字母i要小写）。要小写）。 因特网是互联网的一种，因特网是使用因特网是互联网的一种，因特网是使用TCP/IP协议由上协议由上千万台设备互相联接在一起组成的互联网。国际标准的因千万台设备互相联接在一起组成的互联网。国际标准的因特网写法是特网写法是Internet（字母（字母I要大写）。要大写）。 万维网（万维网（World Wide Web），只是一个

19、建基于超文本相），只是一个建基于超文本相互链接而成的全球性系统，只是互联网所能提供的服务之互链接而成的全球性系统，只是互联网所能提供的服务之一。一。Internet上的其他应用还有新闻组、电子邮件、上的其他应用还有新闻组、电子邮件、WAIS（广域网信息服务），（广域网信息服务），FTP等。等。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B TCP/IP协议 TCP是英文是英文Transmission Control Protocol的缩写，译的缩写，译为为“传输控制协议传输控制协议”。 IP 是是Internet Protocol的缩写，译为的缩写，译为“因特网互联协议因特网

20、互联协议”。 TCP/IP是一组网络通信协议，为连接跨越不同操作系统是一组网络通信协议，为连接跨越不同操作系统和不同硬件体系结构的计算机提供通信的基础。和不同硬件体系结构的计算机提供通信的基础。 IP主要用于标识该计算机的网络地址。主要用于标识该计算机的网络地址。TCP主要功能是用主要功能是用来发送的数据。来发送的数据。 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B Internet的地址结构1. IP1. IP地址地址互联网上的计算机是用互联网上的计算机是用IP地址标识的。地址标识的。按照按照TCP/IP协议规定，协议规定，IP地址用二进制来表示的。地址用二进制来表示的。

21、IP协议有两种版本：协议有两种版本：IPv4和和IPv6。 每个每个IPv4地址长地址长32位，分为位，分为4段，每段段，每段8位，用十进制数字表示，每段数位，用十进制数字表示，每段数字范围为字范围为0255，段与段之间用，段与段之间用“.”隔开。隔开。 IPv6的的地址长度为地址长度为128位，是位，是IPv4地址长度的地址长度的4倍。倍。于是于是IPv4点分十进制格式不再适用，采用十六进制表示。点分十进制格式不再适用，采用十六进制表示。IPv6格式为格式为X:X:X:X:X:X:X:X，其中每个，其中每个X表示地址中的表示地址中的16位，以十六位，以十六进制表示，例如：进制表示，例如：AB

22、CD:EF01:2345:6789:ABCD:EF01:2345:6789或内嵌或内嵌IPv4地址表示法地址表示法 ：，前：，前96b采用冒分十六进制表示，而最后采用冒分十六进制表示，而最后32b地址则使用地址则使用IPv4的点分十进制表示，例如的点分十进制表示，例如 :192.168.0.1 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B Internet域名域名 域名是互联网上服务器或网络系统的名字，代表域名是互联网上服务器或网络系统的名字，代表Internet上企业或机构的网络地址。它是一种有意义的英文或其缩上企业或机构的网络地址。它是一种有意义的英文或其缩写，可以给网

23、络上的每一台计算机赋予一个唯一的有直观写，可以给网络上的每一台计算机赋予一个唯一的有直观意义的标识名，中间也用意义的标识名，中间也用“.”隔开。隔开。 域名和域名和IP地址是对应的，访问地址是对应的，访问Web站点时，既可提供域名，站点时，既可提供域名，也可提供也可提供IP地址。地址。 如果使用域名，网上的如果使用域名，网上的DNS服务器会自动将其翻译成服务器会自动将其翻译成IP地地址。例如就是山西大学的域名，建立网站时，需要到相关址。例如就是山西大学的域名，建立网站时，需要到相关机构注册域名，并定期交纳域名服务费，其对应机构注册域名，并定期交纳域名服务费，其对应IP地址是。地址是。 中国铁道

24、出版社电子商务网页设计（第2版）课件 2016.12 B 1. 万维网万维网万维网，也可以简称为万维网，也可以简称为Web，又称，又称WWW，英文全称为，英文全称为World Wide Web，是一个由许多互相链接的超文本组成的系统，通过互联网访问。，是一个由许多互相链接的超文本组成的系统，通过互联网访问。它起源于它起源于1989年年3月由欧洲量子物理实验室月由欧洲量子物理实验室 CERN所开发的主从结构所开发的主从结构分布式超媒体系统。到了分布式超媒体系统。到了1993年，年，WWW 的技术有了突破性的进展，的技术有了突破性的进展，它解决了远程信息服务中的文字显示、数据连接以及图像传递的问题

25、，它解决了远程信息服务中的文字显示、数据连接以及图像传递的问题，使得使得 WWW 成为成为 Internet 上最为流行的信息传播方式。现在，上最为流行的信息传播方式。现在，Web 服务器成为服务器成为 Internet 上最大的计算机群，上最大的计算机群，Web 文档之多、链接的网文档之多、链接的网络之广，令人难以想象。络之广，令人难以想象。万维网的核心部分是由三个标准构成的：万维网的核心部分是由三个标准构成的：统一资源标识符统一资源标识符（URL）；）；超文本传送协议超文本传送协议（HTTP；超文本标记语言超文本标记语言（HTML。万维网及万维网及WEB技术技术中国铁道出版社电子商务网页设

26、计（第2版）课件 2016.12 B Web2. Web服务器服务器 Web服务器就是专门处理服务器就是专门处理HTTP请求的计算机系统，采用请求的计算机系统，采用浏览器浏览器/服务器结构。其作用是整理和储存各种服务器结构。其作用是整理和储存各种WWW资源，资源，并响应客户端软件的请求，把客户所需的资源传送到并响应客户端软件的请求，把客户所需的资源传送到 客客户端。户端。 目前常用的目前常用的Web服务器软件有微软的服务器软件有微软的IIS、IBM公司的公司的IBM Lotus Notes Domino、Netscape公司公司Netscape Enterprise Server和和Apach

27、e，其中常用的是，其中常用的是IIS和和Apache。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B Web3. Web浏览器浏览器 浏览器（浏览器（Web Browser）是浏览网页的客户端程序。浏）是浏览网页的客户端程序。浏览器是可以显示网页服务器或者本地文件系统内的览器是可以显示网页服务器或者本地文件系统内的HTML文件并让用户与这些文件互动的一种软件。网页浏览器主文件并让用户与这些文件互动的一种软件。网页浏览器主要通过要通过HTTP协议与网页服务器交互并获取网页，这些网协议与网页服务器交互并获取网页，这些网页由页由URL指定，文件格式通常为指定，文件格式通常为HTML

28、。 目前支持目前支持HTML5的主流网页浏览器包括的主流网页浏览器包括Google公司开发公司开发的的Chrome、微软的、微软的Internet Explorer9.0以上、网景公司以上、网景公司的的Firefox、苹果公司的、苹果公司的Safari和和Opera等。等。 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 2016.12 B http4. http协议协议 HTTP协议（协议（HyperText Transfer Protocol，超文本传输，超文本传输协议）是用于从协议）是用于从WWW服务器传输超文本到本地浏览器的服务器传输超文本到本地浏览器的传送协议。传送

29、协议。 Web服务器向浏览器提供服务的过程是：由客户通过浏览服务器向浏览器提供服务的过程是：由客户通过浏览器向器向Web服务器发出服务器发出http请求，请求，Web服务器接到请求后，服务器接到请求后，进行相应处理，并将结果以进行相应处理，并将结果以html文件的形式返回到浏览器，文件的形式返回到浏览器，客户浏览器对其解释并显示给客户，如图客户浏览器对其解释并显示给客户，如图1-2。 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 2016.12 B 网站就是互联网上固定地发布信息的地方，它由域名和网站网站就是互联网上固定地发布信息的地方，它由域名和网站空间构成。网站是通过超

30、链接形式构成的一组相关网页以及空间构成。网站是通过超链接形式构成的一组相关网页以及相关的文件集合。相关的文件集合。6.网页网页 网页（网页（Web page）是位于）是位于Web网站上的文档，是网站上的文档，是Internet中中最基本的信息单位。网页一般由一个超文本文件以及相关的最基本的信息单位。网页一般由一个超文本文件以及相关的图形和脚本文件组成。网页有一个固定的图形和脚本文件组成。网页有一个固定的URL，在网站设计，在网站设计中，有中，有“静态网页静态网页”和动态网页的区别。和动态网页的区别。 动态网页是以动态网页是以.aspx、.asp、.jsp、.php、.perl、.cgi等形式等

31、形式为后缀，并且在动态网页网址中有一个标志性的符号为后缀，并且在动态网页网址中有一个标志性的符号“?”。 静态网页的后缀以静态网页的后缀以.html、.shtml、.xml等常见形式为后缀；等常见形式为后缀； 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B URL URL（Uniform Resource Locator统一资源定位器）是一种通用的地址格式，统一资源定位器）是一种通用的地址格式，在在Web上用来标志资源地址和查找访问资源的地址编码方法。上用来标志资源地址和查找访问资源的地址编码方法。通俗的说，通俗的说，URL就是就是Web地址，俗称地址，俗称“网址网址”。UR

32、L的格式由下列三部分组成：的格式由下列三部分组成：（1）协议名。协议名是用来指示）协议名。协议名是用来指示Web浏览器软件用什么协议来获取服务器的浏览器软件用什么协议来获取服务器的文件，不同的服务器需要采用不同的协议来连接。文件，不同的服务器需要采用不同的协议来连接。（2）主机名。主机名用来表示用户所要访问的计算机，可以为域名或）主机名。主机名用来表示用户所要访问的计算机，可以为域名或IP地址地址（有时也包括端口号）。例如：或（有时也包括端口号）。例如：或192.168.0.13:80等。等。（3）目录名或文件名。表示主机资源的具体地址。）目录名或文件名。表示主机资源的具体地址。Web网站的规

33、模越大，越网站的规模越大，越复杂，路径名也会变得很长。复杂，路径名也会变得很长。协协 议议主机或主机或ip(端口号）端口号）路径路径/文件名文件名http :/ /dzsw/index.htm 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B URL地址格式，它从左到右排列为：地址格式，它从左到右排列为：InternetInternet协议、主机协议、主机标识、标识、端口端口、文件的主机路径和文件名。、文件的主机路径和文件名。 InternetInternet协议：指客户用来访问网页的软件工具。协议：指客户用来访问网页的软件工具。 其类型有：其类型有： http:/ 指定用超文

34、本传输协议连接，为指定用超文本传输协议连接，为WWW服务器服务器专用，也是最常用的连接类型。专用，也是最常用的连接类型。 ftp:/ 指定用文件传输控制协议连接，用于文件下载或指定用文件传输控制协议连接，用于文件下载或上传。上传。 gopher:/ 指定浏览器与指定浏览器与gopher服务器连接。服务器连接。 telnet:/ 指定与指定与telnet会话连接，用于远程登录。会话连接，用于远程登录。 file:/ 指定连接本地文件，用于浏览本地的文件系统。指定连接本地文件，用于浏览本地的文件系统。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 搜索引擎 搜索引擎（搜索引擎（s

35、earch engine）是）是Internet上的一个上的一个WWW服服务器，相当于一个网站，它能在务器，相当于一个网站，它能在Internet上主动搜索其它上主动搜索其它WWW服务器中的信息，并对信息进行组织和处理后将索服务器中的信息，并对信息进行组织和处理后将索引内容存储在自己的网站数据库中供用户查询，从而使用引内容存储在自己的网站数据库中供用户查询，从而使用户快速找到相关信息，并容易转到准确的信息页面。百度户快速找到相关信息，并容易转到准确的信息页面。百度是目前中文最大搜索引擎服务商，很多网站也都设计了站是目前中文最大搜索引擎服务商，很多网站也都设计了站内搜索。内搜索。 网页设计要了解

36、搜索引擎的主要规则。网页设计要了解搜索引擎的主要规则。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 1.3 网页设计基础任务任务3：了解网页设计的基础知识：了解网页设计的基础知识中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 网页的本质html标记 如果在浏览器窗口中任意打开一个网页，然后选择如果在浏览器窗口中任意打开一个网页，然后选择“查看查看”菜单中的菜单中的“源文件源文件”命令，则系统会启动命令，则系统会启动“记事本记事本”程序，程序，其中包含一些文本信息。这就是网页的本质。其中包含一些文本信息。这就是网页的本质。中国铁道出版社电子商务网页设计（第2

37、版）课件 2016.12 B 简单说简单说网页是用网页是用html语言编写的程序语言编写的程序 根据根据WEB标准，网页一般是由标准，网页一般是由HTML或其它语言编写的、或其它语言编写的、把文字、图像、声音及动画等多种信息相互组织起来通过把文字、图像、声音及动画等多种信息相互组织起来通过浏览器编译后供用户获取信息的计算机文档，网页文件扩浏览器编译后供用户获取信息的计算机文档，网页文件扩展名为展名为.html、.asp、.jsp、.php等。等。 网页文件的后缀为网页文件的后缀为.html。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B html HTML是是HyperTex

38、t Markup Language（超文本标记语（超文本标记语言）的简写，是用于描述网页文档的一种标记语言。言）的简写，是用于描述网页文档的一种标记语言。 HTML是表示网页的一种规范语言，它通过标记符号来定是表示网页的一种规范语言，它通过标记符号来定义网页内容的显示方式。例如，义网页内容的显示方式。例如，标签表示此文档标签表示此文档是一个网页文件，而是一个网页文件，而标签则表示在网页中定义一标签则表示在网页中定义一个表格。个表格。 网页文件本身是一种文本文件，通过在文本文件中添加标网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如记符，可以告

39、诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内序阅读网页文件，然后根据标记符解释和显示其标记的内容。总之，容。总之，HTML语言是语言是Web编程的基础之一。编程的基础之一。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 用记事本编写网页用记事本编写网页动手实践HTML文件基本结构： 网页文件格式。 -文件开始 -标头区开始标头区:网页头部的 标识，记录文件基本资料，如作者、编写时间。 . -标题区标题区:文件标题须使用在 标头区内，可

40、以在浏览器最上面看到标题。 -标头区结束 -文本区开始 * 文本区:文件资料，即在浏览器上 看到的网站内容。 -文本区内容 -文本区结束 -文件结束 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 用记事本编写网页中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B HTML文件结构文件结构HTML的结构包括头部（的结构包括头部（Head）、主体（）、主体（Body）两大部分。）两大部分。头部（头部（Head）描述网页的标题和浏览器所需的其它信息。）描述网页的标题和浏览器所需的其它信息。而主体则是网页所要表示说明的具体内容。而主体则是网页所要表示说明的具体内容。通

41、过标签（也叫做标记符）定义网页内容的显示格式。例如，通过标签（也叫做标记符）定义网页内容的显示格式。例如，标签表示此文档是一个网页文件，而标签表示此文档是一个网页文件，而标签则表标签则表示定义一个表格。示定义一个表格。HTML可以指定文字、图形、动画、声音等的显示。可以指定文字、图形、动画、声音等的显示。HTML的版本在不断在发展，目前的版本在不断在发展，目前html5是最新版本。是最新版本。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 1. 页面标题页面标题 用来提示该页面的主要内容。在用来提示该页面的主要内容。在HTML文档中的文档中的和和之间设置。之间设置。 2. 2

42、. 网站标志网站标志 也称也称Logo，一般出现在页面的显要位置（通常在页眉，一般出现在页面的显要位置（通常在页眉中）。中）。3. 3. 文本文本 文本是网页传递信息的主要载体，文本是网页传递信息的主要载体， 4. 4. 图片和多媒体图片和多媒体5. 5. 导航栏导航栏 导航栏是网页设计中的重要部分，引导访问者了解所要导航栏是网页设计中的重要部分，引导访问者了解所要浏览的网站的内容，而不至于迷失方向。浏览的网站的内容，而不至于迷失方向。 6. 6. 页眉和页脚页眉和页脚 页眉指的是页面上端的部分。一个富有个性特色的页眉页眉指的是页面上端的部分。一个富有个性特色的页眉将和网站标志一样起到标识的作

43、用。将和网站标志一样起到标识的作用。 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 旗帜广告旗帜广告banner 标志图片标志图片logo 导航栏导航栏menu 按钮按钮Button 版权版权copyright中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 网页设计色彩基础1.色彩的三原色色彩的三原色 电脑屏幕的色彩是由电脑屏幕的色彩是由RGB（红、绿、蓝）三种色光所合成的，而（红、绿、蓝）三种色光所合成的，而我们可通过调整这三个基色就可以调校出其它的颜色我们可通过调整这三个基色就可以调校出其它的颜色在在HTML语言中的基本色彩是红色语言中的基本色彩是红色

44、(R)、绿色、绿色(G)、蓝色、蓝色(B)，这三种，这三种颜色的数值都是颜色的数值都是255。例如：红色的值。例如：红色的值(R:255, G:0, B:0)，十六进，十六进制表示为制表示为(#FF0000)。白色为（。白色为（R255,G255,B255），十六进制），十六进制(#FFFFFF)。自然界中的颜色可以分为非彩色和彩色两大类。自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，即反射白光的色彩，非彩色指黑色、白色和各种深浅不一的灰色，即反射白光的色彩，而其他所有颜色均属于彩色。而其他所有颜色均属于彩色。 中国铁道出版社电子商务网页设计（第2版）课件

45、2016.12 B 图1-6 12色相环中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 饱和度(Saturation) 是指色彩的鲜艳程度，饱和度取决于该色中含色成分和消色成分(灰色)的比例。如某一鲜亮的颜色，加入了白色或者黑色，使得它的纯度降低，颜色趋于柔和、沉稳。即使是相同的色相，因为明度的不同，彩度也会随之变化的。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 2016.12 B 网页图形基础网页中常见的图像格式有3种，即GIF、JPEG、PNG格式。 GIFJPEGPNG 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 网页代码编辑

46、工具 （1）文本编辑器 “记事本记事本”是一个用来创建简单的文档的基本的文本编辑器。是一个用来创建简单的文档的基本的文本编辑器。“记事本记事本”最常用来查看或编辑文本最常用来查看或编辑文本(.txt)文件，但是现在许多用文件，但是现在许多用户使用户使用“记事本记事本”是创建是创建Web页面。页面。（2）DreamweaverDreamweaverDreamweaver是美国是美国MacromediaMacromedia公司开发的具有网页制作与网站公司开发的具有网页制作与网站管理功能的所见即所得的网页编辑软件，是专业网页设计的首选，管理功能的所见即所得的网页编辑软件，是专业网页设计的首选，使用使

47、用DreamweaverDreamweaver可以轻松地制作出精美的网页。可以轻松地制作出精美的网页。（3）FrontPageFrontPageFrontPage是美国微软公司的产品，是一套用来创建互联网站点是美国微软公司的产品，是一套用来创建互联网站点的软件包。的软件包。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B Photoshop是大家公认的最好的通用平面美术设计软件。（2）Fireworks Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件。 （3）Illustrator （4） Flash Flash是美国的Macromedia

48、公司推出的优秀网页动画设计软件。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 网站建设的基本流程网站的需求分析。网站规划。收集素材。设计网站的文字、图像和颜色。制作静态网页。（6）开发动态网页。（7）申请网站域名和网站空间。（8）网站的测试与发布。（9）网站的维护与推广。中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 电子商务网页设计的知识体系电子商务网页设计的知识体系本节任务：本节任务：中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B （1）电子商务网站内容的商业规划。（2）网页界面的设计制作（3）网站的功能实现。（4）网站的维护。中国铁

49、道出版社电子商务网页设计（第2版）课件 2016.12 B 2016.12 B 页面设计 图像设计维护域名申请 空间申请 数据上传 维护商业规划网站商业规划 技术规划 色彩设计基础技术WEB标准 HTML语言 CSS Javascript 互联网基础电子商务战略 企业商务流程中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 任务任务3：了解网页设计的基本工具。：了解网页设计的基本工具。任务任务1：理解网页的本质。：理解网页的本质。任务任务2：了解网页设计的基础知识。：了解网页设计的基础知识。任务任务4：掌握网站建设的基本流程。：掌握网站建设的基本流程。中国铁道出版社电子商务网页

50、设计（第2版）课件 2016.12 B 一、实验目的：一、实验目的： 用记事本编写一简单网页，理解网页的本质。用记事本编写一简单网页，理解网页的本质。 二、实验内容二、实验内容 1、用记事本编写一简单网页的、用记事本编写一简单网页的HTML语言标记代码；语言标记代码； 2、掌握、掌握HTML语言的标记代码；语言的标记代码； 3、网页文件的创建、编辑及保存。、网页文件的创建、编辑及保存。 三、实验步骤：三、实验步骤： （参考（参考p12） 中国铁道出版社电子商务网页设计（第2版）课件 2016.12 B 1 1、在桌面上，单击鼠标右键新建一个记事本文档。、在桌面上，单击鼠标右键新建一个记事本文档