第三章网站建设与管理.docx
- 文档编号:5628934
- 上传时间:2022-12-29
- 格式:DOCX
- 页数:36
- 大小:639.06KB
第三章网站建设与管理.docx
《第三章网站建设与管理.docx》由会员分享,可在线阅读,更多相关《第三章网站建设与管理.docx(36页珍藏版)》请在冰豆网上搜索。
第三章网站建设与管理
授课班级
授课日期
授课题目:
第三章网站建设与管理
目的要求:
了解电子商务网站建设的基本流程;掌握如何进行商务网站的策划;掌握如何建立与管理站点;掌握如何进行网站的基本维护
重点难点:
;掌握如何进行商务网站的策划;掌握如何建立与管理站点;掌握如何进行网站的基本维护
组织教学:
点名考勤;复习;引入新课;讲解理论知识;实例演示;指导学生练习;总结
总结复习导入新课:
上一章主要介绍了Web技术、静态网页和动态网页的定义和工作原理、电子商务网站平台和动态网页运行环境的搭建。
动态网页运行环境的搭建非常重要,没有了环境,动态网页就不能调试和运行。
本章主要解决如何搭建和管理站点的问题。
教学方式、手段、媒介:
教学手段:
讲授、多媒体;媒介:
教材
授课内容:
3.1网站的建立
要求:
1.开发设计人员具有美术欣赏、鉴别、创作能力
2.具有一定色彩配合、构图等美术基本知识。
3.掌握绘画软件
4.掌握动画软件
5.网页制作软件基础
6.严谨的作风、灵敏的思路、善于合作的团队精神
3.1.1电子商务网站的系统开发阶段
1、电子商务网站的设计要求
1)简便易用、下载速度快
2)信息检索准确快速
3)提供多样的联系方式
4)经常更新
5)保证网页的正确性与兼容性
6)遵守网络礼仪
7)保障网站的安全
8)易于功能的扩展
2、电子商务网站的体系结构
3、客户端技术
1)HTML技术DHTML技术
2)JavaScript技术DHTML技术
3)CSS技术DHTML技术
4)XML技术
5)WAP与WML技术
4、服务器端技术
1)ASP技术
2)PHP技术
3)JSP技术
4)CFM技术
1、电子商务网站的系统开发阶段
1)规划与分析
2)内容设计与开发
3)网站管理系统开发
4)测试与推广
1、网站的规划和分析
●建站目的与目标
●可行性分析
●资源规划
2、网站运行环境的建立
●域名注册
●建站方式的选择
●Web服务器的构建
3、网站的设计与制作
●网站总体设计
●网站内容与结构设计
●网站可视化设计
●网页的制作
4、网站管理系统的建立
●文件管理系统
●客户管理系统
●商品管理系统
●在线定购系统
5、网站的测试、推广与维护
●网站的测试
●网站的营销推广
●网站的日常更新与维护
3.1.2网站建设的基本流程
1、确定站点目标
确定网站建站的主题
企业要实施电子商务,在动手制作自己的网站之前,首先要考虑的就是自己的网站究竟要做些什么,通过这个网站要表达什么内容,这就必须给自己的网站划定一个范围,确定一个主题。
具体到一个企业,究竟应该如何为自己的网站确定主题呢?
(1)网站的主题应集中、概括地反映企业的经营理念和服务定位,宣传企业的思想与理念。
首页上,主题词必须置于屏幕的显著位置。
比如,XX主题的确定如果只是搜索引擎,相信它肯定敌不过google,不过它很巧妙地把主题定义为“全球最大的中文搜索引擎、最大的中文网站”,这样才有了XX的腾飞;又如,连趣网(见图2-1)主要经营连环画业务,虽然实力远不及当当网和卓越网,但它突出“捕捉文化的影子”这一鲜明的特色,避免了与当当网的同质化竞争;再如,通用电气以“我们将美好的事物带给生活”为建站主题,宝洁公司的主题是“亲近生活、美化生活”,海尔的主题是“美好住居生活解决方案提供商”(见图2-2),通用汽车的主题为“人在旅途”,美国运通的主题是“服务、技术、与顾客协同共拓市场”等。
(2)网站的主题要有感召力,要能增强企业的品牌知名度。
例如,搜外网将网站定名为“从搜索引擎优化到互联网营销,搜外伴您成长”,于是各大搜索引擎上的“优化”“互联网营销”“SEO”之类的主题便都能链接到其网站;反之,如其定名为“如何做SEO”之类,则肯定不会产生现在的营销效果。
上网即投入全球商战,应切记《孙子兵法》中“凡军好高而恶下”之说。
阿迪达斯定位在产品层,故全站所有页面都是运动鞋、运动衫;耐克定位在体育事业层,故除为其产品做广告外,网站还从明星、赛事、校园、绿茵场等非产品题材上展开建设。
所以,网站主题的确定,并不只是如同行业一般的大分类,更是一种营销的思想、一种企业的文化,切不可目光短浅。
一个网站的目的要解决以下问题:
1)组织的任务或目标是什么?
2)网站的近期目标和远期目标是什么?
3)谁是确定的访问者?
4)网站的服务领域和服务对象是什么?
5)网站的赢利方式是什么?
6)为什么人们会来到你的网站?
通过对类似这些问题的广泛讨论,并征求有关人员的意见,最后才能形成网站建设目标书。
当然,目标书也要经过审定才能成为网站建设的指导。
进行市场需求分析
互联网最不缺的就是数据,我们需要收集数据,并将其转换成有价值的市场信息,以洞察市场需求。
那么,我们应该从哪些方面分析电子商务网站面临的市场需求呢?
1)行业报告。
收集行业相关报告,包含市场规模、增长率、竞争强度等信息,如艾瑞、Comscore的报告。
2)行业词表。
客户通过什么关键字来表达自己的真实需求,以及自然搜索和付费搜索关键字都是市场需求的准确体现,不能忽视。
3)竞争分析。
这包括竞争对手的客户群体、产品的优缺点、向市场传递的信息及选择了哪些关键字等内容。
2、确定目标群体
进行目标客户分析
怎么才能做好市场调研和市场分析呢?
1)认准细分市场
概括起来,细分消费者市场的变量主要有4类,即地理变量、人口变量、心理变量和行为变量。
2)正确收集数据
针对消费者市场的研究,需要消费者问卷来确定市场潜量,但是有时不需要太精确的数据的情况下,利用行业研究就能大致了解这个地区的基本购买力。
3)避免单纯的数据分析
纯粹地用数据去预测数据是没有任何意义的。
市场是变化的,而且是不规则变化的,我们只有在充分了解行业的发展历程之后,了解这个行业的产业链状态,了解这个行业的机会点及远景等情况,并结合目前的市场状况,建立相应的电子商务网站。
进行可行性分析
创建网站之前需要对网站系统进行可行性分析,了解企业是否已具备研制网站系统所需要的人力、技术、资金和信息等资源及条件。
可行性分析一般包括以下3个方面的内容。
1)经济可行性分析。
经济可行性分析是对即将开发的项目进行投入成本估算和产出效益评估。
2)社会环境可行性分析。
社会环境可行性分析所涉及的范围比较广,包括法律方面的合同、侵权合同、市场与政策问题,以及其他一些技术人员常常不了解的陷阱等。
3)技术可行性分析。
技术可行性分析需要从硬件与软件的性能要求、能源及环境要求、辅助设备及配件条件方面去考虑。
电子商务项目的可行性研究报告是为企业上层的决策提供依据的。
一旦该项目批准立项,它也是准备项目需求建议书的依据;当项目执行需要贷款时,它也是向银行贷款的依据之一;当需要向政府主管部门申请有关许可证时,它也是不可缺少的一份文件;当企业与承约商或其他合作者谈判并签署协议时,它也是一个重要的依据。
3、网站规划
(1)安排站点结构
(2)设计导航方案
(3)栏目概述
(4)栏目详情
(5)相关栏目
(6)附录
网站的风格设计
按照电子商务主营业务范围的不同,电子商务网站的设计风格具有不一样之处。
1)以产品为主的单一行业电子商务网站
对于这类电子商务网站来说,整体设计风格与所经营的行业有着很大的联系。
比如,工业类网站一般整体设计风格都很低调,而且用色选取也较单一。
这在很大程度跟这个行业有关,因为它不可能像消费品网站一样设计得很花哨。
这类网站通常要给人稳重大气的感觉,而且要伴随严谨的作风,这样才更能得到浏览者的信任,所以这类网站的设计风格通常还是以简单大气为主。
2)以服务为主的电子商务网站
这类网站的设计风格完全不同于上述类型的电子商务网站。
因为这类网站追求的重点是创意、特色,能够吸引人、能够留住人就是很大的卖点了,所以比较夸张、五花八门的网站设计风格反而会获得意想不到的收获。
比如,旅游、广告等网站就要设计得能够抓住消费者的眼球。
3)消费品电子商务网站
网站制作的设计灵魂在于开发人员对网站风格的个性化与创意。
会输入文
本,以及制作超级链接和排列图片,不是真正意义上的网页制作,或者说不能够称为网页创作。
因为网页制作最重要的一个原则是创意,这个原则也可以看成网页制作的根本。
没有创意的网站不能算是成功的网站,而这样的站点也必将不能长期存在。
除了创意之外,设计网站还需要考虑以下基本原则:
●网页内容便于阅读。
●站点内容精、专并及时更新。
●注重色彩搭配。
●考虑带宽。
●适当考虑不同浏览器、不同分辨率的情况。
●提供交互性。
●简单即为美。
网站的CI设计
CI(CoporateIdentity)的意思是通过视觉统一企业的形象。
它原本是一个广告术语,后被引入网站建设中。
现实生活中的CI设计随处可见,如可口可乐公司采用全球统一的标志、色彩和产品包装,给人的印象极为深刻。
网站的CI设计,主要是指网站的标志、名称、色彩、字体、标语的设计。
它们是一个网站建立CI形象的关键,是网站的表面文章和形象工程。
设计者需要通过对网站的标志、名称、色彩、字体和标语进行设计,建立网站的整体形象。
1)网站标志(Logo)、名称
在网站形象设计中,网站的标志及名称是很重要的。
如同商标一样,网站的标志是站点特色和内涵的集中体现。
访问者看见网站的标志,就能联想起你的站点,说明这个标志的设计是成功的。
标志可以是中文、英文字母,可以是符号、图案,也可以是动物或者人物等。
2)网站色彩、字体
除了网站的标志能反映网站的内涵外,网站的标准色彩也是相当重要的,因为它能够产生强烈的视觉冲击。
不同的色彩搭配会产生不同的效果,并且会反映网站的文化内涵,还可能影响到访问者的情绪。
“标准色彩”是指能体现网站形象和延伸内涵的色彩。
标准色彩要用于网站的标志、标题、主菜单和主色块,给人以整体统一的感觉;至于其他色彩,它们只是点缀和衬托。
和标准色彩一样,标准字体是指用于标志、标题、主菜单的特有字体。
在中文网站中,网页一般采用的字体是宋体。
为了体现站点的“与众不同”和特有风格,可以根据需要选择一些特别字体。
网站的版块布局设计
(1)什么是版块布局
网页美感除了来自网页的色彩搭配外,还有一个重要的因素就是版块布局设计。
版块是指浏览者看到的一个完整的页面。
因为每台计算机的显示器分辨率存在差异,所以同一个页面的大小可能出现800×600像素、1024×768像素等不同尺寸。
布局是指以最适合浏览的方式将图片和文字排放在页面的不同位置。
一般情况下,版块布局要求具备两个功能。
1)实用功能
2)审美功能
(2)常见的版块布局形式
网页的布局不可能像平面设计那么简单,除了上文提到的实用性和审美性外,技术问题也是制约网页布局的一个重要因素。
虽然网页制作已经摆脱了HTML时代,但是还没有完全做到挥洒自如,这就决定了网页的布局是有一定规则的,而这种规则使得网页布局只能在左右对称结构布局、“同”字形结构布局、“回”字形结构布局、“匡”字形结构布局、自由式结构布局及“另类”结构布局等几种布局的基本结构中进行选择。
1)左右对称结构布局
左右对称结构是网页布局中最为简单的一种。
“左右对称”指的只是在视觉上的相对对称,而非几何意义上的对称。
这种结构将网页分割为左右两个部分。
左右对称结构便于浏览者直观地读取主体内容,但是却不利于发布大量的信息,所以这种结构对于内容较多的大型网站来说并不合适。
2)“同”字形结构布局
“同”字形结构名副其实。
采用这种结构的网页,往往将导航区置于页面顶端,将一些诸如广告条、友情链接、搜索引擎、注册按钮、登录面板、栏目条的内容置于页面两侧,中间为主体内容。
3)“回”字形结构布局
“回”字形结构实际上是对“同”字形结构的一种变形,即在“同”字形结构的下面增加了一个横向通栏。
这种变形将“同”字形结构不是很重视的页脚利用起来,这样增大了主体内容区域,合理地利用了页面有限的面积,但却往往使页面充斥着各种内容、拥挤不堪。
4)“匡”字形结构布局
和“回”字形结构一样,“匡”字形结构其实也是“同”字形结构的一种变形,也可以认为是将“回”字形结构的右侧栏目条去掉得出的新结构。
这种结构是“同”字形结构和“回”字形结构的一种折中,承载的信息量与“同”字形相同,而且改善了“回”字形的封闭结构。
除了上述4种常见的网页结构布局之外,网页结构布局还包括以下几种:
自由式结构布局,如以图像、Flash、视频为主题内容的化妆品网站等;“另类”结构布局,如凸显前卫的设计类网站等;分栏型布局,如腾讯软件中心网页等;封面型布局,如XX首页等。
3.1.3站点资源规划
1、将文档分类保存在不同的文件夹中
2、收集素材
3、制作网页
4、上传测试
5、网站维护、更新及推广
网站的目录结构设计
目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护及未来内容的扩充和移植有着重要的影响。
下面是建立目录结构的一些建议。
1)不要将所有文件都存放在根目录下。
将所有文件都存放在根目录下会造成文件管理混乱,使人常常搞不清哪些文件需要编辑和更新、哪些无用的文件可以删除、哪些是相关联的文件,影响工作效率,而且上传速度慢。
服务器一般都会为根目录建立一个文件索引。
如果将所有文件都放在根目录下,那么即使只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件。
很明显,文件量越大,等待的时间也将越长,所以要尽可能减少根目录的文件存放数。
2)按栏目内容建立子目录。
子目录的建立,首先要按主菜单栏目建立。
例如,企业站点可以按公司简介、产品介绍、价格、在线订单、反馈联系等建立相应目录。
其他的次要栏目,类似what'snew、友情链接内容较多、需要经常更新的可以建立独立的子目录。
而一些相关性强、不需要经常更新的栏目(如关于本站、关于站长、站点经历等)可以合并放在一个统一目录下。
所有程序一般都存
放在特定目录下,如CGI程序放在cgi—bin目录。
所有需要下载的内容也最好放在一个目录下。
3)在每个主栏目目录下都建立独立的Images目录。
为每个主栏目建立一个独立的Images目录最便于管理。
根目录下的images目录只用来放首页和一些次要栏目的图片。
4)目录的层次不要太深。
目录的层次建议不要超过3层,以便维护管理。
5)不要使用中文目录。
网络无国界,使用中文目录和文件名可能会对网址的正确显示带来困难。
6)不要使用过长的目录。
尽管服务器支持长文件名,但是太长的目录名不便记忆。
7)尽量使用意义明确的目录。
目录要能够表达其中所包含文件的关系,如FIash目录表示其中的文件与F1ash有关。
如果用1、2、3建立目录,则无法判断其中的文件性质,这将给以后的维护带来困难。
随着网页技术的不断发展,利用数据库或者其他后台程序自动生成网页越来越普遍,网站的目录结构也将大多由系统自动生成。
网站的链接结构设计
研究网站的链接结构的目的在于,用最少的链接,使浏览最有效率。
一般而言,建立网站的链接结构有两种基本方式:
1)树状链接结构(一对一)。
这种结构类似DOS的目录结构,即首页链接指向一级页面,一级页面链接指向二级页面,立体结构看起来就像蒲公英。
浏览这样的链接结构时,需要一级级进入,一级级退出。
其优点是条理清晰,访问者明确知道自己在什么位置,不会“迷路”;缺点是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。
2)星状链接结构(一对多)。
这种结构类似网络服务器的链接,即每个页面相互之间都建立了链接,立体结构像东方明珠电视塔上的钢球。
这种链接结构的优点是浏览方便,随时可以到达自己喜欢的页面;缺点是链接太多,容易使浏览者“迷路”,搞不清自己在什么位置、看了多少内容。
3.1.4站点策划报告书
报告包括以下内容:
(1)网站主题与建站目标。
(2)网站的市场定位。
(3)市场需求及目标客户分析。
(4)竞争对手及各自优势分析。
(5)可行性分析
●软件系统
●相关网站
●网页形式及所采用的语言
●首页版式
●标题、栏目、LOGO、Banner、其他插图
●文件夹、文件名的命名规则
●网站结构
●进度安排表、合理分工
3.2设置站点
“Dreamweaver站点”和“Internetweb站点”不完全相同。
“Dreamweaver站点”是在Dreamweaver制作网页的过程中所使用的术语,是定义一个站点名称、存放文件的文件夹、使用的Web服务器和应用服务器技术等。
“InternetWeb站点”则是把已经成功的网站内容放到Internet或Intranet的web服务器上供用户浏览,即运行系统的web服务器上的站点。
网站的发布过程就是将Dreamweaver站点变成InternetWeb站点的过程。
1.本地文件夹
是工作目录。
称为“本地站点”。
2.远程文件夹
是存储文件的位置,称为“远程站点”,可以是专供开发用的临时定义的文件夹,也可以使用运行系统为其定义的站点。
3.动态文件夹
即测试服务器,是Dreamweaver处理动态页的过程。
使用DreamweaverMX2004前必须至少设置一个本地文件夹。
有两种:
一是使用“站点定义向导”,这可以根据提示逐步完成设置过程;
二是使用“高级”设置,可以根据需要分别设置本地、远程和测试文件夹
3.2.1管理和新建站点
1.选择菜单栏中的“站点”-〉“管理站点”,出现“站点管理”对话框,在对话框中可以定义多个站点。
新建站点操作如下:
1)单击“新建”-〉“站点”,出现站点定义对话框
2)单击“基本”选项卡以使用站点定义向导,或者单击“高级”选项卡以使用“高级”设置。
3.2.2设置本地文件夹
1.在“站点定义”对话框中选择“高级”选项卡和“本地信息”类别选项。
2.输入“站点名称”,如mysite。
3.输入“本地根文件夹”,或者单击文件夹图标以选择或新建一个本地文件夹,如D:
/xwx11。
4.如果选中“自动刷新本地文件列表”选项,则当每次复制文件到本地文件夹时,系统将自动刷新本地文件列表。
如果不选中此项,则可以在站点面板中手动刷新。
5.在“默认图像文件夹”中确定存放图像的默认文件夹,一般是根目录下的“Images”。
6.在“HTTP地址”文本框中,输入Web站点将使用的URL。
这使Dreamweaver能够验证站点中使用绝对URL的链接。
7.“启用缓存”选项,指定是否创建本地缓存以提高链接和站点管理任务的速度。
3.2.3设置远程文件夹
1.在站点定义对话框中选择“高级”选项卡的“远程信息”分类选项
2.选择一个“访问”选项。
3.确定一个“远程文件夹”。
4.“自动刷新远程文件列表”复选框。
5.“保存时自动将文件上传到服务器”复选框。
6.“启用文件存回和取出”。
7.单击“确定”按钮。
3.2.4用FTP链接到Web服务器
1.输入FTP主机名。
2.输入远程站点的主目录名。
3.输入连接FTP服务器的登录名和密码。
4.如果你的防火墙配置要求被动FTP,则选择“UsePassiveFTP”。
5.使用防火墙选项。
6.在windows中使用安全FTP选择FTP来访问远程文件夹时,在Windows中可以选择使用SSH安全登录检查框以自动继续FTP的安全检查。
7.其它选项与“本地/网络”中相同。
8.单击“确定”按钮。
3.2.5设置测试服务器
1.在“站点定义”对话框中选择“高级”选项卡,然后从“类别”列表中选择“测试服务器”
2.服务器模型
3.访问方式
有“无”、“FTP”和“Local/Network”三种。
4.测试服务器
5.自动刷新远程文件列表选项
6.URL前缀
7.单击“确定”按钮
3.3管理站点文件
3.3.1“文件”面板
1.使用“文件”面板
2.设置“文件”面板参数
3.设置“文件视图列”
4.在“文件”面板中查看站点
3.3.2站点地图
站点地图仅适用于本地站点,若要创建远程站点的地图,需将远程站点的内容复制到本地磁盘上的一个文件夹中,然后使用“编辑站点”命令将该站点定义为本地站点
3.3.3设置站点地图布局
1.设置站点
1)选择“站点”-〉“管理站点”,出现“管理站点”对话框。
2)选择一个“站点”并单击“编辑”按钮,出现“站点定义”对话框。
3)从左侧的“分类”列表中选择“站点地图布局”,“站点定义”对话框即可显示“站点地图布局”选项。
4)单击文件夹图标以通过浏览查找站点的主页。
5)在“列数”文本框中,键入一个数字以设置在站点地图窗口中每行要显示的页数。
6)在“列宽”文本框中,键入一个数字以设置站点地图列的宽度。
7)在“图标标签”下,选择在站点地图中与文档图标一起显示的名称表示为文件名还是页标题。
8)在“选项”下,选择要在站点地图中显示的文件。
9)单击“确认”按钮
2.站点地图
站点地图的显示规则如下:
(1)以红色显示的文本指示断开的链接;
(2)以蓝色显示并标有地球图标的文本,指示其它站点上的文件或特殊链接;
(3)绿色选中标记指示你已取出的文件;
(4)红色选中标记指示他人取出的文件;
(5)锁形图标指示只读或锁定的文件。
若要在站点地图中打开某页进行编辑,可执行以下操作之一
(1)双击该文件;
(2)选择该文件,然后选择“文件”-〉“打开”或“站点”-〉“打开”。
创建新文件并在站点中添加链接
(1)在站点地图中选择一个HTML文件,然后执行以下操作之一。
1)选择“站点”-〉“连接到新文件”或“站点”-〉“站点地图视图”-〉“连接到新文件”。
2)从上下文菜单中选择“连接到新文件”。
(2)输入该链接的名称、标题和文本。
(3)单击“确认”按钮。
若要在站点地图中将文件标记为隐藏
(1)在站点地图中选择一个或多个文件。
(2)选择“视图”-〉“显示/隐藏链接”或选择“站点”-〉“站点地图视图”-〉“显示/隐藏链接”。
若要显示或隐藏站点地图中标记为隐藏文件:
选择“查看”-〉“显示标记为隐藏的文件”或“站点”-〉“站点地图视图”-〉“显示标记为隐藏的文件”。
若要在站点地图中显示相关文件:
选择“查看”-〉“显示相关文件”或“站点”-〉“站点地图视图”-〉“显示标记为相关文件”。
若要在站点地图中取消文件的隐藏标记,可执行下面的操作。
(1)在站点地图中选择一个或多个文件。
(2)再次选择“显示标记为隐藏的文件”以取消选择标记“√”。
(3)再次选择“显示/隐藏链接”以取消选择标记“√”。
3.3.4从站点列表中删除站点
1.选择“站点”-〉“管理站点”,出现“管理站点”对话框。
2.选择一个站点名称。
3.单击“删除”按钮,出现一个对话框,要求确认删除。
如图316所示。
4.单击“是”,从列表中删除站点,或单击“NO”保留站点名称。
5.单击“完成”,关闭“编辑站点”对话框。
3.3.5获取和上传文件
1.从远程或测试服务器或取文件
(1)在“文件”面板上,从“站点”弹出式菜单中选择一个“站点”。
(2)如果在使
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第三章 网站建设与管理 第三 网站 建设 管理
![提示](https://static.bdocx.com/images/bang_tan.gif)