作者：李红 岳云康 樊东燕
出版社：中国铁道出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
电子商务网页设计(第二版)试读：
版权信息书名：电子商务网页设计（第二版）
作者： 李红,岳云康,樊东燕
排版：中国铁道出版社
出版社：中国铁道出版社
出版时间：2016.09
ISBN：978-7-113-22056-3
本书由中国铁道出版社授权北京当当科文电子商务有限公司制作与发行。
— · 版权所有 侵权必究 · —内容简介
本书以山西特色农产品的电子商务网站设计制作流程为主线，以最新Web规范为基础，循序渐进地介绍了电子商务网页设计与网站建设的基本原理和实现技术。本书详细讲述了HTML5、CSS3、JavaScript等Web语言的基本语法规范和运用实例，介绍了使用网页设计工具软件Dreamweaver CC和Fireworks CS6制作网页的方法，讲述了电子商务网站规划、网页布局、色彩设计、域名和空间申请、网站检测和上传等技术，是一本全面系统介绍电子商务网页设计专门知识和技能的理想读物。
本书适合作为高等学校电子商务专业及其相关专业的教材，也可作为从事电子商务网站开发和网页设计人员的参考用书。“十三五”高等学校电子商务专业规划教材编委会
编委会主任：周宏仁
编委会主编：李 琪
编委会委员：（按姓氏音序排列） 费玉莲 贺盛瑜 洪 涛 李 红 李 琪 李红霞 李晓明 刘宪兰 秦成德 青虹宏 田海山 汪 楠 杨雪艳 张 利 张仙锋 张永忠
编委会秘书长：秦成德
编委会副秘书长：张仙锋总序
2016年，我国电子商务的发展进入了规模与规范并举的新阶段。本套丛书已面世5年，许多新知识、新实践不断涌现，我们的教材到了必须更新的时候。
在这一新形势下，为满足国家电子商务示范城市建设、信息化和工业化即“两化”深度融合等电子商务发展趋势对培养大批电子商务复合型专业人才——尤其是大批应用型人才的需求，组织编写与时俱进的电子商务系列教材就成为当前较为迫切和至关重要的任务。因此，我们把编写这套“十三五”高等学校电子商务专业规划教材的构想，定为我们新形势下的工作目标之一。
为了促进目标的实现，本套教材得到了国家信息化专家咨询委员会专家们的支持和悉心指导，得到了高等学校电子商务教学指导委员会相关专家的鼎力支持和积极参与，成立了教材编委会。在编委会的组织和领导下，选择并组织了一批优秀的中青年学者和骨干教师担任系列规划教材中各本教材的第一作者，同时遴选其他优秀中青年教师参编，以规范、有序地开展编写工作。
本套规划教材参照电子商务专业最新的培养目标和计划，内容涵盖电子商务的核心课程及重点选修课；读者对象以应用型人才为主，包括高等学校电子商务及经管类专业的本科生及高职高专院校相关专业学生，以及对电子商务感兴趣的工作人员。
本套规划教材内容主要包括电子商务导论、电子商务经济学、电子商务网站开发、电子商务网页设计、电子商务安全、电子支付与结算、电子商务物流、电子商务管理、电子商务营销、电子商务客户关系管理、电子商务案例分析、电子商务创业与实训、移动商务、网络贸易、电子商务法律与案例、电子商务服务、电子商务系统分析与设计等。其主要特点包括：①为新形势下顺应电子商务发展的新需求而设计——整套教材的内容衔接合理、大纲设计完善、内容组织具有新意；②内容涵盖电子商务基础、电子商务支撑体系、电子商务服务和应用三大层面，知识体系符合电子商务专业的培养目标；③突出对应用型人才培养的特色，从书目的选取，到大纲的制定，再到具体编写过程都强调以学生“易理解、易操作”为原则，在编写中较多地采用了案例讨论、实验指导等方法；④在内容逻辑、形式和体例上力求科学、合理、严密和完整，使之系统化和实用化。
自该套规划教材编写工作启动以来，在编委会各位专家、各本教材第一作者以及参编人员的共同努力下，在中国铁道出版社的支持下，本套教材的修订将陆续面世。在此，我们对参与各项工作和在该项工作中给予支持的各位领导、专家、教师和朋友们表示最衷心的感谢！
我们深知，虽然我们对本套规划教材的组织和编写倾注了最大努力，但离读者对我们的期望仍有距离，在此，也衷心希望各位读者不吝赐教，促使本套教材真正成为受读者欢迎的精品教材！“十三五”高等学校电子商务专业规划教材编委会2016年08月第二版前言
网页设计作为电子商务技术基础的地位越来越受人们的关注，近年来电子商务网页设计技术发展迅猛，特别是HTML5在移动互联网中的广泛运用，使网页设计出现了新的变化。根据HTML5和CSS3的最新规范，本书第二版对第一版各章都进行了修改。
第二版保持了第一版的主要结构，调整了部分章节的结构，改进了部分内容的叙述方式，并增加了对HTML5部分新标签和CSS3的一些新属性，删除了一些HTML5不赞成使用标签的用法，采用了较新的Dreamweaver CC和Fireworks CS6版本，力求反映电子商务网页设计发展的新技术，使教材更能体现电子商务网页设计理论和技术的最新发展。在编写上力求概念准确，尽可能让读者系统把握电子商务网站建设专门理论与网页设计技能的全貌，更加符合当今应用型本科高校电子商务人才的培养要求。
第1章的网络技术基础部分增加了对万维网原理、服务器、浏览器原理的详细介绍。第2章按照W3C的最新规范对HTML标签和CSS的语法规范重新进行了定义，强调了HTML5的相关规范，并增加了HTML5关于音频和视频的最新标签的应用，删除了对XHTML内容的相关描述。第3章采用Dreamweaver CC版本，对网页编辑和网站管理的基本操作进行了改写，强调了在Dreamweaver软件的文件面板下新建网页的操作方法，进一步降低了网页链接的出错率。第4章把网站规划定义为商业规划和技术规划两大方面，突出介绍了网站规划中商业规划的内容，对网站技术规划内容的叙述进行了条理化。第5章删除了对网页框架技术的基本介绍，保持了表格布局网页的内容，增加了DIV元素的介绍和HTML5的布局新元素。第6章按照CSS3规范对内容进行了改写，增加了CSS3的一些新属性的基本运用，对网页布局中文档流和浮动技术进行了全面介绍。第7章按照HTML5规范对表单和数据库的交互进行了详细介绍，并增加了HTML5的表单新元素。第8章改动最大，以应用型为目标，全面介绍了JavaScript技术在网页设计中的基本应用，使读者能全面了解JavaScript技术，而不是堆砌它的基本知识。第9章和第10章按照图形设计理念、运用Fireworks CS6软件对网络图形方面的基础知识和实际操作进行了详细介绍和改写。第11章详细介绍了电子商务企业网站建设的基本流程，包括建站方式的选择、网站域名的申请、网站空间的申请备案和上传的相关理论和基本操作。附录A部分新增了对HTML5标签的介绍并添加了索引，使其更方便学习查阅；附录B完善了CSS2的样式属性，新增了CSS3的最新属性；附录C是对网络安全色色谱的介绍，顺序做了调整；新增附录D，对本书中涉及的网页设计相关技能进行了整理，突出了本书的实践性。
本书还提供了最新的相关素材文件和PPT课件，可向中国铁道出版社和作者（sdsylihong@126.com）索要。
本书由李红、岳云康、樊东燕主编，李红负责全书统稿。具体编写分工：山西大学商务学院的李红（第1章、第4章、第7章、附录A、附录B、附录C、附录D）、成保梅（第2章）、韩景灵（第3章）、罗宝刚（第5章）、苏雪峰（第6章、第8章）、王斌（第9章）、樊东燕（第10章）、岳云康（第11章）。本书在编写的过程中参考了大量的前人成果，这里一并向各位作者表示感谢。
由于网页设计技术发展日新月异，加之编者时间、水平的限制，书中疏漏与不妥之处在所难免，恳求广大读者提出宝贵的意见与建议。
编者2016年5月第一版前言
网页设计是电子商务知识体系中一门十分实用，但却较难学的课程。说它“实用”，可以说，谁能把握好这门课程，谁就把握电子商务世界大门钥匙；说它“难”，是因为它包括了许多相关学科知识，如电子商务理论知识，HTML、CSS、JavaScript语言知识，还包括Dreamweaver软件和Fireworks软件中图像处理知识、色彩搭配知识等。
1.本教材的特色
目前市场上网页设计课程体系多，教材也很多，有的是标准的网页设计三剑客软件式教程，有的是专门的程序设计式教程，也有的是专门的美工计算机制图设计教程。本教材坚持“商务为根本，技术为基础”的原则，精心处理各种网页设计专业知识，抛弃了专门工具软件的教程式的教法，以Web编程技术为基础，体现了电子商务专业的技术基础特点；同时借鉴其他学科在网页设计的优秀成果，是一本为电子商务专业学生专门打造的网页设计教材。（1）精选教学内容。本教材精心设计了静态网页中电子商务内容及其图像素材设计，详细介绍了电子商务静态网页设计的Web语言、网站规划、网页布局、CSS+DIV网页设计、Web图像设计等知识，并配有相应技能案例操作，动态网页程序设计的内容须专门介绍。（2）网页设计的知识和技能完美结合。本教材既体现电子商务网页设计的关键核心知识点，又介绍了相应技能案例操作；做到了整体知识点讲解清楚，相关技能操作清晰易懂。完美体现电子商务应用性的学科特点。（3）体现电子商务网页设计的最新技术。Web语言以Web 2.0为核心，软件采用最新Dreamweaver CS5和Fireworks CS5版本。
2.本教材的主要内容
全书共分11章，以山西特色农产品的商业网站设计制作流程为主线，循序渐进地讲述了电子商务网页制作与网站建设的基本原理和基本操作技术；以Web语言编程为根本，综合了HTML和CSS等基本语言、Dreamweaver和Fireworks等相关设计软件、美术色彩设计、电子商务网站规划基础知识等，是一本全面系统介绍网页设计的专门技能的教材。使读者既能在宏观上整体把握网站建立与网页制作的基本知识，又能在细节上具体掌握网页设计制作过程的各个技能和实用技巧，每个技能都配有相应实例。
第1章，主要概述了电子商务网页设计的基础知识。
第2章，主要讲述了网页设计的Web 2.0语言。
第3章，以Dreamweaver CS5为工具讲述网页的基本制作方法——网站的建立，网页文字、图形的排版，Web站点的管理。
第4章，主要讲解电子商务网站规划的理论和技能。
第5章，讲述Web页的几种布局方法，表格布局、框架布局、DIV布局。
第6章，主要对CSS+DIV的高级运用进行专门介绍。
第7章，主要讲述表单的概念和使用。
第8章，主要对Web页面的JavaScript的运用进行专门介绍。
第9章，以Fireworks CS5为工具讲述Web图形设计方法。
第10章，以Fireworks CS5为工具讲述Web图形处理方法。
第11章，讲述Web网站域名的申请与网站上传的理论和操作。
3.本教材的读者对象
本书适合于应用性大学本科电子商务及其相关专业学习电子商务网页制作与网站建设基础理论课程的教材，由于本书对电子商务网页设计的知识体系讲解深入浅出，适合于电子商务网页制作入门的初学者，同时本书技术参数详尽、典型，也适合电子商务相关从业人员参考。
4.致谢
本书由山西大学商务学院李红主编，全书由李红统稿。本书也是山西省科技厅《基于供销社流通体系的农村电子商务平台的研究与构建》（课题号：20100311135）项目的研究成果之一。此外，郭栋浩、姚娜等同学参与了本书第1稿文字编辑的工作，在这里表示感谢。本书在编写的过程中参考了大量的前人的成果，这里一并向各位作者表示感谢。
网页设计技术发展日新月异，加之作者时间、水平的限制，书中错误与不当之处，希望广大读者批评指正。我们的联系邮件信箱为sdsylihong@163.com。
谨以此书献给所有电子商务的从业人员，献给为电子商务事业献身的研究者。
编者于太原·山西大学商务学院2011年11月第1章电子商务网页设计概述
学习目标
本章主要介绍电子商务的相关概念、网络技术基础、网页配色的理论、设计网页所使用的技术和软件等，为后面的学习奠定基础。
● 知识目标：了解网站在电子商务中的重要性；了解互联网的基础知识；理解网页的本质；了解网页色彩的基本知识；了解网页制作的基本工具；了解网页设计师的执业技能。
● 技能目标：掌握用记事本编写网页的方法；掌握IE浏览器的基本操作。
● 能力目标：理解建设电子商务网站的必要性。1.1电子商务基础
随着电子商务的快速发展，认识电子商务、应用电子商务已经成为现代社会人们必须面对的问题。本节主要介绍电子商务的相关知识。1.1.1 电子商务概述
电子商务源于英文Electronic Commerce，简称EC。通俗地说，电子商务是利用电子信息载体替代传统交易过程中纸介质载体，买卖双方不谋面、通过网络进行各种商贸活动的一种方式。
1.电子商务简介
电子商务起源于基于专用增值网络的EDI。随着Internet技术的日益成熟和普及，目前所指的电子商务是建立在Internet基础上的。
从字面上看，电子商务包含两方面内容：一是电子方式；二是商业贸易活动。
就电子方式而言，电子商务活动中的商务信息载体变成了电子方式，其信息传播路径不再依靠传统的纸质方式和面对面交流。电子商务中的信息载体变成“电子文档”，信息传播渠道变成计算机网络。电子商务强调先进的电子信息技术在商业中的应用。只有在计算机网络，特别是Internet普及的今天，才使得电子商务得到如此广泛的应用，也使得电子商务的商业模式成为21世纪的商业热点。传统商务活动和电子商务的信息载体发生变化，EDI中的电子信息载体称为电子文档，互联网环境下称为“网页”。
从商业贸易活动的角度分析，商务活动是电子商务的核心，电子信息技术只是手段和环境。研究电子商务的目的是为了更好地利用先进的电子信息技术手段，降低企业的经营成本、提高工作效率、实现企业盈利，并在此基础上提高整个社会的运行效率，改善人们的生活质量。
当然要实现完整的电子商务流程还会涉及很多方面，除了商家、买家外，还要有金融机构（如网上银行等）、认证机构、政府机构、配送中心等机构的加入才行。由于参与电子商务中的各方在物理上是互不谋面的，因此整个电子商务过程中，网上银行、在线电子支付等条件和数据加密、电子签名等技术在电子商务中也发挥着重要的、不可或缺的作用。
2.电子商务的定义
电子商务是一个不断发展的概念，事实上，直到今天还没有一个较为全面、具有权威性的、能够为大多数人接受的电子商务的定义。
电子商务的先驱IBM公司于1996年提出了Electronic Commerce（EC）的概念，IBM认为：电子商务=Web+企业业务。到了1997年，该公司又提出了Electronic Business（EB）的概念。我国在引进这些概念的时候都翻译成电子商务，很多人对这两者的概念产生了混淆。事实上这两个概念及内容是有区别的：EC是指实现商业交易过程中各阶段交易活动的电子化，强调交易方式和手段是电子技术；而EB则把所有利用网络环境进行企业商务活动的事务都称为电子商务，包括企业内部的商务活动，如生产、管理、财务以及企业间的商务活动，是把电子商务活动的涵盖范围扩大了很多，应翻译成电子商业。因此，有人将EC称为狭义的电子商务，将EB称为广义的电子商务。
目前，全世界有20多种权威组织机构和学者给电子商务进行过定义，但仅是从不同角度、不同范围提出了各自的观点，大多数定义是将电子商务限制在使用计算机网络特别是互联网进行的商品和服务的买卖，它们之间的差异主要在于技术手段和覆盖业务活动范围的差别。
总的来说，电子商务中，商务是核心，电子是手段，网络是活动环境。信息技术特别是互联网技术的产生和发展是电子商务开展的前提条件；信息化、系统化的电子工具是电子商务活动的基础；以商品贸易为中心的各种经济事务活动是电子商务的主要对象；掌握现代信息技术和商务理论与实务的人是电子商务活动的核心；高效率、低成本是电子商务的目的。
学习电子商务的目的是要掌握如何应用电子商务。对于应用电子商务的组织来说，关注的是如何利用电子商务手段来加速、简化组织的活动过程，提高组织的效率；对于应用电子商务的人来说，关注的是如何利用电子商务手段来提高工作效率和生活效率与质量，提高整个社会的运行效率和企业的竞争能力。
3.电子商务的概念模型
在电子商务交易过程中，由于每个交易主体所面对的是一个电子市场，必须通过电子市场选择交易的内容和对象。所以，电子商务的概念模型可以抽象地描述每个交易主体和电子市场之间的交易事务关系，如图1-1所示。
图1-1 电子商务的概念模型
其中：
①交易主体：指从事电子商务活动的参与主体，包括买方、卖方和交易活动必需的第三方中介机构，如生产企业、银行、政府机构、认证机构等。
②电子市场：交易主体从事商品和服务交换的虚拟场所，它是由各种商务活动的参与者利用通信网络和电子商务系统形成的虚拟的经济体。
③交易事务：指电子商务参与各方所从事的具体的商务活动的内容，例如，询价、报价、转账支付、广告宣传、商品运输等。
④电子商务“四流”：包括信息流、资金流、物流、商流。
● 信息流：在电子商务活动中最基本也最普遍的是信息流，既包括商品信息、营销信息、售后服务等内容，也包括诸如询价单、报价单、付款通知单、转账通知单等商业贸易单证，还包括交易方的支付能力、支付信誉、中介信誉等。
● 资金流：指资金的转移过程，如付款、转账、收款等。
● 物流：主要是指商品和服务的存储、保管、运输、配送、装卸等。
● 商流：指商品在购、销之间进行商品所有权的转移。
在电子商务的应用中，十分强调物流、资金流、商流和信息流的整合。在网络环境下，虽然商务活动的顺序并没有改变，但进行交易和联络的工具改变了，依托的是网络和计算机；要处理的信息形式也发生了重要改变，即信息流的电子化，如从以前的纸质单证变为现在的电子单证。信息流的作用显得更为重要，它贯穿于整个商品交易过程的始终，是分析物流、资金流、进行经营决策的重要依据。而物流、资金流则是实现电子商务的保证；商流代表着货物所有权的转移，标志着交易的完成。
4.电子商务的应用类型
电子商务按开展电子交易的范围分类，可以分为以下4种类型：（1）企业内部电子商务
企业内部电子商务即企业内部之间（注：企业的各个部分可以在不同的地域），通过企业内部网的方式处理与交换经营管理信息。企业内部网是一种有效商务工具，通过防火墙，企业将自己的内部网与Internet隔离，它可以用来自动处理商务操作及工作流，增强对重要系统和关键数据的存取、共享，共同解决客户问题，并保持组织间的联系。通过企业内部的电子商务，可以增加商务活动处理的敏捷性，对市场状况能更快地做出反应，能更好地为客户提供服务。（2）本地电子商务
本地电子商务通常是指利用本城市内或本地区内的信息网络实现的电子商务活动，电子交易的地域范围较小。本地电子商务系统是开展远程国内电子商务和全球电子商务的基础系统。（3）国内远程电子商务
国内远程电子商务是指在本国范围内进行的网上电子交易活动，其交易的地域范围较大，对软硬件和技术要求较高，要求在全国范围内实现商业电子化、自动化，实现金融电子化，交易各方具备一定的电子商务知识、经济能力和技术能力，并具有一定的管理水平和能力等。（4）全球电子商务（跨境电子商务）
全球电子商务是指在全世界范围内进行的电子交易活动。参加电子交易各方通过网络进行贸易，涉及有关交易各方的相关系统，如买方国家进出口公司系统、海关系统、银行金融系统、税务系统、运输系统、保险系统等。全球电子商务业务内容繁杂，数据来往频繁，要求电子商务系统严格、准确、安全、可靠，应制定出世界统一的电子商务标准和电子商务（贸易）协议，使全球电子商务得到顺利发展。
小知识： 电子商务模式的分类有许多种，除了企业-企业（Business to Business，B2B）、企业-消费者（Business to Consumer，B2C）之外，还有人提出可分为：消费者-消费者（Consumer to Consumer，C2C）、消费者-企业（Consumer to Business，C2B）、企业-政府机构（Business to Government，B2G）、消费者-政府机构（Consumer to Government，C2G）等。1.1.2 企业网站的地位与作用
电子商务是未来社会主要的商业运营方式，而建立网站是企业通向电子商务的第一步。
1.企业网站和电子商务网站
企业相关的信息以专门电子化的方式表示形成网页，企业各种相关信息通常排成一系列网页，又称网站。企业网站（又称企业门户网站）是企业在互联网上的“工厂”“公司”“商店”“商场”和“门市部”，是企业进行形象宣传、产品展示推广、与客户沟通的阵地。企业在互联网上建立网站对企业的长远发展，对企业文化建设都有非常重要的意义。网页是网站的基本内容，是企业信息的基本电子载体和表现形式。企业网站的信息要通过一张张网页具体表现出来。
与一般的企业网站不同，企业电子商务网站是用来交易的，突出产品展示，激起广大的消费者购买欲望达到销售目的，就像在互联网上的一个销售柜台，如凡客诚品。另外一种企业电子商务网站就像是一座百货商场，是由专门企业建设的电子商务交易平台，如淘宝商城，该平台可以包括很多企业电子商务交易系统。
电子商务网站（或称电子商务平台）是企业电子商务系统运行的主要承担者和体现者；是与用户交流及沟通的窗口；是买方和卖方交易信息交汇与传递的渠道；是企业或商家展示其产品与服务的舞台；是企业或商家体现其形象和经营战略的载体。
2.电子商务网站的主要功能模块
电子商务网站从本质上讲，是一个由不同功能模块组成的信息管理系统。电子商务网站要能及时反应公司最新产品动态；还能收集新老客户资料，进行等级管理，实现对一些保密资料分级浏览；客户可以方便在线订购，可以进行网上咨询；也可以开辟商务洽谈室，在线进行洽谈；也可以由公司设置一些主题进行网上调查。
不同企业的电子商务网站的功能差别巨大，为满足企业开展功能全面的电子商务活动的需要，电子商务网站一般应包括下列功能模块：
①产品介绍：电子商务网站主要是展示企业产品，详细介绍企业的产品及其信息是网站建设的主要任务。该模块主要要对企业的产品进行详细的拍照、美化和介绍，不仅介绍清楚产品的价格、各种参数、规范，还要介绍清楚使用方法等。
②在线购物管理模块：在线购物管理可以分为账号管理、产品库存信息管理、购物车管理、订单管理等方面的模块。账号管理用于整个系统的安全性管理，如设定和修改企业内部不同部门用户的权限等；产品信息管理可以根据企业产品的特点建立产品分类目录，并将产品按照不同层级进行分类展示；提供产品动态增删、修改、批量更新数据等功能；购物车管理对用户正在进行的购买活动进行实时跟踪，使管理员能够看到消费者的购买、挑选和退货的全部过程。
③信息发布管理模块：信息发布管理是将企业的经营管理信息进行展示，主要内容包括新产品上线、新闻、通知、广告和业界动态等；主要功能包括在线信息发布、删除、动态更新与维护、过期信息内容组织与存储、信息检索系统的建立等；能综合管理网站广告申请、广告编辑、播放、广告相关信息查询、用户广告计数统计分析等功能。
④客户反馈信息管理：电子商务网站在线支持客户的在线帮助管理、论坛管理、留言板管理、网上调查管理等。
⑤客户基本信息管理模块：包括管理客户的用户名、密码、真实姓名、电话、送货地址等基本信息。
⑥在线支付管理：电子支付是电子商务系统的基本特点，包括银行卡支付接口和第三方支付接口。1.2网络技术基础
学习网站建设和网页设计前，首先了解一下网页运行的环境——Internet，了解一些网络的相关知识，有助于我们更好地进行网页与网站的建设和维护。1.2.1 Internet及TCP/IP
1.Internet简介
Internet（因特网）是一个世界范围内网络与网络之间所串连成的庞大计算机网络，这些网络以一组通用的协议（TCP/IP）相连，形成逻辑上的单一巨大国际网络。Internet来源于20世纪60年代美国国防部高级研究计划局（ARPA）建立的ARPANET网络。ARPANET的成功，使许多人认识到它的巨大潜力和发展前景。20世纪80年代中期，美国国家科学基金会（NSF）建立了NSFNET。在这以后，很多大学、研究所、科研机构、政府机关和企业等都纷纷建立内部网，并将自己的内部网并入NSFNET网，于是形成了最初的Internet。目前，它连接着世界上所有国家和地区两万多个大小网络和数以百万计的主机。
互联网、因特网、万维网是3个不同的概念，三者的关系是：互联网包含因特网，因特网包含万维网。凡是能彼此通信的设备组成的网络就叫互联网，即使仅有两台机器，不论用何种技术使其彼此通信，也叫互联网，国际标准的互联网写法是internet（字母i要小写）。因特网是互联网的一种，它是使用TCP/IP协议由上千万台设备互相连接在一起组成的互联网。国际标准的因特网写法是Internet（字母I要大写）。互联网并不等同万维网（World Wide Web），万维网只是一个基于超文本相互链接而成的全球性系统，只是互联网所能提供的服务之一。Internet上的其他应用还有新闻组、电子邮件、WAIS（广域网信息服务）、FTP等。
现实生活中Internet应用很广泛，包括通信（即时通信、电子邮件、网络电话）、社交（facebook、微博、空间、博客、论坛）、网上贸易（网购、售票、工农贸易）、学习、娱乐等，它给我们的现实生活带来很大的方便。
2.TCP/IP协议
TCP是英文Transmission Control Protocol的缩写，译为“传输控制协议”；IP是Internet Protocol的缩写，译为“网际协议”。TCP/IP是一组网络通信协议，为连接跨越不同操作系统和不同硬件体系结构的计算机提供通信的基础。为了确保不同类型的计算机能在一起工作，就要遵守共同的通信协议，就像两个人进行思想交流，需要有双方都懂的语言才能交流一样，TCP/IP就是不同计算机交流使用的语言。
需要注意的是，TCP/IP实际上是一系列协议，它是上百个功能协议的总称，而TCP协议和IP协议是其中两个最基础、最重要的协议。IP主要用于标识该计算机的网络地址，TCP的主要功能是用来发送数据。TCP/IP定义了电子设备（比如计算机）如何连入因特网，以及数据如何在它们之间传输的标准。IP是Internet上使用的一个关键的底层协议，对应7层模型（OSI开放系统互连参考模型）的网络层；TCP建立在IP之上，对应着传输层。由这两个协议和其他约定，如IP地址和DNS（Domain Name System，域名服务器系统）等共同组成了Internet的基本通信标准，使得来自全世界各个地方的计算机都能没有障碍地交换信息，目前Internet仍然使用它作为基本的网络传输协议。
ARPANET的建设原则之一就是使它成为一个跨越多种软件平台和硬件平台的网络。在这个网络上，可以使用不同的计算机、不同的操作系统，使原有的计算机不必更换操作系统就可以加入ARPANET网络运行。为了达到这个目的，他们应用了TCP/IP协议。这个协议经过不断的修改和补充，直到今天还一直在被使用。因特网使用TCP/IP协议让不同的设备可以彼此通信，但使用TCP/IP协议的网络并不一定是因特网，一个局域网也可以使用TCP/IP协议。判断是否接入的是因特网，首先是看计算机是否安装了TCP/IP协议，其次看是否拥有一个公网地址（所谓公网地址，就是私网地址以外的地址）。1.2.2 Internet的地址结构
1.IP地址
Internet上的计算机是用IP地址标识的，每个IP地址都对应一台计算机，用于在数据传输时标识计算机。按照TCP/IP协议规定，IP地址用二进制来表示，每个IPv4地址长32位，分为4段，每段8位；如果用十进制数字表示，每段数字范围为0～255，段与段之间用“.”隔开。例如，一个采用二进制形式的IP地址是“00001010000000000000000000000001”，就可被写成十进制的形式“10.0.0.1”。
IPv4的地址由网络地址和主机地址组成，其中网络地址表明主机所连接的网络，主机地址标识了该网络上特定的某台主机。由于网络号和主机号的位数决定了整个Internet中能包含多少个网络，以及每个网络中能容纳多少台主机，按照网络规模的大小，IPv4的地址分为A、B、C三类基本类型，由网络号的第一组数字决定，如表1-1所示。
表1-1 IPv4地址的划分
A类地址范围：1.0.0.1～126.255.255.254，子网掩码为255.0.0.0。
B类地址范围：128.1.0.1～191.254.255.254，子网掩码为255.255.0.0。
C类地址范围：192.0.1.1～223.255.254.254，子网掩码为255.255.255.0。
IP协议有两种版本：IPv4和IPv6。目前IPv4地址正慢慢地耗尽，而IPv6的出现解决了这个问题。与IPv4的32位地址相比，IPv6拥有128位的地址空间，可以提供比前者多很多的地址。
小知识： 每个IP地址都对应一台计算机，但一台计算机可以有多个IP地址，也可以使多台服务器共用一个IP地址。以为“一台计算机只能有一个IP地址”的观点是错误的，可以指定一台计算机具有多个IP地址，因此在访问互联网时，不要以为一个IP地址对应一台计算机；另外，通过特定的技术，也可以使多台服务器共用一个IP地址，这些服务器在用户看来就像一台主机。
2.域名
IP地址由一串无语义的数字组成，为了便于用户记忆，提出了域名的概念。域名是互联网上服务器或网络系统的名字，代表Internet上企业或机构的网络地址。它是一种有意义的英文或其缩写，可以给网络上的每一台计算机赋予一个唯一的有直观意义的标识名，中间也用“.”隔开。域名和IP地址是对应的，访问Web站点时，既可提供域名，也可提供IP地址。如果使用域名，网上的DNS服务器会自动将其翻译成IP地址。例如，www.sxu.edu.cn就是山西大学的域名，建立网站时，需要到相关机构注册域名，并定期交纳域名服务费，其对应的IP地址是202.207.209.130。域名的类型不同，相应的服务费也不同，有关域名的申请、命名、注册内容可参考本书第11.2节内容。1.2.3 万维网及Web技术
1.万维网
万维网简称为Web，又称WWW，英文全称为World Wide Web，它是一个由许多互相链接的超文本组成的系统，通过互联网访问。WWW起源于1989年3月由欧洲量子物理实验室CERN所开发的主从结构分布式超媒体系统。到了1993年，WWW的技术有了突破性的进展，它解决了远程信息服务中的文字显示、数据连接以及图像传递的问题，使其成为Internet上最为流行的信息传播方式。现在，Web服务器成为Internet上最大的计算机群，Web文档之多、链接的网络之广，令人难以想象。可以说，Web为Internet的普及迈出了开创性的一步，是近年来Internet上取得的最激动人心的成就。
万维网的核心部分是由3个标准构成的：统一资源定位器（URL），这是一个统一的资源定位系统；超文本传送协议（HTTP），负责规定客户端和服务器怎样互相交流；超文本置标语言（HTML），作用是定义超文本文档的结构和格式。
万维网现在已经发展成为全球最大的电子信息载体和信息媒体，万维网是人类历史上最深远、最广泛的传播媒介。万维网出现之前，人们只是通过传统的媒体（如电视、报纸、杂志和广播等）获得信息。但随着互联网的发展，人们获取信息已不再满足于传统媒体那种单方面传输和获取的方式，而希望有一种主观的选择性。通过万维网，人们只要通过使用简单的方法，就可以很迅速方便地取得丰富的信息资料。用户在通过Web浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而Web在Internet上一经推出就受到了热烈欢迎，并迅速得到了爆炸性的发展。
Web是建立在Internet上的交互的、动态的、多平台的图形信息系统。Web也是Internet提供的一种服务，其内容保存在Web服务器中，用户通过浏览器来访问。1994年10月，在麻省理工学院计算机科学实验室成立了万维网联盟（World Wide Web Consortium，W3C，又称W3C理事会）。万维网联盟的创建者是万维网的发明者蒂姆·伯纳斯·李。
2.Web服务器
准确地说，Web服务器就是专门处理HTTP请求的计算机系统，不同于处理商业逻辑的应用程序服务器，采用浏览器/服务器结构。其作用是整理和存储各种WWW资源，并响应客户端软件的请求，把客户所需的资源传送到Windows、UNIX或Linux等平台上。目前常用的Web服务器软件有微软的IIS、IBM公司的IBM Lotus Notes Domino、Netscape公司Netscape Enterprise Server和Apache，其中常用的是IIS和Apache。
通常把安装Web服务器软件的计算机主机称为Web服务器。Web空间是Web服务器上专门存放网页文件的磁盘计算机空间，一般通过虚拟主机技术来实现。必须把网页放在Internet上Web服务器的硬盘中，通过浏览器才能观看。有关申请Web空间的内容请参考本书第11.3节。
3.Web浏览器
浏览器（Web Browser）是浏览网页的客户端程序，是可以显示网页服务器或者本地文件系统内的HTML文件并让用户与这些文件互动的一种软件。网页浏览器主要通过HTTP协议与网页服务器交互并获取网页，这些网页由URL指定，文件格式通常为HTML等。另外，许多浏览器还支持其他的URL类型及其相应的协议，如FTP、Gopher、HTTPS（HTTP协议的加密版本）。
目前，大部分浏览器均支持许多HTML以外的文件格式，例如JPEG、PNG和GIF图像格式，还可以利用外挂程序（插件）来支持更多文件类型。例如，允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等。
目前，支持HTML5的主流网页浏览器包括Google公司开发的Chrome、微软的Internet Explorer 9.0以上、网景公司的Firefox、苹果公司的Safari、Opera软件公司开发的Opera网络浏览器等。
4.HTTP协议
HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议。HTTP定义了浏览器怎样向万维网服务器请求万维网文档，以及服务器怎样把文档传送给浏览器，是一个标准的客户端服务器模型。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示等。
因特网是基于TCP/IP协议实现的，TCP/IP协议由很多协议组成，不同类型的协议又被放在不同的层。其中，位于应用层的协议就有很多，如FTP、SMTP、HTTP。只要应用层使用的是HTTP协议，就称为万维网（World Wide Web）。例如，在浏览器里输入百度网址时，能看见百度网提供的网页，就是因为个人浏览器和百度的服务器之间使用的是HTTP协议在交流。Web服务器向浏览器提供服务的过程：由客户通过浏览器向Web服务器发出HTTP请求，Web服务器接到请求后，进行相应处理，并将结果以HTML文件的形式返回到浏览器，客户浏览器对其解释并显示给客户，如图1-2所示。
基于HTTP协议的客户/服务器模式的信息交换过程包括4个步骤：
①建立TCP连接。用户在客户机上所下达的指令通过浏览器分析后，与服务器建立TCP连接；Web系统中有一个专门的服务器进程来监听TCP的80端口，一旦发现浏览器向它发出连接建立请求，继而建立TCP连接。
图1-2 Web的客户/服务器结构模型
②客户端发送请求。建立连接后，浏览器就向万维网服务器发出浏览某个网页的请求。
③服务器发送响应。服务器接收到用户的请求后，就会做出响应处理客户的请求，把存放在服务器上的信息（网页形式）传回给用户，向客户机发送响应消息。
④关闭连接。客户机接收响应消息后发出断开连接的请求，服务器关闭TCP/IP连接，一次会话结束。
5.网站
网站就是互联网上固定地发布信息的地方，一般存放在Web服务器，它由域名和网站空间构成。网站是通过超链接形式构成的一组相关网页以及相关的文件集合，网站上的网页文件的入口页被称为主页（Home Page）。衡量网站的性能通常从网站的空间大小、网站的位置、链接速度和网站提供的服务等方面考虑。
6.网页
网页是位于Web网站上的超文本文件，是WWW中最基本的信息单位。网页一般由一个超文本文件以及相关的图形和脚本文件组成。在网站设计中，有“静态网页”和“动态网页”的区别。
静态网页的特点如下：①每个网页都有一个固定的URL，且网页以.html、.shtml、.xml等常见形式为扩展名；②每个静态网页都是一个独立的html文件，网页内容一经发布到网站服务器上，就永远不发生变化；③静态网页的内容相对稳定，因此容易被搜索引擎检索；④静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难。当然，静态网页并不是说网页中的元素是静止不动的，而是指没有后台数据库、不含程序、浏览器不与服务器发生交互的网页。静态网页也可以出现各种动态的效果，如GIF格式的动画、Flash、滚动字母等。
与静态网页相对应，动态网页是以.aspx、.asp、.jsp、.php、.perl、.cgi等形式为扩展名，并且在动态网页网址中有一个标志性的符号——“？”。程序在服务器端运行，它们会随不同客户、不同时间，返回不同的网页。1.2.4 URL
URL（Uniform Resource Locator，统一资源定位器）是一种在Web上用来标志资源地址的编码方法。在互联网上，每个有用的事物称为一样“资源”，并且由一个全局“统一资源标识符（URI）”标识；这些资源通过HTTP协议传送给用户，而后者通过点击链接来获得资源。
通俗地说，URL就是Web地址，俗称“网址”。Internet上的每一个文件都具有一个唯一的名称标识，如http://www.sxu.edu.cn/index.html代表山西大学的万维网URL地址，通常称之为URL地址。就像计算机文件系统的路径一样，不管是什么资源都有它的URL地址。这种地址可以是本地磁盘，也可以是局域网上的某一台计算机，更多的是指Internet上的网页资源。
URL的一般格式为（带方括号[ ]的为可选项）：
● protocol（协议）：指定使用的传输协议。表1-2列出了URL协议的基本类型和格式，其中http协议是目前WWW中应用最广的协议。
表1-2 URL协议的类型和格式
● hostname（主机名）：指存放资源的服务器的IP地址或主机域名。
● port（端口号）：可选，省略时使用方案的默认端口，各种传输协议都有默认的端口号，如http的默认端口为80。如果输入时省略，则使用默认端口号。有时出于安全或其他考虑，可以在服务器上对端口进行重定义，即采用非标准端口号。此时，URL中就不能省略端口号这一项。
● path（路径）：由零或多个“/”符号隔开的字符串，用来表示主机上的一个目录或者是文件的地址。
● parameters（参数）：这是用于指定特殊参数的可选项。
● ？query（查询）：可选，用于给动态网页（如使用CGI、PHP、JSP、ASP、ASP.NET等技术制作的网页）传递参数，可有多个参数，用“&”符号隔开，每个参数的名和值用“=”符号隔开。
小知识： 在路径后面有时会紧跟一个查询串或结构标志。意义如下：
● 若路径后面跟着一个问号“？”，说明这是一个查询串，查询串是用来定位索引文档的字符串，查询串中的空格用加号代替，这样，如果想书写真正的加号，就不得不采取特殊的措施对它重新编码。
● 结构标志是URL后面紧跟的井字（#）的名称标志，浏览器把它解释为资源定位地址，并不把它传送给服务器。1.2.5 搜索引擎
搜索引擎（Search Engine）是Internet上的一个WWW服务器，相当于一个网站，它能在Internet上主动搜索其他WWW服务器中的信息，并对信息进行组织和处理后将索引内容存储在自己的网站数据库中供用户查询，从而使用户快速找到相关信息，并容易转到准确的信息页面。百度是目前最大的中文搜索引擎服务商，很多网站也都设计了站内搜索。1.3网页设计基础
网页设计在电子商务中发挥不可或缺的作用，网页设计已成为电子商务技术方面的一种新职业。网页设计、网页制作、网站美工都是指从事网站前端开发设计的IT服务职业。本节将对电子商务网页设计包含的知识体系和工作内容进行介绍。1.3.1 网页与HTML
1.网页的本质
在浏览器窗口中任意打开一个网页，然后选择“查看”→“源文件”命令，则系统会启动“记事本”程序，其中包含一些文本信息，如图1-3所示。这些文本信息是HTML代码——网页的本质所在。总之，网页就是用HTML写成的一种程序文档，通过Web浏览器程序进行浏览。
图1-3 网页的html标记
根据Web标准，网页一般是由HTML或其他语言编写的、把文字、图像、声音及动画等多种信息相互组织起来通过浏览器编译后供用户获取信息的计算机文档。网页文件扩展名为.html、.asp、.jsp、.php等。
2.HTML的定义
HTML（HyperText Markup Language，超文本置标语言）是用于描述网页文档的一种标记语言，它通过标记符号来定义了网页内容的显示方式，例如，＜html＞标签表示此文档是一个网页文件，而＜table＞标签则表示在网页中定义一个表格。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理、画面如何安排、图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
总之，HTML是Web编程的基础之一。
3.用记事本编写网页实例
下面用Windows的记事本编写一张简单的网页。
①在计算机桌面上右击，在弹出的快捷菜单中选择“新建”→“文本文档”命令，新建一个记事本文件。
②打开该记事本文件，写入下面代码：
③选择“文件”→“另存为”命令，在弹出的对话框中选择保存位置，文件名输入mypage1.html，保存类型选择“所有文件”，“保存”按钮。
④打开保存位置，此时，会出现一个带图标的网页文件mypage1.html，详细的HTML语法规范将在第2章进行介绍。1.3.2 网页的基本要素
网页的基本要素很多，一般包括：页面标题、网站标志、文本、图片和多媒体、导航栏、页眉和页脚等。
1.页面标题
网站中的每一个页面都有标题，用来提示该页面的主要内容。页面标题在HTML文档中的＜title＞和＜/title＞之间设置。标题出现在浏览器的标题栏中，让浏览者清楚地知道所要浏览网站的内容。
2.网站标志
成功的企业非常注重商品的商标推广，而成功的网站特别注重网站的标志（也称Logo）的设计。成功的网站标志有着独特的形象标识，在网站的推广和宣传中能够起到事半功倍的效果。网站标志一般出现在页面的显要位置（通常在页眉中）。图1-4所示为几个网站标志。
图1-4 网站标志
3.文本
文本是网页传递信息的主要载体，文本不仅传输速度快，而且还可以设置其大小、颜色、段落及层次等属性，设置风格独特的网页文本会给浏览者带来赏心悦目的感受。
4.图片和多媒体
相对于文字来说，图像显得更加生动直观，可以给人较强的视觉冲击，因此使用图像可使网页更具吸引力。图像在网页中充当着各种角色，网站标识、网页背景和链接等都可以使用图像，而且图像还可以传递一些文字较难表达的信息。而在网页中加入动画，能使整个页面充满动感，从而更有吸引力。
5.导航栏
导航栏既是网页设计中的重要部分，又是整个网站设计中一个较独立的部分，引导访问者了解所要浏览的网站的内容，而不至于迷失方向。导航栏的位置对网站的结构与各个页面的整体布局可以起到举足轻重的作用。一般来说，网站中的导航栏在各个页面中出现的位置比较固定，而且风格也较为一致。导航栏一般有4种常见的显示位置：页面的左侧、右侧、顶部和底部。
6.页眉和页脚
页眉指的是页面上端的部分；页眉的风格一般要求和页面的整体风格保持一致；一个富有个性特色的页眉将和网站标志一样起到标识的作用。由于页眉处在页面上端的位置可以吸引浏览者较多的注意力，因此其作用主要是定义页面的主题，如站点的名称多数都显示在页眉中，这样浏览者能很快知道这个站点是什么内容。页眉是整个页面设计的关键，它将牵涉到其后更多的设计和整个页面的协调性。在页眉中常放置含有站点名字的图片、公司标志、网站的宗旨、宣传口号和广告语等。
同页眉相呼应，页脚一般用来放置网站和公司的相关信息，如公司地址、联系电话、网站的备案号、版权信息、网站地图等一般是放置在页脚中的。1.3.3 网页版面的布局
网页版面布局就是对所有的网页元素的一种组织方式，下面介绍网页的一般基本版面构成。图1-5所示为一个简单网页的布局草图实例。该网页的页面大致分成了4个区域：页面顶部（页眉）、导航、页面中部和页面底部（页脚）。
页面顶部的左侧（也就是页面的左上角）放置的是站点的标志，页面顶部通常还包括反映页面主题的横幅图片或Flash动画等，以吸引浏览者的注意。
在页面顶部的下方一般是放置站点导航栏。
页面中部是整个内容的主体，由反映页面主题的图片、动画、文字、表格等组成。当页面内容较多时，在页面的中部可以使用颜色、线条等对页面内容进行进一步划分归类。
页面底部一般是放置站点的版权信息及联系信息等内容。
图1-5 一个简单网页的布局草图实例
小知识： 网页常用称谓规范。
● 旗帜广告（Banner）：放置在页面顶部的广告、装饰图案等长方形的图片。
● 标志图片（Logo）：网站标志性的图片。
● 导航栏（Menu）：在网站的所有页面上某一个位置连续出现性质相同的链接栏目的图片。
● 按钮（Button）：在页面上位置不固定并且带有链接的小图片取名为Button。
● 版权（Copyright）：标注公司版权信息。1.3.4 网页设计色彩基础
色彩在网页设计中占有极其重要的地位，在设计中，色彩对视觉的刺激起到第一信息传达的作用。因此，学习网页设计一定要掌握一些网络色彩的基础知识，才能做到游刃有余。
1.色彩的三原色
计算机屏幕的色彩是由RGB（红、绿、蓝）3色光所合成的，通过调整这3个基色就可以调校出其他的颜色，在许多图像处理软件里，都提供色彩调配功能，可输入三基色的数值来调配颜色，也可直接根据软件提供的调色板来选择颜色。在HTML中的基本色彩是红色（R）、绿色（G）、蓝色（B），这3种颜色的数值都是255。例如：红色的值（R：255，G：0，B：0），十六进制表示为（#FF0000）；白色的值（R：255，G：255，B：255），十六进制表示为（#FFFFFF）。
自然界的景色非常壮观美丽，这些景色画面中包含着丰富的色彩，随着四季的变化，色彩也发生着变化。自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，即反射白光的色彩，而其他所有颜色均属于彩色。
黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果实在找不出合适的色彩，可用灰色试试，效果绝对不会太差。
2.色彩三属性
彩色是指红、黄、蓝、绿等带有颜色的色彩，任何一种彩色具有3个属性：色相、明度、纯度（彩度）。（1）色相
色相（Hue）也叫色泽，即各类色彩的相貌称谓，如红、黄、绿、蓝、紫等为不同的基本色相。色相是色彩的首要特征，是区别各种不同色彩的最准确的标准。事实上任何黑白灰以外的颜色都有色相的属性，而色相是由原色、间色和复色来构成的。
色彩是由于物体上的物理性的光反射到人眼视神经上所产生的感觉。色的不同是由光的波长的长短差别所决定的。色相指的是这些不同波长的色的情况。波长最长的是红色，最短的是紫色。最基本的色相为：红、橙、黄、绿、蓝、紫6个颜色。把红、橙、黄、绿、蓝、紫这6个二次色和处在它们各自之间的红橙、黄橙、黄绿、蓝绿、蓝紫、红紫这6种中间色——共计12种色作为色相环。按光谱顺序为：红、红橙、橙、黄橙、黄、黄绿、绿、绿蓝、蓝、蓝紫，紫、红紫，如图1-6所示。
试读结束[说明：试读内容隐藏了图片]