电子商务网站建设与管理第5讲设计与管理站点[eurokal]课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《电子商务网站建设与管理第5讲设计与管理站点[eurokal]课件.ppt》由用户(晟晟文业)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- eurokal 电子商务 网站 建设 管理 设计 站点 课件
- 资源描述:
-
1、第5讲 设计与管理站点 通过本章的学习,主要掌握以下知识点:通过本章的学习,主要掌握以下知识点:站点的规划站点的规划 站点的设计站点的设计 站点的管理站点的管理 网站开发流程 u站点规划u设计站点的基本结构u设计并制作网页u搜集网页制作素材u编写核心代码实现交互性和动画u测试优化网站、发布和维护站点网站开发流程v在了解了制作与编辑网页的工具后,应该了解一下网站开发制作的流程。多媒体网页的制作过程就是根据一定的应用主题,选择、编辑表现主题的多媒体元素和数据,然后把这些多媒体元素和数据按照一定的结构有机地组织在一起,并实现交互控制的过程。v图1所示为网站开发制作的流程图。需求分析,确定网站主题、目
2、的、用途需求分析,确定网站主题、目的、用途确定网站的功能、结构、布局、色彩、实现方法确定网站的功能、结构、布局、色彩、实现方法确定开发语言、设计环境确定开发语言、设计环境设计网站各层次页面效果图,并设计成静态网页设计网站各层次页面效果图,并设计成静态网页素材整理编写网站的核心代码,实现页面连接素材整理编写网站的核心代码,实现页面连接测试完善网站程序,进一步细化网站测试完善网站程序,进一步细化网站制定网站详细规划书制定网站详细规划书发布网站发布网站网站开发流程网站开发制作的详细流程图网站开发制作的详细流程图整体规划阶段整体规划阶段测试发布阶段测试发布阶段结构布局效果结构布局效果实现阶段实现阶段代
3、码编写阶段代码编写阶段网站开发主要流程解析v第一步是对站点进行构思。有了建立一个网站的想法以后,首先去调查分析,查看有没有同类站点,了解他们的主题定位,开发语言、布局结构,色彩等信息。然后明确你要建站的主题、目的,确定它要提供的服务等。用纸和笔快速记下这些信息。有时,一个良好的构思比实际的技术实现更为重要,因为它直接决定站点质量和将来的访问流量。v第二步是确定网站的功能、结构、布局、色彩等信息。根据你确定的网站主题和提供的服务,简单构思网站的功能,网站的结构布局,栏目分配,网站的色彩等信息,以草图的形势实现网站的雏形。v第三步是整理搜集与网页制作有关的文本、图片、各种音频视频文件等资料,做好制
4、作网页的各种素材准备工作。然后确定用什么设计网站界面,用什么语言设计网站程序,用什么软件书写代码,用什么数据库等信息。网站开发主要流程解析v第四步是制定网站详细规划,制定把以上的构思形成标准的文档,严格按照网站的规划书进行设计网站,主要网站的主题,目的,服务;网站的结构布局;开发团队,进度,花费等方面的详细规划。v第五步是整理搜集的各种素材,用平面设计软件实现网站各个层级的效果图,就是用平面设计软件设计出网站首页、列表页、内容页等各层级页面的效果图,然后切片,最后转化为简洁的静态网页。v第六步是核心代码的设计,如果你是制作是静态网站这一步就不存在了,您可以通过上一步制作的静态页面,分别填充内容
5、就行了。如果是动态网站您就需要根据你选择的语言编写各个部分的核心代码,以实现各种交互功能。v第七步是测试代码,察看漏洞,完善错误提示,优化代码v第八步是上传发布你的网站程序,绑定您的域名,空间。用ftp工具上传你的代码。站点规划 v网站可以看作是一系列文档的组合,这些文档通过各种链接关联起来,可能拥有相似的属性,如描述的主体具有相关性,采用的设计彼此相似或实现相同的目的等;也可能只是关系的链接,利用浏览器,就可以从一个文档跳转到另一个文档,实现对整个网站的浏览。v不论是正规的商业网站还是个人网站,要想把网页制作得丰富多彩,吸引大量用户前来访问,网站规划设计都是至关重要的。除非只设计一两个网页,
6、否则网页制作应该按网站来考虑,首先对网站内容进行规划设计。v在站点规划中主要做的工作是网站内容的设计,也就是针对网站主题、网站内容和表达内容所用的媒体方式的设计。站点规划 v创建新网站的最佳方法是先建立原型系统,再进行详细设计,最后正式实施。进行详细设计时,最重要的是确定网站的运行模式和目的。是宣传性站点或者随意性很强的个人站点,还是通过广告、销售等方式获利的站点,还是目前的搜集素材的站点,设计方式和内容都有很大的区别。v对于商业网站,必须充分考虑财力、人力、计算机数量、网络连接方式、系统的经济效益、网站验证和用户反馈等诸多方面的问题。从长远角度考虑,必须准确地知道网站的目标和系统的资金投入。
7、站点规划 v影响网站成功的因素主要有网站结构的合理性和直观性,多媒体信息的实效性和网站维护的开销等。成功网站的最大秘诀在于让用户感到网站对他们非常有用。进行网站内容开发的要点包括:lHTML文档的效果由其自身的质量和浏览器解释HTML的方法决定。由于不同浏览器的解释方法不尽相同,所以在网页设计时要充分考虑到这一点,让所有浏览器都能够正常浏览。站点规划 l网站信息的组织没有任何简单快捷的方法,吸引用户的关键在于总体结构的层次分明。应该尽量避免形成复杂的网状结构。网状结构不仅不利于用户查找感兴趣的内容,而且在信息不断增多后还会使维护工作非常困难。l图像、声音和视频信息能够比普通文本提供更丰富和更直
8、接的信息,产生更大的吸引力,但文本可提供较快的浏览速度。因此,图像和多媒体信息的使用要适中,减少文件数量和文件大小是必要的。站点规划 l对于任何网站,每一个网页或主页都是非常重要的,因为用户的第一印象往往是一个网站的主页,好印象能够吸引用户再次光临这个网站。l网站内容应该是动态的,定时进行修改和更新,以便使网站紧跟市场潮流。在主页上注明更新日期及URL,这对于经常访问的用户非常有用。l网页中应该提供一些联机帮助功能。比如输入查询关键字就可以提供一些简单的例子,或者列出常用的关键字。千万不能让用户不知所措。l网页的文本内容应简明、通俗易懂。所有内容都要针对设计目标而写,不要文不对题。文字要正确,
9、尽量减少语法错误和错别字。l网页的文本内容应简明、通俗易懂网页的文本内容应简明、通俗易懂l动态网站最好提供友好的用户图形界面,动态网站最好提供友好的用户图形界面,l简单而且安全的注册和登陆方式简单而且安全的注册和登陆方式l 有效的站内信息检索有效的站内信息检索l制作容易被搜索引擎收录的相关页面制作容易被搜索引擎收录的相关页面l最关键的还是网页的下载速度和友好的用户最关键的还是网页的下载速度和友好的用户界面界面设计站点的基本结构 v下面所举的实例网站是一个关于图书的网站,网站名为“网上书苑”,本站主题是“网上图书供销”,如图所示,包括“文学作品”、“科普作品”、“儿童读物”、“社会科学”、“宗教
10、书籍”和“考试用书”6个栏目。在这6个栏目中还包含其他一些相关的内容。设计站点的基本结构 v网站主页设计为一个索引页,每一个网页设计一个索引(导航栏),以便浏览者随时跳转到想要浏览的栏目。在各个栏目中还应该设计一个索引框架,以便在各栏目的相关内容中浏览。在这些网页中主要以文本为主。另外,还需要添加一个用户信息反馈的网页,以便收集用户意见和联系用户。v网站的基本结构设计主要是设计各项内容之间的层次关系和链接跳转关系。在网站内容设计的基础上,继续对“网上书苑”网站进行基本结构设计。图1.13所示为网站的基本结构示意图。图图 1.13 “网上书苑网上书苑”网站基本结构示意图网站基本结构示意图 设计站
11、点的基本结构首页首页(index页)页)儿童读物儿童读物 科普作品科普作品 社会科学社会科学 宗教读物宗教读物书目书目书目书目书目书目书目书目书目书目书目书目书目书目书目书目书目书目书目书目书目书目书目书目“首页首页”第一层级第一层级“栏目页栏目页”第二层级第二层级“内容页内容页”第三层级第三层级图图 1.13 “网上书苑网上书苑”网站在网站在dreamweaver8中的站点结构示意图中的站点结构示意图 设计并制作网页v网站基本结构设计结束后,就可以对每一个网页进行详细的设计,即网页页面设计。设计网页页面需要大致确定每个网页的布局和构图结构,还有颜色主色调。如网站徽标、图像、动画、导航栏、框架
12、、文本的布局设计、页面背景图像和背景音乐的版面设计等。v图1.14所示为“网上书苑”网站主页的页面设计示意图,这是根据网站内容规划和基本结构设计的。在站点初步规划时应该已经手绘出了网站的草图,设计并制作网页v主页主要是利用布局表格来安排网页中的各种元素,并选择1024768分辨率的浏览窗口作为网站网页的设计大小。v图1.15所示为“网上书苑”网站“文学作品”网页的页面设计示意图,也是根据网站内容规划和基本结构来设计的。其中,布局主要使用框架和表格。v其他同一层网页的页面设计基本和“文学作品”网页的相同,只是按钮、图像和文本有所改变,而且每个网页页面布局的方法有一些区别,但不外乎包括布局模式、表
13、格、层和框架。设计并制作网页v第三层和第四层页面主要以文本为主,用户可以自己设计这些网页的页面,这里不再详细讲述。v网站各个网页的页面设计好以后,就可以着手制作网站的各个网页。需要说明的是,网站内容设计、基本结构设计和各个网页页面设计的方案只是暂定,也就是说是打了一个草稿,可以起到指导作用。在网页制作过程中,随时可以根据需要对原有设计方案进行补充和修改。v网站制作的各项准备工作都完成后,就可以按照网站设计的基本结构和页面结构,开始进行网页具体制作。图1.16所示为在Dreamweaver 8中进行实例网站“文学作品”网页的制作。设计并制作网页 导航栏 行为 Flash 动画 index.swf
14、 图像 跳转 菜单 网站徽标 网站广告动画 登录系统 表单 滚动信息 搜索引擎 友情链接 文学作品 图像 bt1.gif 科普作品 图像 bt2.gif 儿童读物 图像 bt3.gif 社会科学 图像 bt4.gif 宗教书籍 图像 bt5.gif 考试用书 图像 bt6.gif 表单 图图 1.14 1.14 “网上书苑网上书苑”网站主页的页面设计草图网站主页的页面设计草图 设计并制作网页 网站徽标 射击田径网页徽标 导航栏 图像 001.gif 图像 1.gif 古典文学 Flash 动画按 钮 bt1.Swf 现代文学 古典诗词 现代诗词 古典文学 相关内容简介 现代文学 相关内容简介
15、古典诗词 相关内容简介 现代诗词 相关内容简介 Flash 动画按 钮 bt4.Swf Flash 动画按 钮 bt3.Swf Flash 动画按 钮 bt2.Swf Flash 动画按 钮 bt5.Swf Flash 动画按 钮 bt6.Swf 笑话集锦 武侠小说 笑话集锦 相关内容简介 武侠小说 相关内容简介 图图 1.15 “网上书苑网上书苑”网站网站“文学作品文学作品”网页的页面设计网页的页面设计 设计并制作网页图图 1.16 在在Dreamweaver 8 中制作中制作“文学作品文学作品”网页网页 整理素材,设计网页的效果图整理素材,设计网页的效果图v网站的内容和结构设计好以后,就可
16、以根据网站内容和基本结构设计的要求,进行素材的准备工作和网站编辑工作。具体说,就是要搜集与网页制作有关的文本、图像、音频和视频等资料,也可以从网上下载有用的内容和素材,并且根据要求进行图像处理、动画制作、音效生成和视频编辑等工作。v图像处理,动画制作,音效和视频的生成和编辑,感兴趣的用户可以参考有关书籍。图1.17所示为在Fireworks 8中编辑网站徽标。搜集网页制作素材图图 1.17 在在Fireworks 8中进行网站徽标的图像处理中进行网站徽标的图像处理 实现交互性和动画 v网站交互性是指网站中的网页会根据用户的要求和选择进行动态改变和响应,这样浏览器可作为客户端界面,这将是今后We
展开阅读全文