1、能力目标：能力目标：(1)分析电子商务网站的基本组成。(2)分析电子商务网站的风格和布局。(3)编写简易的电子商务网站赏析报告。(4)模仿电子商务网站进行网站的简单规划设计。知识目标：知识目标：(1)网页基础知识。(2)网页的基本构成。(3)网站的构成和风格设置。(4)网页布局的常用结构。(5)网站的规划原理。任务一任务一 赏析企业形象网站赏析企业形象网站电子商务网站和网页电子商务网站和网页（1）网站：网站是一个存放在网络服务器上完整信息的集合体。它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个整体。（2）网页：网页实际上是一个文件，网页里可以有文字、图像、声音及视频信息等。（3
2、）首页：首页也是一个网页，和一般网页一样，可以存放各种信息，同时又是一个特殊的网页，作为整个网站的起始点和汇总点。图1-1 京东商城首页图1-2 京东商城子页任务一任务一 赏析企业形象网站赏析企业形象网站电子商务网页的界面构成电子商务网页的界面构成网页的界面只包含内置元素，而不包含窗体元素。以内容来划分，一般的网页界面包括网站Logo、导航栏、Banner、内容栏和版尾五部分。（1）网站Logo：网站Logo是整个网站对外唯一的标志，是网站商标和品牌的图形表现。（2）导航栏：导航栏是索引网站内容、帮助用户快速访问所需内容的辅助工具。根据网站内容，一个网页可以设置多个导航栏。（3）Banner：
3、Banner的中文意思为旗帜或网幅，是一种可以由文本、图像和动画相结合而生成的网页栏目。Banner的主要作用是显示网站的各种广告。（4）内容栏：内容栏是网页内容的主体，通常可以由一个或多个子栏组成，包含网页提供的所有信息和服务项目。（5）版尾：版尾是整个网页的收尾部分。在这部分内容中，可以声明网页的版权、法律依据，以及为用户提供各种提示信息等。任务一任务一 赏析企业形象网站赏析企业形象网站版尾logo内容栏banner导航栏任务一任务一 赏析企业形象网站赏析企业形象网站电子商务网页的风格和布局电子商务网页的风格和布局（1）网页的风格：在对网页插入各种元素、修饰效果之前，要先确定网页的风格。网
4、页的风格是指网站给浏览者的整体形象，包括站点的CI(标志、色彩和字体)、版面布局、浏览方式、交互性、文字、内容及网站荣誉等诸多因素。（2）根据不同的网页风格，可以将网页分成商业网页和个人网页。商业网页内容丰富、信息量大，一般都有统一的布局设计。个人网页风格多样、内容专一、形式灵活，更容易创造出美感。（3）国字型布局模式：这是一个形象的说法，就是指页面上下各有一个广告条，左侧是主菜单，右侧是友情链接等，中间是主要内容。这种布局的优点是页面充实、内容丰富、信息量大，是综合性网站常用的版式。（4）“T”结构布局。所谓“T”结构，就是指网页上边和下边相结合，页面顶部为横条网站标志和广告条，下方的左侧为
5、主菜单，右侧显示内容的布局。这是网页设计中应用最广泛的一种布局方式。任务一任务一 赏析企业形象网站赏析企业形象网站灵活的网页布局灵活的网页布局（1）分割屏幕类型（2）去界面化类型（3）基于模块或网格类型（4）一屏布局类型 任务一任务一 赏析企业形象网站赏析企业形象网站电子商务网页的基本构成元素电子商务网页的基本构成元素（1）文本：网页内容是网站的灵魂，网页中的信息以文本为主。（2）图像：图像在网页中具有提供信息、展示形象、装饰网页、表达个人情趣和风格的作用。（3）超链接：超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电
6、子邮件地址、一个文件，甚至是一个应用程序。（4）动画：动画具有很强的视觉冲击力和听觉冲击力，可以有效地吸引浏览者的注意力。（5）声音与视频：声音和视频是多媒体网页的一个重要组成部分。用于网络的声音文件的格式非常多，常用的有MIDI,WAV,MP3和AIF 等。视频文件的格式也非常多，常见的有ASF，WMV，RM 等。（6）表格：表格通常使用表格来控制网页中信息的布局方式。（7）表单：表单是网页中实现交互功能的主要元素。网页中的表单通常用来接收浏览者在浏览器端的输入，然后将这些信息发送到设计者设置的目标端。任务二任务二 赏析电子商务商城网站赏析电子商务商城网站“京东商城”的版面布局大致是“同字形
7、”或者“左拐角形”结构。色调为喜庆的红色。“京东商城”的顶端部分由网站、导航条以及方便访问者搜索相关信息的搜索栏构成。中间主体部分是商品促销信息区，由自动轮换的促销活动图像或者动画组成。在主体部分右边列表中，常设置相关的畅销排行榜、特卖活动信息、品牌直通车等。在底部，除了常见的网上购物商城版权信息等外还有“购物指南”、“配送方式”、“支付方式”、“售后服务”等解决访问者购物疑问的栏目信息。任务二任务二 赏析电子商务商城网站赏析电子商务商城网站该网站的布局结构和京东商城类似，便于消费者查找的搜索栏也放在页面顶部导航栏上方或者下方的显著位置，“购物车”也会放置在右侧顶部显著的位置。主体部分从左到右
8、依次为分类列表区、相关信息动态区，促销宣传区、橱窗展示区等。在主页底部，有常见的“购物资讯”、“支付方式”、“帮助和购物指南”等栏目。二级页面包括主商品的介绍、规格、用户评价等。任务二任务二 赏析电子商务商城网站赏析电子商务商城网站（1）淘宝网和传统网上商城不一样，它更像个平台，为商品在线交易的平台，但整体结构还是和商城相近。淘宝网由于商品众多，分类工作是重中之重，除了左侧分类列表区进行初步分类外，更为详细的商品分类列表占据了页面主体的主要部分，取代了其他商城站常见的橱窗展示区。（2）淘宝网中某件商品的二级页面和商城商品的二级页面类似。淘宝网除了这样的二级页面外，还不断生成以某个主题汇集起来的
9、各类相关商品的促销活动推广页面。这类页面的数量和更新程度均要远远高于京东商城、苏宁网等类似的商城网站。任务二任务二 赏析电子商务商城网站赏析电子商务商城网站网上购物商城布局分析：网上购物商城布局分析：（1）网上购物商城的最主要的特色是在主页会有很大篇幅来显示分类列表，一般位于部分的左侧边栏，有些商城类目非常丰富，如淘宝网，分类列表则占用主体部分的主要位置。分类列表的作用如同传统商场中的导购牌，将购物商场中的商品分门别类，这样可以方便访问者找到需要的商品。（2）网站的布局因为和分类列表区域结合，也大多采用“左拐角形”布局，主页的中间是活动促销信息，下面往往是橱窗展示区，而在底部则是该网站的问题解
10、答。（3）商城网站的二级页面一般是具体某样商品的描述页面，结构和主页类似，首先是该商品的多个展示图片，然后图的右侧是该商品的名称、规格、运费、价格、付款方式等。之后是“加入购物车”、“立刻购买”和“加入收藏”等处理该商品方式的按钮。商品下面往往带有商品评价等内容。（4）商城页面的底部一般是常见问答、友情链接、网站版权、备案等信息。任务二任务二 赏析电子商务商城网站赏析电子商务商城网站策划网站建设策划网站建设（1）网站策划在网站建设前期，要进行市场分析，然后总结形成书面报告，即 网站策划书。（2）行业定位分析客户的所属行业是很重要的，一般会依据所属行业大体来定位网站的风格。（3）色调色调是指一幅作品色彩的基本倾向。（4）网页风格 每个行业、每个客户都有自己的喜好与偏爱，风格是指站点的整体形象给浏览者的综合感受。（5）导航网站导航是将网站的层次结构以一种有条理的方式清晰展示，让用户在浏览网站过程中不至于迷失。网站建设的基本原则网站建设的基本原则(1)品牌性原则：为客户提供有价值的产品和服务，充分体现朗声科贸的品牌优势。(2)功能性原则：建立适合朗声科贸自身需求的网络平台，提供广泛的适合一般用户需求的功能。(3)实用性原则：作为企业商业运作的一个重要组成部分，服务于朗声科贸企业文化。
