商务网站建设与维护教案.docVIP

深圳市全民素质提升计划 授课班级： 新日塑电子商务班 授课教师： 李晓 所在单位： 科讯教育 商务网站建设与维护教案 【课题】电子商务网站的制作 【教材版本】 谭建中 张淑蕴. 教育部职业教育与成人教育司推荐教材——电子商务网站建设与维护.北京：高等教育出版社，2002.8 【教学目标】 知识目标：电子商务网站制作的过程及具体步骤。 能力目标：电子商务网站的规划、构建、设计和制作。 【教学重点与难点】 电子商务网站的规划、构建、设计和制作。 【教学媒体及教学方法】 制作PPT。 演示法、讲授法、项目教学法、小组讨论法。 【课时安排】 2课时（90分钟）。 【教学过程】 第一环节 导入 如何建立一个真正的电子商务网站，如何使网站结构清晰合理，内容准确详实，页面生动鲜明，如何保证自己的网站能够在茫茫的网络世界脱颖而出，完整的建设策划方案是我们开始建设网站之前必须要考虑的问题。 第二环节 新授课 一、规划构建网站 [讲解] 1．建立电子商务网站的过程和具体步骤 设计、建立一个电子商务网站的过程和具体操作步骤大致如图2-2-1 所示。 在设计制作电子商务网站前，必须要进行市场调研。在市场调研的基础上，确定电子商务网站的服务领域，服务对象及相应的服务内容。对网站合理、恰当的定位，是网站成功的第一步。 [演示] 教师用幻灯片演示电子商务网站建立的过程和具体步骤。 [分组讨论] 学生根据前面演示的具体事例，分组讨论电子商务网站建立的过程和具体步骤。 2．电子商务网站的设计 下面主要从内容组织上讲解网站的规划与设计： （1）网站CI设计 所谓CI（Corporate Identity）是借用的广告术语，意思是通过视觉来统一企业的形象。现实生活中的CI 策划杰出的例子如可口可乐公司，全球统一的标志，色彩和产品包装，给我们的印象极为深刻。 一个杰出的网站和实体公司一样，也需要整体的形象包装和设计。准确的、有创意的CI设计，对网站的宣传推广有事半功倍的效果。对于网站的CI 策划应从以下几个方面考虑： ①设计网站的标志 一个网站的标志如同商标一样，是站点特色和内涵的集中体现，要尽量做到见到它就能让人联想起你的站点。标志可以是中文、英文字母，可以是符号、图案，还可以是动物或者人物等等。比如：新浪用字母sina ＋ 眼睛作为标志，搜狐用sohu ＋ 狐狸作为标志等。下图分别为新浪网和百度网的标志。 ②设计网站的标准色彩 “标准色彩”是指能体现网站形象和延伸内涵的色彩。如IBM 的深蓝色，肯德基的红色条型，Windows 视窗标志上的红蓝黄绿色块。一般来说，一个网站的标准色彩不超过3 种，太多则让人眼花缭乱。标准色彩要用于网站的标志、标题、主菜单和主色块。给人以整体统一的感觉。适合于网页标准色的颜色有：蓝色、黄/橙色、黑/灰/白色三大系列色。下面分别为IBM公司网站和可口可乐公司网站截图。 ③设计网站的标准字体 和标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。 ④设计网站的宣传标语 也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。例如：雀巢的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”；Intel 的“给你一个奔腾的心”。 （2）网站的栏目安排 栏目实质就是一个网站的大纲索引，通过它应该能明确地显示网站的主体。在安排网站栏目时，一般要注意以下几点： ①突出、紧扣主题 可以将网站的主题按一定的方法分类，将它们作为网站的主栏目。以建一个“网上书店”为例，安排栏目时可以对书籍进行相应的分类，例如按类别就可将主题栏目分为：文学书籍、政治哲学、科技书籍、经济书籍、外文书籍等。 ②网站导航或指南栏目 导航索引栏目，用以指导初到网站访问的用户，使他们快速找到想要的内容，而且这种亲切的设置也能使初次访问的用户不会有陌生及无所适从感。 ③最近更新栏目及特殊服务栏目 如果网站的主页没有安排专门的版面放置最近更新的内容信息，为了让网站更具人性化并照顾常常光临的访客，就有必要设立一个“最近更新”栏目。例如，在 “网上书店”网站的主页可以设立一个“最新书目”栏目，在该栏目下专门介绍最近新增书籍的情况，以方便浏览者。另外，在网站的网页上，还可以安排一些特殊内容及信息的专门介绍。例如：安排