《电子商务专业网页设计与制作》由会员分享，可在线阅读，更多相关《电子商务专业网页设计与制作（13页珍藏版）》请在金锄头文库上搜索。
1、电子商务专业网页设计与制作第一章 通过本章的学习，应该了解互联网的基本功能、服务、原理，对网页浏览服务的 体系结构、技术名词、浏览器有基本的了解。对于网页的设计原则和所使用的工 具应有一定的认识。从而为继续深入学习网页制作技术打下知识基础。 知识点：1. 互联网主要提供的几种服务：Web、FTP、Telnet等的概念与功能；Web浏览 器服务的基本原理；URL、HTTP、超级链接、域名系统等的概念。2. 网页与主页之间的关系；网页的基本概念。3. HTML的概念与功能;HTML的基本构成单位、标记。4. Web浏览器的作用和工作原理。5. 网页设计的基本目标。6. 网页制作工具的分类及标准。7
2、. 如何快速地掌握网页的制作第一节 关于互联网互联网(Internet)是由世界上各种各样的网络互联所形成的网络的网络 ，是一个网际网，有时音译为“因特网。一、什么是协议网络协议(Pro to co l)是一系列通信规则的总称，主要包括用户数据与控制 信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件 实现顺序的详细说明等三部分内容。协议的实质就是进行通信所使用的语言。从大体上来说，网络协议可以分为硬件协议和软件协议两大类：1. 硬件协议：定义了硬件设备如何运作以及如何协同工作。2. 软件协议：程序之间的通信是通过软件协议完成的。二、互联网协议1. OSI七层模型OSI (
3、Open System Interconnection,开放式系统互联)是由国际标准化组 织(International Organization for Standardization, ISO)发起制定的计算 机网络通信标准。OSI定义了网络功能的七层模型，分别是：应用层、表示层、 会话层、传输层、网络层、数据链路层、物理层，称为OSI 七层模型。2. TCP/IP 协议TCP/IP(Transmission Cont rol Proto col/I nt erne t Protocol)是为连接不 同的网络而设计的一个协议集，主要由TCP和IP两套协议组成，互联网就是以 此为基础建立的。
4、1) IP网际协议IP 协议处理网络上一个主机到另一个主机的数据报路由选择，运行在 OSI 网络七层模型中的网络层上。IP 是一种无连接的数据报协议，采用数据包交换方法，每个数据包后面 都附加了一个IP报头，其中包含了出发地及目的地信息，通过检验和的方式, 在报头信息里执行出错检查IP与TCP共同保证数据在Internet上的准确传输。2) TCP传输控制协议TCP协议工作在OSI模型中的传输层上，用于建立和校验数据连接。TCP/IP 规范了网络上所有通信设备之间的数据往来格式及传送方法，TCP/IP是一种对 计算机数据打包和寻址的标准方法，几乎可以没有任何损失而又迅速地将数据从 计算机经路由
5、器传输到世界各地。IP 精确地定义了分组必须怎样组成，以及路由器必须怎样将每一个分组传 送到它的目的地等；而TCP协议的主要作用就是使在lnternet上比较可靠地传 输文件。连接到Internet上的所有计算机都运行IP软件，并且其中的绝大多数 还运行TCP软件。这两个协议相辅相成，人们把lnternet中所使用的整个通信 协议组称为TCP/IP协议组。3. PPP协议PPP (Point-to-Point Protocol，点对点协议)，是在串行线路传输IP数 据报的TCP/IP协议。PPP连接包括错误检测与纠正以及分组验证(Packet authentication)。4. 其他协议HT
6、TP(Hyper text Transger Pro tocol)：超文本传输协议，用于 WWW 服务。FTP(File Transfer Protocol)：文件传输协议，用于实现计算机之间的文 件传输SMTP(Simple Mail Transfer Protocol)：简单邮件传输协议，用于电子邮 件传输POP(Post Office Protocol3):邮件协议3，般用于电子邮件接收。TELNET(Telne t)：远程登录协议，一般用于远程终端登录主机。三、IP地址IP地址：在TCP/IP的地址编排方案中，采用了一种通用的地址格式，为互 联网中的每一个网络和每一台主机都分配一个地址
7、，它在整个Internet中是惟 一的，并以此屏蔽了物理网络地址的差异，确切地说是通过IP协议层实现的。 IP层所用到的地址是互联网地址，又叫IP地址。IP地址是供全球识别的通信地 址，是全球认可的计算机网络标识方法。IP地址由32位二进制数表示，每八位为一组，以圆点.分隔，IP表示为四 个以圆点隔开的十进制数，其中每个十进制数对应一个八位二进制数组 (即一个 字节)，每个十进制数可取值为0一255。如：19216845255。IP 地址是一种层次型地址，在概念上分为三个层次：主机、由主机构成的 网络和由网络构成的互联网。四、域名和域名系统域名和IP地址是一一对应。域名标识了一个用户所属的机构
8、、所使用的主 机或节点机。域的命名方式称为域名系统，域名采用层次型命名机制，域名由n级组成，各级之间以圆点分隔。格式如下所示：第n级子域名 二级子域名.顶级域名（主机名） （机构名） （网络类型名） （国别代码）域名系统（Domain Name System, DNS）实现了域名一IP地址的映射。域名系统的实质是一个分布式数据库，包括提出数据的标准格式 （以使全世 界的DNS采用统一的标准格式）、数据库查询方法，以及本地更新数据的标准方 法。五、WWW万维网（WWW, World Wide Web）,又称全球信息网，也可被简称为Web。万维网建立在标准化的网络概念之上，采用客户机/服务器 （C
9、lient/Sewer） 的体系结构。资源共享是互联网的基本特征。在大多数情况下，共享是通过两个 独立的程序实现的，即客户机程序和 服务器程序，分别为请求服务和提供 服务的程序。服务器程序提供特定的资源，客户机程序申请并使用资源，两者分 别运行在不同的计算机上。用户使用万维网时，将涉及两个不同的程序:Web客 户机程序和Web服务器程序，其中Web服务器程序为Web客户机程序提供服 务。Web是通过超文本语言具体实现的。在实际应用之中，它主要包含三个方面：1）实现资源引用的统一命名机制URL即统一资源定位器（Uniform Resource Locator），是指向互联网上文 件位置的标志，基
10、本格式：（访问类型）：谓Web浏览器（Browser）是指一个运行在用户计算机上的程 序，主要作用是在客户端与服务器端之间进行交互、通信，它负责下载、显示网 页，也称为WWW客户程序。2. 目前最流行的浏览器主要有 Netscape Navigator 和 Microsoft Internet Explorer（IE）等。此外，还有批处理浏览器和离线浏览器。批处理浏览器以类似批处理程序的Script为主，采用命令序列的方式来取得信 息，也就是说，必须在命令状态下执行指令。离线浏览器主要用于在与INTERNET联机时把大量的网页及其相关的文件从WEB 服务器上下载后存放在本地计算机上，以便与IN
11、TERNET脱机后浏览。第五节 网页设计的基本目标1 创意要新网站设计总的目标：好的创意、丰富的内容、新颖的观点，使读者不仅能开 阔眼界，还能得到有价值的信息和有益的经验；同时，还要使页面生动活泼，妙 趣横生，而且能够使浏览者能够迅速找到希望得到的内容。2 页面制作在页面制作过程中，需要注意以下几个方面的问题:1) 网页结构：结构要清晰、简洁，易于导航。采用如框架结构表现主题、索引和正文网页大小应控制在50kB以内网页在浏览器中显示的大小与客户端的显示器分辨率有关，一般显示器 的浏览器显示格式是800像素X600像素，16M色。网页显示宽度一般应与浏览 器窗口宽度相等，长度可以比浏览器窗口高一
12、些，网页主要的内容应放在页面的 上部。若信息较多，可以分成几页，通过超链接来访问它们。使用分级结构，将若干个网页按层次组织，每一层包括一个主题内容。并 且可在网页的适当位置建立超级链接，以便翻阅。每个网页结尾都应有返回专题主页的超级链接。2) 页面内容应处理好内容与形式之间的关系，网页应尽量简单。3) 文字在以内容为主的前提下，应当尽量把形式与内容结合起来。应当注意以下几 个问题：网页的标题(TITLE)要简洁、明确，能反映出整个文档的内容。在文本叙述部分使用水平线以分隔不同部分。对重点的文字和段落要使用强调字体表达。4) 图形设计好图形并合理使用新技术 网页中插入的图形尽量小 在网页中的图形
13、要附加文字描述 不要为图形加入太长的交互文本，也不要把所有超级链接全都放在图形中 要控制页面中图的数量，也不宜滥用动画 GIF。3 商业网页设计的要求1) 良好的视觉效果2) 站点开发周期尽可能短，网页发布的信息一定要准确3) 维护更新要方便4) 申请既有意义又容易记忆的域名，能令人过目不忘。5) 在页面格式上应注意统一性和突出公司的各种特征。第六节 网页制作工具及其分类网页制造工具按其制造方式可分为两类：标记型网页制作工具和所见即所得网页 制作工具。一、标记型网页制作工具常用的标记型网页制作工具有：Windows的记事本、Hot dog、HomeSi te等、所见即所得型网页制作工具所谓所见
14、即所得(What you see is what you get, WYSIWYG)是指创建中 的文件在编辑过程中的显示与文件最终在浏览器中的显示是一样的，所见即所 得也称为可视化(Visual)。当前比较流行的这类网页制作软件有 Dreamweaver,FrontPage,Adobe PageMill 等。三、 编程型网页制作工具用编程方法制作网页，可采用CGI(Common Gat eway In terface，通用网关 接口)、ASP (Active Server Page，活动服务器页面)、以及Java等编程。四、 图像处理工具浏览器上常用的图片格式为GIF和JPEG。 图像处理工具
15、一般应具备图像编辑、图像修饰和图像优化等功能。五、通用图像处理工具常用的图像处理工具是PhotoShop。六、 专用图像处理工具常用的工具有 U lead Pho to Impac t、Fireworks。七、不同类型工具的比较HTML 语言是解释性的，任何一个能编辑普通文本的编辑器都可以编辑 HTML文件，只要注意带上标记，并保存为.htm或.html文件即可被浏览器识别与解释。标记型网页制作工具的优点在于，用户能很方便地控制代码，保证代码的最 精简，没有冗余的成分。其缺点就是用户必须相当熟悉 HTML。所见即所得网页制作工具的优点在于，可以非常直观地对网页进行排版。其缺点 是难以精确达到与浏览器完全一致的显示效果，并且代码冗余度大。第七节 小结初学网页制作时，可以从以下几个方面入手：1. 从了解HTML的基本标记开始2. 选择一个自己认为最顺手的工具，从第一个页面开始3. 多多访问他人的网页，从中受到启发4. 深入分析成功的网站、网页重要的名词1、协议：事先约定或定义的一组通信规则，它精确地规定了所交换数据的格式 和传输方法，即计算机在交换信息时都要遵守的表达方式。主要包括用户数据与 控制信息的结构和格式、需要发出的控
