第二章Ⅱ电子商务网站的制作2.ppt
- 文档编号:2122101
- 上传时间:2022-10-27
- 格式:PPT
- 页数:12
- 大小:485.50KB
第二章Ⅱ电子商务网站的制作2.ppt
《第二章Ⅱ电子商务网站的制作2.ppt》由会员分享,可在线阅读,更多相关《第二章Ⅱ电子商务网站的制作2.ppt(12页珍藏版)》请在冰豆网上搜索。
电子商务网站建设与维护,谭建中、张淑蕴主编高等教育出版社2002年出版,ISBN:
7-040-10838-0第二章电子商务网站的制作电子商务网站建设与维护电子商务网站的制作v【教学目标】【教学目标】w知识目标:
知识目标:
电子商务网站制作的过程及具体步骤。
电子商务网站制作的过程及具体步骤。
w能力目标:
能力目标:
电子商务网站的规划、构建、设计和制作。
电子商务网站的规划、构建、设计和制作。
v【教学重点与难点】【教学重点与难点】电子商务网站的规划、构建、设计和制作。
电子商务网站的规划、构建、设计和制作。
v【教学媒体及教学方法】【教学媒体及教学方法】制作制作PPT。
演示法、讲授法、项目教学法、小组。
演示法、讲授法、项目教学法、小组讨论法。
讨论法。
建立一个真正的电子商务网站v如何建立一个真正的电子商务网站,如何如何建立一个真正的电子商务网站,如何使网站结构清晰合理,内容准确详实,页使网站结构清晰合理,内容准确详实,页面生动鲜明,如何保证自己的网站能够在面生动鲜明,如何保证自己的网站能够在茫茫的网络世界脱颖而出,完整的建设策茫茫的网络世界脱颖而出,完整的建设策划方案是我们开始建设网站之前必须要考划方案是我们开始建设网站之前必须要考虑的问题。
虑的问题。
一、规划构建网站一、规划构建网站v1建立电子商务网站的过程和具体步骤建立电子商务网站的过程和具体步骤v设计、建立一个电子商务网站的过程和具体操作步骤大致设计、建立一个电子商务网站的过程和具体操作步骤大致如图如图2-2-1所示。
所示。
内容内容组织组织建立建立实施实施测试测试发布发布项目项目规划规划维护维护推广推广建立建立实施实施反馈反馈评价评价网网站站目目的的及及定定位位服服务务领领域域服服务务对对象象、内内容容和和范范围围网网站站CI策策划划网网站站风风格格及及主主调调网网站站内内容容及及栏栏目目网网站站目目录录及及链链接接结结域域名名选选择择及及申申请请网网站站平平台台的的建建立立网网页页设设计计图图2-2-1建建立立电电子子商商务务网网站的过程站的过程在设计制作电子在设计制作电子商务网站前,必商务网站前,必须要进行市场调须要进行市场调研。
在市场调研研。
在市场调研的基础上,确定的基础上,确定电子商务网站的电子商务网站的服务领域,服务服务领域,服务对象及相应的服对象及相应的服务内容。
对网站务内容。
对网站合理、恰当的定合理、恰当的定位,是网站成功位,是网站成功的第一步。
的第一步。
w2电子商务网站的设计电子商务网站的设计
(1)网站)网站CI设计设计所谓所谓CI(CorporateIdentity)是借用的广告术语,意)是借用的广告术语,意思是通过视觉来统一企业的形象。
现实生活中的思是通过视觉来统一企业的形象。
现实生活中的CI策划杰出策划杰出的例子如可口可乐公司,全球统一的标志,色彩和产品包装,的例子如可口可乐公司,全球统一的标志,色彩和产品包装,给我们的印象极为深刻。
给我们的印象极为深刻。
一个杰出的网站和实体公司一样,也需要整体的形象包一个杰出的网站和实体公司一样,也需要整体的形象包装和设计。
准确的、有创意的装和设计。
准确的、有创意的CI设计,对网站的宣传推广有设计,对网站的宣传推广有事半功倍的效果。
事半功倍的效果。
对于网站的对于网站的CI策划应从以下几个方面考虑:
策划应从以下几个方面考虑:
设计网站的标志设计网站的标志一个网站的标志如同商标一样,是站点特色和内涵的集中体一个网站的标志如同商标一样,是站点特色和内涵的集中体现,要尽量做到见到它就能让人联想起你的站点。
标志可以现,要尽量做到见到它就能让人联想起你的站点。
标志可以是中文、英文字母,可以是符号、图案,还可以是动物或者是中文、英文字母,可以是符号、图案,还可以是动物或者人物等等。
比如:
新浪用字母人物等等。
比如:
新浪用字母sina眼睛作为标志,搜狐眼睛作为标志,搜狐用用sohu狐狸作为标志等。
下图分别为新浪网和百度网的狐狸作为标志等。
下图分别为新浪网和百度网的标志。
标志。
v设计网站的标准色彩设计网站的标准色彩v“标准色彩标准色彩”是指能体现网站形象和延伸内涵的色彩。
如是指能体现网站形象和延伸内涵的色彩。
如IBM的深蓝色,肯德基的红色条型,的深蓝色,肯德基的红色条型,Windows视窗标志视窗标志上的红蓝黄绿色块。
一般来说,一个网站的标准色彩不超上的红蓝黄绿色块。
一般来说,一个网站的标准色彩不超过过3种,太多则让人眼花缭乱。
标准色彩要用于网站的标种,太多则让人眼花缭乱。
标准色彩要用于网站的标志、标题、主菜单和主色块。
给人以整体统一的感觉。
适志、标题、主菜单和主色块。
给人以整体统一的感觉。
适合于网页标准色的颜色有:
蓝色、黄合于网页标准色的颜色有:
蓝色、黄/橙色、黑橙色、黑/灰灰/白色白色三大系列色。
下面分别为三大系列色。
下面分别为IBM公司网站和可口可乐公司网公司网站和可口可乐公司网站截图。
站截图。
设计网站的标准字体设计网站的标准字体和标准色彩一样,标准字体是指用于标志、标和标准色彩一样,标准字体是指用于标志、标题、主菜单的特有字体。
一般网页默认的字体是宋题、主菜单的特有字体。
一般网页默认的字体是宋体。
为了体现站点的体。
为了体现站点的“与众不同与众不同”和特有风格,可和特有风格,可以根据需要选择一些特别字体。
例如,为了体现专以根据需要选择一些特别字体。
例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等。
体现亲切随意可以用手写体等等。
设计网站的宣传标语设计网站的宣传标语也可以说是网站的精神,网站的目标。
用一句也可以说是网站的精神,网站的目标。
用一句话甚至一个词来高度概括。
例如:
雀巢的话甚至一个词来高度概括。
例如:
雀巢的“味道好味道好极了极了”;麦斯威尔的;麦斯威尔的“好东西和好朋友一起分享好东西和好朋友一起分享”;Intel的的“给你一个奔腾的心给你一个奔腾的心”。
(2)网站的栏目安排)网站的栏目安排栏目实质就是一个网站的大纲索引,通过它应该能明确栏目实质就是一个网站的大纲索引,通过它应该能明确地显示网站的主体。
在安排网站栏目时,一般要注意以下几地显示网站的主体。
在安排网站栏目时,一般要注意以下几点:
点:
突出、紧扣主题突出、紧扣主题可以将网站的主题按一定的方法分类,将它们作为网站可以将网站的主题按一定的方法分类,将它们作为网站的主栏目。
的主栏目。
网站导航或指南栏目网站导航或指南栏目导航索引栏目,用以指导初到网站访问的用户,使他们导航索引栏目,用以指导初到网站访问的用户,使他们快速找到想要的内容。
快速找到想要的内容。
最近更新栏目及特殊服务栏目最近更新栏目及特殊服务栏目为了让网站更具人性化并照顾常常光临的访客,就有必为了让网站更具人性化并照顾常常光临的访客,就有必要设立一个要设立一个“最近更新最近更新”栏目。
栏目。
实时调查或可以双向交流的栏目实时调查或可以双向交流的栏目安排一些可以进行双向交流的栏目,如论坛、留言本等。
安排一些可以进行双向交流的栏目,如论坛、留言本等。
下载栏目下载栏目信息资源共享是网络的一大特点,在网站的主页上设置信息资源共享是网络的一大特点,在网站的主页上设置一个资源下载栏目,以方便浏览者。
一个资源下载栏目,以方便浏览者。
(3)网站的版面设计)网站的版面设计网站的版面设计往往根据网站的特性、内容和网站建设网站的版面设计往往根据网站的特性、内容和网站建设者的个人爱好的不同而形态各异、布置千变万化。
一个网站者的个人爱好的不同而形态各异、布置千变万化。
一个网站的版面一般来说,大都遵循下面的布局原则:
的版面一般来说,大都遵循下面的布局原则:
尽量精简、简朴尽量精简、简朴“简单就是美。
网站的设计应以醒目为上,网页上的图简单就是美。
网站的设计应以醒目为上,网页上的图片应力求俭朴,采用片应力求俭朴,采用GIF等占用字节数小的格式。
等占用字节数小的格式。
善用表格善用表格通过表格内单元格有规则的排列,将图像、文本、表单通过表格内单元格有规则的排列,将图像、文本、表单等内容安置在固定的地点,然后通过单元格的合并、拆分、等内容安置在固定的地点,然后通过单元格的合并、拆分、着色、间距调整,将体现错落有致的网页渲染效果。
着色、间距调整,将体现错落有致的网页渲染效果。
善用图片善用图片制作主页时,必须注意将图像所表示的重要信息或连接制作主页时,必须注意将图像所表示的重要信息或连接其他页面的指示用文字重复表达其他页面的指示用文字重复表达次。
次。
确定网站的主色调确定网站的主色调网站的主色调就是指网页的色彩,一般不要超过网站的主色调就是指网页的色彩,一般不要超过3种。
种。
下列色彩组合较易使版面醒目:
黑白、蓝白、黑灰白、蓝黑、下列色彩组合较易使版面醒目:
黑白、蓝白、黑灰白、蓝黑、紫黄。
紫黄。
(4)网站的目录结构)网站的目录结构网站的目录是指创建网站时所建立的目录。
目录结构创网站的目录是指创建网站时所建立的目录。
目录结构创建的好坏,对于站点本身的上传维护,网站内容的扩充和移建的好坏,对于站点本身的上传维护,网站内容的扩充和移植有着重要的影响。
植有着重要的影响。
在创建网站前应该认真考虑网站的目录结构:
在创建网站前应该认真考虑网站的目录结构:
尽量减少存放于根目录下的文件数尽量减少存放于根目录下的文件数将所有文件都放在根目录下的结果将给网站维护带来下将所有文件都放在根目录下的结果将给网站维护带来下述两个问题:
首先,将使文件管理非常混乱,其次,将影响述两个问题:
首先,将使文件管理非常混乱,其次,将影响到网站上传速度。
到网站上传速度。
尽量按栏目内容建立子目录尽量按栏目内容建立子目录为管理方便,应尽量按栏目内容建立子目录。
为管理方便,应尽量按栏目内容建立子目录。
每个主目录下建立独立的每个主目录下建立独立的images目录目录最好为每个主栏目建立一个独立的最好为每个主栏目建立一个独立的images目录。
目录。
目录的层次不要太多目录的层次不要太多目录的层次建议不要超过目录的层次建议不要超过3层,这样便于维护管理。
层,这样便于维护管理。
目录取名应注意的事项目录取名应注意的事项首先,不要使用中文目录。
其次,不要使用过长的目录。
首先,不要使用中文目录。
其次,不要使用过长的目录。
另外,尽量使用含意明确的目录名。
另外,尽量使用含意明确的目录名。
(5)网站的链接结构)网站的链接结构网站的链接结构是指页面之间相互链接的拓扑结构。
它网站的链接结构是指页面之间相互链接的拓扑结构。
它建立在目录结构基础之上,但可以跨越目录。
建立在目录结构基础之上,但可以跨越目录。
尽量用最少的链接,使得浏览最有效率。
尽量用最少的链接,使得浏览最有效率。
主页和一级页面之间用网状链接结构,一级和二级页面主页和一级页面之间用网状链接结构,一级和二级页面之间用树状链接结构之间用树状链接结构(6)网站的网页设计)网站的网页设计内容的准备、组织内容的准备、组织在开始页面设计前,应先把将要展示的内容进行分类并在开始页面设计前,应先把将要展示的内容进行分类并组织好。
可以通过画出网页的流程图来标示。
组织好。
可以通过画出网页的流程图来标示。
主页的设计主页的设计主页也称为首页,是整个网站的起始点和汇总点,是用主页也称为首页,是整个网站的起始点和汇总点,是用户开始浏览网站的门户。
户开始浏览网站的门户。
主页中应当包含:
该商务网站及公司的概况介绍、网站主页中应当包含:
该商务网站及公司的概况介绍、网站的主要内容;清晰、醒目的标题;联络地址,列出公司相关的主要内容;清晰、醒目的标题;联络地址,列出公司相关的商务地址、电话及电子邮件地址,以便用户联系等。
的商务地址、电话及电子邮件地址,以便用户联系等。
思考与练习v教材中教材中P22-P23的填空题的填空题6,7,8,9题。
题。
v教材中的:
教材中的:
w
(1)P23思考题思考题7,8题:
进行课后复习。
题:
进行课后复习。
w
(2)P23思考题思考题9,10题:
对所学知识要点题:
对所学知识要点进行复习与掌握。
进行复习与掌握。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第二 电子商务 网站 制作