电子商务网页制作课程设计指导：从网站策划到内容创建的完整流程

hwyzw

    《电子商务网页制作 - 项目 10.pptx》被会员分享了，并且可以在线阅读。如果想了解更多相关内容，可以在汇文网上进行搜索。该文件共 33 页。

    DW，在项目十即电子商务网页制作的课程设计指导中，学习电子商务网站策划，接着进行网站材料的搜集，然后进行内容的创建，最后完成具体网页的设计。项目目标是建立一个电子商务网站，建站流程通常需要经过以下几个阶段：一是项目立项，首先要通过与客户不断的接洽和了解，初步达成制作协议，从而进行项目立项。成立一个专门的项目小组。接着撰写客户需求说明书，让客户提供一个完整的需求说明。许多客户对自身需求并不清晰，需要持续引导和帮助，以挖掘出他们潜在的、真正的需求。配合客户撰写一份完整详细的需求说明，并让客户签字认可，这会耗费很多时间，但这样做是有价值的。把好这一关，能够避免很多因需求不明或理解偏差而导致的失误和项目失败。

    - 程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。整体形象设计涵盖标志、标准字、标准色彩以及广告语的设计等方面。首页设计包含版面、色彩、图像、动态效果、图标等风格方面的设计，同时还包括网页横幅、菜单、标题、版权等模块方面的设计。首页通常会设计 1 至 3 种不同的风格，设计完成后，用来供客户进行选择。

    开发制作的程序员和网页设计师同时开始全力投入开发阶段。与此同时，测试人员要随时对网页和程序进行测试，不能等到全部制作完成后才开始测试，这样能避免浪费大量的时间和精力。作为网页设计师，你应当常常与程序员进行沟通，以此来了解对方的工作情况，并且要仔细聆听他人的意见，这对网页设计是很有帮助的。5. 同时，要逐步完善网站的功能。网站建设并非一劳永逸，一个电子商务网站建成后，需要进行宣传和推广，以此来提高访问量。

    其五，与其他同类网站展开合作，交换广告条。域名注册服务由 CNNIC（中国互联网络信息中心）认证的域名注册服务机构提供，目前有很多这样的机构。下图是一个提供域名注册服务的网站。进行域名注册通常有以下步骤：若查询域名时显示该域名已被其他组织注册，而你对该域名又很喜爱，便可先查询该域名所有人的联系信息。然后与对方协商转让事宜。若协商

    不成，你得重新选择其他域名。要避免这种被动情况，最好的办法就是马上查询并且马上注册。小贴士：选题与内容搜集，网页设计是基础，网站规划是灵魂，一个电子商务网站能否成功，主要在于网站规划的优劣。一个优秀的网站规划，能给整个网站开发带来良好的指导作用，让以后的网页设计工作变得很轻松。而这个步骤，也正是你极易忽视的。构思选题，要做一个电子商务网站，就必须合理地选择经营项目和内容，以此保证网站的赢利。同样，做一个成功的课程设计，选题很重要，最好选择平时熟悉、感兴趣且容易搜集材料的题材，像计算机整机和配件、办公用品、商务礼品、化妆品、图书、音像、旅游业务等，不必过度追求新异。

   

    定下选题之后，你最好先去了解类似的网站都做了哪些内容。通过使用搜索引擎上网去查找这些类似的网站，然后分析它们的特色。可以考虑把其中好的东西融入到自己的网站中，不过抄袭可不是一种好的行为，要让它变成自己的东西。小贴士，在搜集网站内容时，视觉效果好的网站虽能给人深刻印象，但只有丰富充实的网页内容，才会让浏览者收藏你的网站。对于内容的安排，给出内容清单很有必要，内容清单应包含具体的产品与服务信息，如大量文本信息、产品目录、产品图片、价格资料等。这些信息主要包含文本、图像和声音。它能够通过网站的栏目设置得以展示和体现。其中有企业形象信息，包括主题定位等。

    制作策划，还有广告宣传等。网页设计者运用合适的视觉语言，营造出强烈的视觉效果，目的是树立企业形象、宣传企业文化以及传播企业信息。搜集这些材料时要进行深入细致的市场调查，争取企业业务部门和公关部门紧密配合，有时甚至需借助专业广告策划的帮助才能圆满达成。网站内容的搜集工作，以及制作网页本身所需的各种网页素材，像各种小图标、水平线、背景图片等。事实上，网页内容的收集和组织这一步是最为困难的，前期的准备工作所花费的时间比制作网页本身要多很多。小贴士，在设计网站栏目时，当网站的内容和素材已搜集完毕，就需要花费大量时间来研究分析并创建网页内容，比如准备文稿，还要仔细地进行编辑和校对，同时要整理产品等相关内容。

    品目录、产品图片以及价格表，需从中挑选出紧凑且有用的内容；还要构思精炼且易记的广告词等。之后，要把这个庞大的信息资源进行分门别类的整理。参考这些信息资源，按照电子商务网站的功能来设立网站栏目。在设置栏目过程中，要注意做到安排合理，突出重点，方便浏览者，符合浏览者的浏览习惯。网站栏目就如同网站的一个索引大纲，它的作用与书本目录相同。其层次的清晰与否以及分类的合理与否，会对浏览者浏览网页产生直接影响，其重要性是很大的。网站内容设计包含设计网站栏目，课程设计只设计网站前台，前台主要面向企业的外部用户，通常具备信息发布、商务交易、双向交流这三类功能。信息发布模块的主要功能包含以下几个方面：一是能够发布新闻信息；二是可以发布产品信息；三是能够发布企业信息。

    易模块具备产品选购的功能，也具备订单、合同管理、结算、配送、支付、安全交易等功能；双向交流模块包含 BBS 论坛、聊天室、公告栏、网上调查、客户反馈等。你能够依据自身的制作水平以及课程设计的时间限制等具体状况，对网站的功能进行选择或舍弃。网站内容设计的一项重要工作是确立网站目录结构。其中，文件名的设计规范如下：其一，要以最少的字母来达到最容易理解的意义；其二，需确保团队中的每一个成员都能够方便地理解文件名的含义；其三，当对网站中的文件使用“按名称排列”命令时，同一种大类的文件能够排列在一起，这样便于进行查找、修改、替换、计算负载量等操作。网站内容设计会确立网站目录结构，在对文件进行命名时需遵循以下规则：其一，文件名称统一采用小写的英文字母、数字以及下划线。

    组合 2 的每一个栏目文件夹里都应包含一个缺省的 html 文件，其文件名统一为 index.htm。文件名称由头尾两部分组成，用下划线隔开。头部表示文件的大类性质。例如，在单个产品页面中，第一个产品的页面文件为.htm，第二个产品的页面文件为.htm。图片文件的命名采用两部分，一部分在头部，这部分表示图片的性质；另一部分在尾部，用于表示图片的具体含义。网站内容设计会确立网站的目录结构。常见的图片文件头部情况如下表所示：网站内容设计确立网站目录结构。其次，目录结构的设计规范对于网页浏览者而言，他们不会在意网站目录结构的好坏。然而，对于网站的建设者和管理者来说，一个混乱的目录结构将会给网站的管理和维护带来严重的影响，后患无穷。所以，

    建立网站时需理清思路，创建清晰明朗的网站目录结构。建立网站目录的原则是用最少层次提供最清晰简便的访问结构。通常在使用 CS5 创建站点前，要先在本地磁盘创建网站的根目录和子目录，不过仅靠这一个子目录来管理文件是远远不够的。较好的方法是，先按主要栏目建立子目录，接着把一个栏目中的文件放置在相应的子目录里。同时，还可以专门为那些需要经常更新的文件设立一个子目录。这样一来，在维护网站时，只需上传这个专门设立的子目录中的文件就可以了。网站内容设计要确立网站目录结构，其中子目录是专门用来存放图片文件的。然而，将所有的图片文件都存放在这个子目录中并不太方便，尤其是当要存放某一类图片文件时。

   

    当删除一个栏目时，从子目录中找出被删除栏目的所有图片是很麻烦的。所以最好在每个栏目目录中创建一个独立子目录，这样便于管理。设计师通常会遵循以下原则：一是根目录只允许存放 index.html 和 main.html 文件以及其他必需的系统文件；二是为每个栏目建立一个相应的独立目录。每个目录都有各自独立的目录存放其中。所有文件都存放在根目录下的统一目录里，所有 CSS 文件存放在各语言版本下的 style 目录中，所有 CGI 程序存放在根目录的并列目录里。在网站中，信息能够自由流动，浏览者可以自由浏览。

    使用点击的方式来浏览信息时，很容易陷入信息的迷宫，也就是所谓的信息迷航。所以，必须设计一个清晰的导航系统，以确保浏览者在浏览过程中，能够随时知晓自己所处的位置，以及能够前往的地方。以下这些规则应当被遵守：（1）浏览者能够轻松地了解自己目前所处的位置，并且可以很方便地返回主页。（4）整个网站导航的外观保持统一性，例如把导航栏置于网页的相同位置，采用外观相同的按钮或文字等。在长网页里加入书签链接，这样可以避免频繁地进行页面滚动，并且能够确保随时都可以回到页头。不要给还没有建设好的网页提供超链接。

    网站内容设计和网站风格的确立方面，一个平庸的网站与一个成熟且有品味的网站最大的区别在于：前者仅仅是信息的堆砌，而后者则具备独特的风格。这种风格通过标志、色彩、字体、标语、版面布局、文字风格、交互方式以及技术特点来表现，能给浏览者留下深刻的印象，让浏览者可以很快地分辨出这个网站。电子商务网站一般是用于推销产品的。要留意网站风格需与主题保持统一：若推销图书，网站应温文尔雅、色彩柔和且美观大方；若推销医疗器械，网站则要有高科技感且质量精良。倘若前者过于前卫花哨，后者因漂亮图片吸引大量儿童访问，那么这样的网站就已丧失最初的意义了。另外，在确定网站风格的时候，需要参考产品以及服务的销售对象，还要参考电子商务的类别。

    别，还有目前的流行态势。比如产品销售的主要对象涵盖哪些国家、地区；网站主要应用于 B2B 还是 B2C；客户的年龄、性别、文化水平、生活方式以及风俗习惯；甚至竞争对手的经营策略、宣传手段和技术水平都需考虑在内。网页设计与制作包括设计网站标志。标志是一个网站浓缩的形象代表。例如可口可乐公司红底白字的“”字样，麦当劳快餐的“M”形拱门标志，搜狐网站的狐狸标志，中国工商银行的古钱币标志，这些标志都给人留下极为深刻的印象，能让人很快联想到这些公司或网站。电子商务网站的标志有两种方式。一种是直接采用公司的标志，例如中国工商银行的网站就是采用其公司标志；另一种是采用公司产品的商标，像可口可乐公司的网站就采用了其产品商标。倘若没有现成的标志可供使用，那么就需要自己去设计。

    可以选用具有代表性的元素作为标志，比如德国奔驰公司的方向盘、搜狐网的狐狸等；还可以用网站的名称作为标志，例如微软的“”标志、新浪网的“sina”标志。总之，网站的标志需要造型简练，立意准确，且具有个性。网页设计与制作要确定网站的配色方案。色彩能够通过视觉让浏览者产生不同的生理反应和心理联想。所以深入了解色彩的心理感觉和象征作用，对于网页设计来说是很重要的。网站色彩的整体效果需要既悦目又有个性，既能抓住浏览者的视线，又能通过色彩的象征让浏览者产生不同的感受。设计网站配色方案时，应以企业标准色和商品形象色作为主要色调。要参考季节流行色，将产品和服务突出出来，以此树立网站的形象，让浏览者产生亲切感，从而吸引他们的目光。企业标准色是企业指定的特定色彩或色彩系统。它被运用在所有视觉设计的媒体上，像商标、标志、包装、广告等企业用品。通过色彩的视知觉刺激和心理反应，能传达企业的经营理念或产品及服务的内容特征。企业标准色正是借助色彩的象征作用，让人一看到色彩，就会产生各种联想或情感。美国可口可乐公司将红色选为标准色，这种红色洋溢着青春、健康以及欢乐的气息；柯达胶片公司的黄色能够充分展现出色彩的饱满。