商务网页实例项目01课件.pptx

1、 内容提要 本项目主要通过3个活动的开展，让学生了解与商务网页设计相关的基础知识，包括网页与网站的概念，互联网与浏览器的知识，商务网站的特点和一般组成，以及商务网站的开发流程等知识。通过本项目的学习，学生可以熟悉商务网页设计所需的理论知识，为后面的学习打好理论基础。对优秀的网页设计进行分析，是学习网页制作的有效方法之一。在平时上网的过程中，我们会接触各式各样风格各异的网页，对于设计独特的网页，应对其多加留意，了解分析其设计思想，剖析其实现技术。这种分析对于提高网页设计与制作水平将有很大的帮助，其分析结果还可以作为网页设计时的借鉴和参考。下面就对一些知名品牌的商务网站案例进行分析。活动活动1 1

2、 学习商务网页实例鉴赏学习商务网页实例鉴赏1“海尔”网站 2“可口可乐中国”网站 3“红塔集团”网站 4“上海大众”网站 5“淘宝网”网站1互联网与浏览器互联网即因特网，英文名称为Internet，它是由那些使用公用语言互相通信的计算机连接而成的全球网络。计算机一旦连接到它的任何一个节点上，就意味着已经连入互联网上了。目前互联网的用户已经遍及全球，并且它的用户数还在以等比级数上升。互联网作为全球性网络，为用户提供了十分丰富的网络服务项目，我们可以通过互联网实现信息资源的极大共享，互联网主要有以下服务：（1）电子邮件（2）文件传输（3）远程登录（4）WWW服务活动活动2 2 学习网页基础知识学习

3、网页基础知识2网页、网站与HTML网页是万维网中的基本单位，它是用HTML语言或其他语言（如JavaScript、VBScript、JSP、ASP等）编写的。网页把各种媒体（如文本、图像、声音等）信息以超级链接（Hyper link）的形式组织起来，经过浏览器处理后展现给用户。网页中的信息丰富多彩，主要有文本、图形图像、声音、动画、影片等。这些对象之间以超级链接的形式连接起来，通过链接可以在各对象之间随意跳转，这样就大大方便了用户的浏览。网站是网上的一个站点，一个网站是由许多网页构成的。网站像一本书，由许多网页组成，书的封面，即用户进入网站最先看到的页面，就是该网站的主页（Homepage）或

4、称首页。HTML（Hyper Text Marked Language，超文本标记语言）是一种用来制作超文本文件的简单标记语言，是目前网页设计中使用的最基本的标记语言。用HTML编写的文件叫HTML文件，是由文本内容和各种标记组成的文档，任何文本编辑器都可以编辑它。HTML文件必须通过浏览器显示效果。3域名与IP地址互联网上连接有无数主机，为了区分它们，给每台主机都分配了一个专门的地址，称为IP地址。IP地址由一串以圆点分开的4个数字组成，每个数字取值范围0255，例如：192.168.1.81就是一个主机的IP地址，通过IP地址可以访问互联网上任何一台主机。IP地址虽然可以方便地区分主机，但

5、是难以记忆，因此Internet采用了一种字符型主机名机制 域名系统（DNS），将域名与IP地址一一对应。域名就是我们通常所说的“网址”。4什么是URLURL（Uniform Resource Locator，统一资源定位器）是用来指出互联网上某一项信息所在的位置及其存取方式。互联网上的每一项资源都有自己唯一的地址，通过URL可以定位到该资源的地址，从而找到它。例如浏览者在访问某个网站的页面时，在浏览器的地址栏中显示的就是该网页的URL，网上所能访问的资源都有一个唯一的URL。URL的格式为“协议名称：/主机名称文件路径文件名称”。5静态网页与动态网页所谓静态网页，是指那些纯粹的HTML格式的

6、网页，早期的网站一般都是由静态网页组成的。静态网页被称为普通网页，它是相对于动态网页而言的。静态并不是指网页中的元素都是静止不动的，而是指网页被浏览时在Web服务器中不再发生动态变化，即网页不是即时生成的。静态网页文件的扩展名是.html或.htm。所谓动态网页，并不是指那些包含动画、视频等带动态效果的网页，而是指由程序实时生成，可以根据不同条件生成不同内容的网页。动态网页通常都是和后台数据库相连接的，网页内容的修改只需要在后台操作即可，无须改动页面。动态网页除了能体现静态网页的功能外，还提供了交互功能，它能对用户提交的信息做出实时的处理，并将处理的信息及时反馈给用户。动态网页一般是以.asp

7、、.jsp、.php、.perl、.cgi等形式为扩展名。静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少。如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。6电子商务和电子商务网站电子商务（Electronic Commerce，简称EC）是指在全球各地广泛的商业贸易活动中，在互联网开放的网络环境下，基于浏览器/服务器应用方式，买卖双方不谋面地进行各种商贸活动，实现消费者的网上购物、商户之间的网上交易和在线电子支付以及各种商务活动、交易活动、金融活动和相关的综合服务活动的一种新型的商业运营

8、模式。电子商务网站具有以下基本功能：1）企业产品和服务项目展示。2）商品和服务订购。3）网上支付。4）网络客户服务。5）发布商业信息。6）客户信息管理。7）客户实时互动。8）销售业务信息管理。7商务网站的一般组成商务网站最基本的组成有：内容发布系统。在线调查系统。网上购物系统。产品发布管理系统。在线供求信息系统。会员注册系统。BBS论坛系统。客户信息反馈系统。在线招聘系统和网站访问统计系统等。1网站开发团队的组成1）项目经理2）策划3）前台设计员4）后台程序员5）代码整合员6）测试员如果网站项目够大，人数够多，可以从容地分为6个组，每个组再进行详细的分工；如果是小项目，人数较少，也没有关系，因

9、为一个人可以兼任多个角色。比如项目经理可以兼任策划的角色，程序员也可以兼任代码整合员和测试员的角色。活动活动3 3 认识商务网站开发流程认识商务网站开发流程网站策划评审设计效果图评审网页制作测试需求分析评审总体设计评审数据库设计/功能模块评审实现功能模块测试代码整合测试发布网站策划评审设计效果图评审网页制作测试需求分析评审总体设计评审数据库设计/功能模块评审实现功能模块测试代码整合测试发布2商务网站设计规划与设计流程网页制作只是网站建设的一部分，除此之外还有很多工作要做。商务网站设计开发有其自身的规律，其工作流程如图1-6所示。在商务网站项目开发中最需要时间的就是总体设计和系统测试，而网页制作

10、与程序编写所占用的时间并不多。在图1-6中我们可以看到两个开发流程，这两个流程分别是前台开发和后台开发，而整个开发过程分为总体设计阶段、详细设计阶段和测试发布阶段。项项 目目 小小 结结本项目主要介绍了网页相关的基础知识和基本概念。网页是构成网站的基本元素，网页实际上就是一个文件，这种文件是用HTML写成的，网页中存在有超级链接。一个网站由若干用超级链接联系起来的网页组成，进入网站后看到的第一个页面称为该网站的主页。Internet上的每一项资源都有自己唯一的地址，称为URL。静态页面是标准的HTML文件，它的文件扩展名是.html或.htm；动态网页除了包含HTML代码外，还能包含脚本语言代码，其扩展名可以是.asp、.jsp、.php、.cgi等。商务网站根据不同的分类标准分为若干类别，规模可大可小。把握商务网站的特点有助于进一步的学习。本项目介绍了网站开发团队的组成，对一个小型开发团队来说，往往一个人身兼数职。本项目还介绍了商务网站规划与设计的总体流程，共分为三个阶段：总体设计阶段、详细设计阶段和测试发布阶段。