电子商务网站设计原理.pdf

《电子商务网站设计原理.pdf》由会员分享，可在线阅读，更多相关《电子商务网站设计原理.pdf（14页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、电子商务网站设计原理1.什么是 Web 服务器?Web 浏览器的作用是什么?简述浏览器打开文件的步骤。答:Web 服务器是用于存储 WWW 文件并响应处理客户机请求的计算机。浏览器的作用在于解释并显示超文本文档,包括指向其他文档的引用或指针,与其他 HTTP服务器上非常相似,这些指针也称为链接。从一个超文本页上选择一个链接时,浏览器将请求送回支新的服务器,然后在客户端上显示另一个充满链接的页面。打开一个 Web 文件的基本步骤如下:A 在浏览器中指定要访问的 Web 文件的 URL.B 浏览器将请求发给服务器。C 服务器将靖求转递给指定 URL 处的服务器。D 该服务器将文件送回到服务器上。E

2、 服务器将文件送回到客户端浏览器上。F 浏览将文件显示在计算机屏幕上。2.IP 地址与域名之间存在对应关系吗?如果存在,那么二者是怎样对应起来的?如果不存在,试讲述在 Internet 中是如何惟一地标识一个资源的位置的?答 IP 地址与域名存在着对应的关系。IP 地址上全球通用地址,在协议软件中IP 地址由表及里 2 位二进制浸透表示,每八位为一组,以圆点。分隔,在面向用户的文档中,IP 地址被直观地表示为四个以圆点滴隔开的十进制数,其中每个十进制浸透对就一个八位二进制数组即一个字节,每个十进制数可取值 0255.IP 地址理一种层次型地址,在概念上分为三个层次:主机、由主机构成起来也不方便

3、。为了解1/14决这个问题,同时也为了便于网络地址的分层管理各分配,自 1984 年起在互联网上采有了一种字符型的地址标识,这便是域名Domain Name。域名系统,域名标识了一个有户所属的机构、所使用的主机或节点机。域名的命名方式自然称为域名系统,域名必须 ISO 有关标准进行。同 IP 地址类似,域名采用层次型命名机制,域名由 n 级组成,各级之间以圆点分隔。域名是人们容易记忆的字符型号主要内容名,IP 地址则是计算机容易处理的数值型主机名,两者均描述了主机在 Internet 中的地址,而且一一对应。域名系统实现了域名IP 地址映射。域名系统实质是一个公布式数据库,包括突出数据的标准格

4、式,数据库查询方法,以及本地更新数据的标准方法域名系统将主机的信息管理公布与许多国家地区和组织,用户在自己的域名上更新所在域的信息,域名服务器则将这些信息传送给其他的域名服务器。另外,域名服务器能被几乎所有的计算机软件所有,包括电子邮件,远程终端,文件传输程序。3.图象处理工具主有哪几样应用?答图象处理工具可对图象进行编辑,修饰,优化,图形文件格式转化等处理。A 图形编辑包括制作业面中的字体,制作 3D 效果,建立透明 GIF 文件,插入背景,阴影,处理字体,箭头,徽标等业面元素,并能对图形进行剪辑,移动和旋转处理B 图象修饰是指对网业中已有的图象加以认识和做其他的修改,包括调整图象亮度和对比

5、度,采用变体,给黑白图象着等以改善网页中图象的质量C 图象优化是指采用各种滤镜对已建立的图象进行色彩校正的优化处理。2/14一般来说,图象处理工具包括公用图象处理工具,专用图象处理工具,网页制作软件自代图象处理工具4.为了满足爷面制作的目标,应该注意哪些问题?答要注意以下几个问题A 网页结构网页结构要清晰,易于导航,思路和脉络要符合访问者的想法。可采取的措施有:采用框架结构表现主题,索影和正文;网页的大小一般控制在 50KB 以内;在网页的尾部放上联系方式,如 E-MAIL,以方便访问者能建立联系,反馈必要的信息B 页面内容一般情况下,网页都要以内容为主,不必过分的追求复杂的表现形式,但必须写

6、好简介,要有特色,避免太空,泛泛而谈。页面本身要简单,结构复杂的网页不仅要花费很多的精力,而且由于超连接复杂,让浏览者阅读时也感觉困难C 文字在以内容为主的前提下,应当尽量把形式与内容结合起来。既不要把页面弄的花哨,也不呀只讲内容完全不讲究文字和图片的安排,要容易阅读。要注意:网页的标题要简洁,明确,能反映整个文档的内容;在文本叙述部分使用水平线分割不同的部分;对重点的文章和段落要使用强调字体表达D 图形设计好图形并合理使用能给网页增色。网页中插入的图形尽量要小,网页中图形要附加文字说明,使人在图形出来之前了解相关内容;不要为图形加太长的交互文本,也不要把所有的超连接放在图上;控制页面中的图的

7、数量,不要滥用图象GIF5.什么是所见既所得的网页制作工具?什么是标记形网业制作工具?他们的优缺点?答标记型网业制作工具既直接书写原代码。他的好处是用户可很方便的控制代码。由于都是自己书写,没有冗余部分,因此能非常好的把握整个 HTML 文件在浏览器中的表现;最大的缺点是用户必须非常熟悉 HTML 语言。3/14可视化网页制作工具既所见既所得的方法制作网页,可以非常直观的对网页进行排版,往往使设计工作事半功倍。它不需用户对 HTML 标记熟悉,只要用户有好的创意,就能够作出符合用户需求的网页。但是它有个致命的缺点:难以精确的达到与浏览器完全一致的显示效果,而且它生成的代码也不能完全适应各种不同

8、的情况,往往出现冗于度高,不如手工书写来得简洁。6.在学习网页制作时,可以从哪些方面来增强学习效果?答 A 从了解 HTML 的基本标记开始。B 选择自己认为顺手的工具,从第一个页面开始。C 多访问他人网页,从中受到启发D 深入分析成功的网站,网页。7.网站设计的过程中,最中要的一个原则是什么?为什么?答:网站最重要的原则是创意。虽然网站的主要目的是传送给人们它的信息,但在传递信息的同时还把他的文化传递给获取信息的这些人。软件的掌握是短期就能速成的,而且新的软件成出不穷,功能越来越强大,但是使用这些软件必须要有良好的网站设计概念才能创造优秀的网站,这是网站制作的核心。网站的制作是按一定的步骤进

9、行的,不同的网站设计着对网站有不同的见解和看法,但是有个共同观点:仅会输入文本,制作超级连接,排列图片不是真正意义上的网页制作,因为网页制作最重要的一个原则是创意。8.什么是信息看版?有什么作用?答:信息看版是 WEB 站点中为访问者提供的各种最新的信息集合。通常位于首页上,或者在首页打开的同时通过脚本控制同时把信息看版打开。9.简述网站的设计流程,并详细描述流程中每个步骤应该进行的工作4/14答:设计流程为 8 个部分:A 初始商讨。收集相关信息,确定包括站点目标用户,要发布的内容及开发 WEB 服务器平台。B 构思。设计师根据收集的信息,开始构思站点的内容组织,栏目的设置,页面的基本结构等

10、。C 综合内容讨论。设计师先制作一些初始页面,将陪以文章的图样打印出来也顾客讨论,研究。D 页面布局与导航。一旦顾客同意了这些内容,设计师就开始编制 WEB 页面,站点也编制到页面中,让顾客看到页面的处世效果。E 图形制作。顾客同意了站点的外观设计,设计师就将制作图形,进行图形优化。F 内容流程。利用各种网页技术,把客户的书面材料和相并进行修改。G 测试。在站点被提交给拥护之前,开发人员要彻底测试每个 WEB 页面和连接并进行修补。H 验收交付。一但开始验收工作,客户要对站点进行大量测试,找出排版错误的地方,进行修改。在作完了必要的工作后,站点可以对外宣传,开放了。10.什么是站点的风格,典型

11、的商业网站的风格有哪些?答:站点的风格是指整个网站所采取的结构布局,色调,文字,标志,图案等要素带给浏览者的关于该网站的印象。商业公司的风格主要表现在如下方面:A 公司的会标或商标应出现在页面的最上方,尽可能作到色彩醒目,同时站用面积小。B 可采用主题图形产品广告来突出公司形象和风格。C 主要栏目一般才用图文并茂的超连接,要考虑主要栏目的图片,文字的色彩配合,主题图形相互寸托。D不要把主要栏目和次要栏目放在同一个页面显示。E 商业网站一般都有固定的栏目页面。F 建立站内收索引擎,方便浏览者在站内查找所需要的信息11.在组织网站目录结构是需要遵循哪些原则?答:A 不要将所有文件放在根目录下面。B

12、 按栏目内容分别建立子目录。C 在每个栏目下面都建立独立的 IMAGES 目录。D 目录的层次不要太深。E 切忌使用中文目录。F 不要使用过长的目录。G 尽量使用意义明确的目录12.究网站的连接结构意义何在?主要的网站结构有哪几种?5/14答:网站的连接结构是指页面间相互连接的拓卜结构。他建立在木结构基础之上,但是可以跨越目录。形象的说,每个页面都是一个固定点,连接则是每 2 个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是这些点不是分布在一个平面上,而是存在于一个立体的空间。研究网站连接结构的根本目的在于,用最少的连接,使浏览最有效率。一般的建立网站的连接结构有树型

13、和星型 2 种,在实际中,总是将 2 重结构相互混合起来,我们希望浏览者可以方便快捷的达到自己需要的页面,有能清晰的知道自己的位置。所以最好的方法就是首页和 2级页面间用星型连接,2 级和 3 级之间用树型连接结构。13.什么是页面的重心?为什么要使页面的重心平衡?常用的有哪几种重心平衡方法?答:重心平衡既页面重心反映的是网页上各种元素分布的协调程度。任何一个图片或者文字,都在网页上占有一定的空间,作为一个模块,其本身就具有重心位置,当插入到空白网页后就会明显的改变整个网页的重心。重心的平衡代表网页必须对称布局,虽然对称的分布更容易的获得重心的平衡,但是对称分布往往使页面失去活力,因此非对称布

14、局反而是更多网页的首选。一般情况下,重心平衡是指在左右重心的平衡。而上重下轻也是网页构图经常采用的方法。既对页面上下重心的平衡上要求不严。这是因为由于在浏览器的滚动时,显示的是整个页面,访问者一般不会注意。14.什么是 WEB 安全色?什么是抖动?2 者之间是否有联系?答:WEB 安全色是由于浏览器在显示各种颜色时是有选择的。它只能选择其中的 216 色显示。无论是 BLUE,RED,GREEN 的颜色通道,他都是采用跳跃的显示方法进行颜色的编码,既它们都只能在 00-FF 之间取值。这些跳跃的色彩被称为 WEB 的安全色,意思是在任何浏览器上都能显示。抖动是由于浏览器不能显示所有的颜色,因此

15、伪造了在调色板中不能显示的颜色,通过邻近的象素混合而产生在图象中实际并不存在的颜色,达到一种补偿的目的。抖动的图象有很多颗粒,图象显示粗糙。抖动是由于 WEB 安全色的限制产生的,抖动时使用的色彩范围是在 WEB 安全色内的。6/1415.简述在电脑中是如何处理颜色的?答:在计算机中,每一个 bit位可以有 1 和 0 两种状态,如果对应颜色,可以有黑和白 2 种颜色。如果是 2 个 bit,就有 00,01,10,11 四中状态,依次类推,若采用8bit 来表示颜色,就有 256 种颜色。如果是 24 位,就有 2 的 24 次方既 16777216种。为了进行色彩的配比,在计算机中每种颜色

16、对应着一个色彩通道,大调整每种通道的色彩分量时,最后得到的颜色就可以改变。对于常见的 24 位色彩用 16 进制表示就应该是 XXXXXX 共 6 个数字,前 2 个数字表示红色的颜色分量,后 2 个数字表示绿色通道的分量,最后的表示蓝色通道的分量。许多图象处理软件,都提供色彩的调配功能,通过输入 3 原色的数值分量来调配,也可以直接进行调配。16.简述大色块构图法和抽象构图法的方法及相关思路。答:大色块构图法在网页制作中比较流行,这是因为首先在大色块构图时,可充分利用表格单元格的底色来形成大幅面的色块,而不需要制作如表格那么大的单色块图象,只要在色块的边缘用图象来拼接就可以做出立体效果来,这

17、样经济且做出来的网页不大。其次大色块构图具有很强烈的视觉冲击,因为大色块集中,醒目。使用大色块要注意 3 点:冷暖色调在均匀使用时不宜靠近,纯度较同的颜色不宜放在一起,整个页面最好有个主色调。与大小色块相对应的是抽象线条构图。抽象线条构图使用一些圆弧线,直线和短线段来代替以往的大色块。这些线条的搭配显示一种简洁爽朗的美感。这就是抽象构图法:仅仅凭借简单的线条形成网页。在抽象构图中,色彩一般使用统一色调,它对页面融合有好处,同时也便于突出中心图片。17.网站设计中应该注意的几个方面?答:网站设计需要遵从一定的通用规则,必须按照一定的规划、想法来实施。网页设计的原则不仅体现在网页的风格、层次构思和

18、网页的页面构思中,还包括更多更广的设计思想。网页设计不应该从设计者本身出发,而必须要从访问者的角度来思考问题。共有 8 个方面要注意:1;网站的设计目的决定设计方案:在设计一个网站7/14之前,应当有强烈的目的性和针对性。2;浏览者的需求第一位:不论如何,必须要搞清楚浏览者需要什么。3;页面的有效性:在全局设计阶段,创作者应当在每一个页面的有效性与过载之间进行权衡。4;页面布局统一性:页面布局往往能显示一贯网站的统一性,如使用同样的背景,提供导航系统等。5;使用表格和适当的帧结构来设计网页:可以让用户在尽量少的重载页面的情况下浏览所需的内容,提高浏览效率。6;谨慎使用图片:保证页面下载的速度和

19、浏览器的兼容性。7;充分体现平面设计意识:学好平面设计的一般技能是网页设计能不断提高的基础之一。8;减少 Javaapplet 和其他多媒体的使用:应该谨慎使用。18.比较 GIF 格式和 JPEG 格式的原理与各自的适用范围。答:如果是自己设计的线条简单。色彩种类比较少的图形,或者是著作透明图形,制作动画,那么就用 GIF 格式。GIF 文件能做动画,且它的压缩算法是通过精简色彩集来实现的;如果需要在网页上放置一副照片,那么就用 JPEG 文件,因为 JPEG 的压缩算法对包含有复杂的颜色的图片很有效。在 GIF 中最多允许有 256 种格式,而JPEG 没有这个限制,且可以显示所有的 RG

20、B 颜色,既 24 位真彩色。而 GIF 只有 8 位表示,只能显示 256 色。如果在使用颜色数目大于 256 色的照片时,就用 JPEG 格式,这样能显示所有的颜色,而颜色小于 256 色的图片就用 GIF 格式,这样才不会造成浪费。19.HTML 文件的基本结构是怎样的?主要有哪些基本标记组成?答:HTML 文件的第一行是标记,其结束标记是,它标明这个文本文件为 HTML 文档。每一个 HTML 文件都包含这个标记,即以开头,以结尾。标记为文件头标记,其结束标记是,在文件头标记中,还可以再加入其他标记,如标记、标记等。标记为标题标记,其结束标记为/titlle,其中的内容会显示在浏览器的

21、标题栏中,标示该网页的主要内容。8/14接下来是body标记,它的作用是标识文件主体,结束标记是/body。其中的内容是浏览器页面中显示的主体内容。HTML 文件的内容有三大部分,即文件头标记,和文件体标记和一些注释。头标记和体标记的内容又由其他的标记和文本及注释组成。也就是说,一个HTML 文件应具有下面的基本的结构:HTML 文件开始文件头开始文头内容文件头结束文件体开始文件体内容文件体结束HTML 文件结束网站建设总体上可划分为如下两个阶段:网站设计和网站开发网站设计包括网站策划和网站具体设计两方面的内容,时间上是在网站开发工作之前,是网站建设成功与否的基础和关键。网站的设计确定了网站的

22、目标、定位;决定了网站的功能、信息结构、后台处理能力;从设计上保障网站的安全性;系统地确定网站维护升级的方法和能力、技术实现方法等。因此,网站设计的系统性、完善性和全面性是网站建设成败的关键所在。网站开发包括网站的实现、维护与升级等过程。网站开发的过程可以包含两个方面的工作:网站初始开发、网站维护性开发。9/14电子商务网站的设计内容:网站系统分析及设计:确定网站的建设目标;网站的需求分析;网站的内容和功能设计网站的信息结构设计;可视化设计;后台处理功能的设计网站实现设计:网站开发中的实现设计,包括软、硬件实现方案设计网站安全设计网站实施设计:对网站开发相关问题的考虑如何对网站进行管理、维护和

23、升级。SET 通过 4 种安全措施来保护网上信息的安全性:持卡人能够确认收款商家是否有权以采用 SET 标准的安全方式接收支付卡;采用 SET 的商家能够确认交易中正在使用的支付卡;SET 采用先进的公钥密码系统以及数字签名、数字认证书等技术;SET 保证支付信息只能被指定的接受方读取;信息只能被采用 SET 的商家与金融机构破译;商家看不到持卡人的帐号。简述 SET 方式电子交易流程一个符合 SET 标准的网上安全支付应用软件系统应该由 4 个子系统组成,根据SETCO 的规定,它们分别称为持卡人钱包、商家服务器、支付网关以及认证机构,流程如下:10/141 持卡人钱包:在网上消费者的电脑运

24、行,产生能够被 SET 商家服务器、支付网关和认证机构子系统接受的 SET 协议消息;2 商家服务器:运行在电子商务网站上商家的服务器,处理支付卡交易与认证。它与其他三个子系统通讯;3 支付网关:运行在收单银行的电脑上,处理商家的支付和认证信息,并提供与专用金融网络的接口;4 认证机构 CA:运行在发卡银行的电脑上,发放与验证由其他 3 个子系统要求提供的数字证书。SET 提供四种其他方法无法相比的优先安全尺度:使得截获信息不可读得保密性;确保收发信息完好无损得完整性;确保信息无法仿造得验证真实性;防止发送者否认发送的不可拒付性SET 缺点:信用卡的电子支付不能隐匿消费者的身份,消费者的交易信

25、息会留下记录,信用卡的运行维护费用较高,加重了消费者的额外负担根据企业的不同情况,主机建立和放置有以下三种不同的方式:1 虚拟主机方式,如果企业不想架设自己的主机,便可以采取很多网络公司提供的虚拟主机的方式。采用这种方式建立和放置主机,主机的位置处于网络服务提供商处。显然,这种方式不仅节省了购买相关软硬资源的费用,而且无须培训和招聘更多的专业人员,因而开发成本比较低,比较适合于中小型企业快速展开网上业务。2 服务器托管方式,企业自行购买、配置、安装 Web 服务器后,托管在某个网络服务机构,自己远程维护,每年向该网络服务商支付一定数额的费用。这种方式建立11/14和放置主机,避免了企业自己申请

26、专线的过程。但是自己配置主机服务器的软硬件、招聘和培训专业人员所花去的费用不菲。3 专线上网,企业自行购买、配置和安装 Web 服务器以后,通过自己申请相应速率的 DDN 线路将服务器连接到 Internet 上,通过这条专线,企业的服务器就可以被Internet 用户访问了。宣传推广电子商务网站的方式包括:1 利用搜索引擎推广;2 在门户站点上建立链接;3 加入广告自由交换网4 利用电子邮件、新闻组以及电子公告版等方式;5 创办各种相关竞赛等市场运作活动;6 利用传统的方式推广虚拟主机是使用特殊的软硬件技术,把一台运行在因特网上的服务器主机分成一台台虚拟的主机,每一台虚拟主机都具有独立的域名

27、或 IP 地址,具有完整的Internet 服务器WWW、FTP、Email 等功能,虚拟主机之间完全独立,并可由用户自行管理,在外界看来,每一台虚拟主机和一*立的主机完全一样。后台信息技术包括:CGIISAPI/NSAPIASP.网站接入 Internet 的方式:拨号方式;专线方式;有限电视网接入方式;虚拟主机和主机托管方式。防火墙的类型:数据包过滤,应用级网关,复合型。12/14建立目录结构的建议:1,不要将所有的文件都放在根目录下。2.按栏目内容建立子目录。3.次要栏目视情况而定。4.所有程序一般都存放在特定目录。5.在每个目录下都建立的 images 目录。6.目录的层次不要太深。7

28、.不要使用中文目录。8.不要使用过长的目录。9.尽量使用意义明确的目录。导航策略和技巧:导航条,网站导航图,导航技巧。电子商务网站维护工作的内容:维护网站的层次结构和既有的设计风格;及时更新、整理网站的内容保证网站内容的实效性;定期清理网站包含的链接以保证链接的有效性、及时对用户意见进行反馈并作相应的改进;随时监控网站的运行状况等在电子商务网站的维护中,应注意的问题:维护网站的基本结构和既定风格保持网站内容的时效性检查并保证链接的有效性随时监控服务器的运行情况重视用户的意见反馈阿里巴巴可视化设计:一般分为上,中,下三部分。上面是网站的主导航条,方便访问者在不同的分区穿梭浏览。中间是最主要的信息

29、内容,分类目录或其他信息。一般还配有很有用的查询栏,下面是关于网站和公司的导航条。13/14认证防火墙 VPN网络服务选择技术标准:性能指标,技术指标,dell 网站的页面布局一般分为三部分:上面的标题区,主要是公司图标.订购预计关于 dell.站点图等连接;左边的目录区,是站点选择或产品目录等;右边的内容区,是当前页面的主要美容,如产品美容或新闻内容等。亚马逊:为了尽量利用网页空间,亚马逊把一些检索入口以不同的形式放到几乎每个页面中,便于读者随时查询。对于页面的图书目录,一般是整齐的放到一个框起来的醒目区域,让读者容易选择目录。图书的介绍更是图文并茂,价格及折价都很明显。易趣网:首页中心是有关网站的三个核心交易区的最新信息,两边有商品目录,热点,服务中心,精彩个人店铺,方便用户进入感兴趣的栏目。14/14