第4次讲稿电子商务网站建设与维护课程讲稿.docVIP

授课题目 第二章 电子商务网站规划设计 备　注 授课方式 讲授 课时 2 授课时间 教学班级 授课地点 教 学 目 标 1.网站制作的三大流程； 2.网站的七大功能模块； 3.网站内容设计的五大原则； 4.网站导航栏的两种表现形式； 5.网站导航栏常见的四大内容； 6.布局的两种方法、四大原则。 教学重点 网站导航栏的两种表现形式； 教学难点 布局的两种方法、四大原则。 教　学　内　容 过　程 方　法 一、组织教学 　　　　查考勤、巡视桌面、准备上课 二、导入新课 一个网站的成功，重在奠基。没有刻苦的学习，没有辛勤的付出，没有人能随随便便成功。网络上只有第一，没有第二，要么发展，要么灭亡，如何构思一个网站，怎么开始创业之旅，看看一个上学时就是前五名的丁磊吧，或许你会知道身为天之骄子的大学生现在应该怎么做......对同学们讲案例：网易首席构架师丁磊的成长之路 没有任何网络基础，如何进入网络的殿堂？怎样才能建设和维护好一个电子商务网站？请大家认真地学习每一个基础理论，掌握主要的技能要领，万丈高楼须平地起，扎扎实实最重要，相信大家一定可以成功！ 三、新课教学 第三节 版式设计 一、版面布局的基础 网页的展示设备是计算机，而网页的受众对象则是人，因此，网页版面布局的设计即要根据计算机的显示能力，又要符合人的视觉习惯，好的网页布局是一个成功网站的重要方面。 1．分辨率确定 像素是指荧光屏上的每一个发光小点。 2．网页的内容与放置位置 版面布局要符合人的视觉习惯。人们阅读材料时习惯按照从左到右，从上到下的顺序进行。人的眼睛首先看到的是左上角，其次是顶部居中的位置 二、网页的常用版式。 网站的布局灵活多样，但万变不离其宗，其标准布局共有2种。 结构化的布局 （1）左右结构布局。这种布局结构体部由左右两部分组成，左部分占整个宽度的20%-30%，右部则为显示主体内容。 （2）左中右结构布局。这种结构比较呆板，不够灵活 2.艺术化的布局 （1）海报式布局。整个页面布局象一张海报，也称为POP布局，是个人网站建设的主要布局方法。一般适合美术功底较强者采用。 （2）综合式布局。综合使用了上述各种布局方法，整个页面布局善于变化，一般采用FLASH实现，给人以焕然一新的感觉，带来良好的视觉效果。 三、版面布局的原则 1.根据网站的客户群选择合适的布局 2.整体布局要遵循简洁大方的原则 3.要注意视觉效果与内容翔实相结合的原则 4.主次分明条理清晰的原则 四、移花接木巧构思 其实方法很简单，首先在百度中检索相关网站，例如检查“网上书店”然后依次打开检索到的每一个网站，重点查看每个网站的头部，发现令你眼前一亮的网站头部，与你设想的极其吻合，众里寻她千百度的那种感觉，立即将该网站的头部用抓图工具截下，放到WORD中。运用此法，然后依次找到体部的每一个板块以及适合的尾部。最后用WORD组合成一个完整的页面，形成了整体网站的构思。 第四节 导航及目录设计 一、电子商务网站导航栏设计概述 1．导航的作用 网站的导航对于网站起到提纲挈领的作用，设计好的网站导航对整个网站功能的发挥，对网民浏览整个网站的引导起到至关重要的作用。 2．导航设计原则 许多浏览者都是以一种跳跃的方式来访问网站的内容。为了使浏览者不在网站中迷失方向，最好的办法是为网站设计导航系统，最低限度应该保证每个网页中至少有一个指向主页的链接。 二、导航分类 从应用的角度，导航分为两类： （1）全局导航。包括网站的主要栏目和一级目录内容所对应的页面 （2）局部导航。一般包括网站的次要栏目和二级以上目录内容所对应的页面。 三、电子商务网站导航栏设计方法 电子商务网站导航栏如何进行设计呢，如何将你的智慧在电子商务网站导航的设计中发挥得淋漓尽致呢，这需要方法。 电子商务网站导航栏的表现形式 电子商务网站导航栏一般位于网站的上方，其表现形式有两种： （1）纯文字表现法。纯文字表现法是指导航内容用文字的方式表现出来，其优点是显示速度快。其缺点是视觉效果不好。 （2）图片表现法。这是目前广泛使用的方法，其优点是视觉效果好，其缺点是速度慢， 2.电子商务网站导航栏的常见内容 电子商务网站导航栏内容五花八门，不同的网站有不同的导航，但不管是什么样的网站其常用内容却是不变的，具体说来有以下几个。 （1）首页。这也是所有电子商务类网站必不可少的内容。 （2）简介类。每一个网站都有一个自我介绍的栏目，虽然叫法不一，但其内容却唯一，都以介绍本企业为主。 （3）展示类。每一个电子网站都有一个展示类的栏目，向浏览者展示其产品或服务，全面宣传自己的产品。 （4）社区类。这类是为网站与浏览者交互提供的平台，例如论坛、留言板等 四、电子商务网站目录设计概述 网站目录是指建