网站建设培训PPT.ppt.ppt
《网站建设培训PPT.ppt.ppt》由会员分享,可在线阅读,更多相关《网站建设培训PPT.ppt.ppt(85页珍藏版)》请在三一办公上搜索。
1、网站建设实训,郎登何 主讲,实训任务,一 网站项目需求设计,二 网站项目系统分析,三 网站项目系统设计,四 网站项目系统实施(我们的核心内容),五 项目实训报告,网站建设,1.网站类型概述,2.网站设计流程,3.网站程序的构建,4.网站后期维护工序,重庆电子工程职业学院,网站类型,1、产品(服务)查询展示型网站,本类网站核心目的是推广产品(服务),是企业的产品“展示框”。利用网络的多媒体技术,数据库存储查询技术,三维展示技术,配合有效的图片和文字说明,将企业的产品(服务)充分展现给新老客户,使客户能全方位的了解公司产品。与产品印刷资料相比,网站可以营造更加直观的氛围和产品的感染力,促使商家及消
2、费者对产品产生采购欲望,从而促进企业销售。,网站类型,2、品牌宣传型网站,本类网站非常强调创意设计,但不同于一般的平面广告设计。网站利用多媒体交互技术,动态网页技术,配合广告设计,将企业品牌在互联网上发挥得淋漓尽致。本类型网站着重展示企业CI、传播品牌文化、提高品牌知名度。对于产品品牌众多的企业,可以单独建立各个品牌的独立网站,以便市场营销策略与网站宣传统一。,网站类型,3、企业涉外商务网站,通过互联网对企业各种涉外工作,提供远程、及时、准确的服务,是本类网站的核心目标。本网站可实现渠道分销、终端客户销售、合作伙伴管理、网上采购、实时在线服务、物流管理、售后服务管理等,它将更进一步的优化企业现
3、有的服务体系,实现公司对分公司、经销商、售后服务商、消费者的有效管理,加速企业的信息流、资金流、物流的运转效率,降低企业经营成本,为企业创造额外收益,降低企业经营成本。,网站类型,4、网上购物型网站,通俗的说,就是实现网上买卖商品,购买的对象可以是企业(B2B),也可以是消费者(B2C)。为了了确保采购成功,该类网站需要有产品管理、订购管理、订单管理、产品推荐、支付管理、收费管理、送发货管理、会员管理等基本系统功能。复杂的物品销售、网上购物型网站还需要建立积分管理系统、VIP管理系统、客户服务交流管理系统,商品销售分析系统以及与内部进销存(MIS,ERP)打交道的数据导入导出系统等。本类型网站
4、可以开辟新的营销渠道,扩大市场,同时还可以接触最直接的消费者,获得第一手的产品市场反馈,有利于市场决策。,网站类型,5、企业门户综合信息网站,本类网站是所有各企业类型网站的综合,是企业面向新老客户、业界人士及全社会的窗口,是目前最普遍的形式之一。该类网站将企业的日常涉外工作上网,其中包括营销、技术支持、售后服务、物料采购、社会公共关系处理等。该类网站函盖的工作类型多,信息量大,访问群体广,信息更新需要多个部门共同完成。企业综合门户信息网站有利于社会对企业的全面了解,但不利于突出特定的工作需要,也不利于展现重点。,网站类型,6、行业、协会信息门户/B2B交易服务型网站,本类网站是所有各企业类型网
5、站的综合,是企业面向新老客户、业界人士及全社会的窗口,是目前最普遍的形式之一。该类网站将企业的日常涉外工作上网,其中包括营销、技术支持、售后服务、物料采购、社会公共关系处理等。该类网站函盖的工作类型多,信息量大,访问群体广,信息更新需要多个部门共同完成。企业综合门户信息网站有利于社会对企业的全面了解,但不利于突出特定的工作需要,也不利于展现重点。,网站类型,7、沟通交流平台,本系统采用利用互联网,将分布在全国的生产、销售、服务和供应等环节联系在一起,改变过去利用电话、传真、信件等传统沟通方式。可以对不同部门、不同工作性质的用户建立无限多个的个性化网站;提供内部信息发布、管理、分类、共享等功能,
6、汇总各种生产、销售、财务等数据;提供内部邮件、文件传递、语音、视频等多种通信交流手段。,网站类型,8、政府门户信息网站,利用政务网(或称政府专网)和内部办公网络而建立的内部门户信息网,是为了方便办公区域以外的相关部门(或上、下级机构),互通信息、统一数据处理、共享文件资料而建立的。主要包括如下功能:提供多数据源的接口,实现业务系统的数据整合;统一用户管理,提供方便有效的访问权限和管理权限体系;可以方便建立二级子网站和部门网站;实现复杂的信息发布管理流程。,网站类型比例,将网站按照主体性质不同又可分为政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型等。本次
7、调查结果显示,企业网站数的比例最大,占整个网站总体的70.9%,其次为商业网站,占8.2%,第三是个人网站,占6.5%,随后依次为教育科研机构网站占5.1%,其它非盈利机构网站占5.0%,政府网站占3.2%,其它类型占1.1%。如下图所示。,2.网站设计流程,什么是网站设计:,网站它是由域名(俗称网址),网站源程序和网站空间三部分构成。其中域名它是类似于互联网上的门牌号码,是用于识别和定位互联网上计算机的层次结构式字符标识,与该计算机的互联网协议(IP)地址相对应。而网站设计是设计师通过像Frontpage或Dreamweaver等工具来对网站进行编辑的!WWW是“World Wide Web
8、的缩写,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,01 明确内容 如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,02 抓住用户 如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,03 优化内容 内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世
9、纪才能下载完。Chanels网站在设计的某些方面是成功的,但是内容太贫乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,04 快速下载 没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,05 网站升级 时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。,
10、2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,06 坚持基本原则 即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设计工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以创建一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,却使网站速度下降。为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,07 学习HTML 用HTML设计网站,可以控
11、制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,08 用笔画一个网站的框架 圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。09“在计算机上永远也找不到好的方案”。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点
12、,10 网站地图 许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,11“睁大你的眼睛,留意所有的事情。”“对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。”,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,12 点击规则 听说过3次点击规则吗?对于小型网站,在你的主页上,没有任
13、何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,13 特殊字体的应用 虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。,2.网站设计流程,什么是网站设计:网站设计的实质内容共
14、36要点,14“使用切合实际的简便的命名规则。”15 检查错别字 好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,16 避免长文本页面 在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。17 不要使用卷滚条 人们厌恶在网上使用卷滚条。Trouble网站(www.Trouble.co.uk)是一个典型的设计很差的网站。它基于一个浮
15、动的架构,为了阅读所有的文本,浏览者不得不使用卷滚条。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,18 专家最喜爱的Web设计工具 1.Adobe Photoshop 2.Macromedia Flash 3.Adobe Illustrator 4.Adobe ImageReady 5.Dreamweaver 6.Macromedia Fireworks 7.Allaire Homesites 8.Microsoft Notepad 9.Macromedia Director 10.Lightwave 11.Macromedia Freehand 12其它:Adobe A
16、crobat Exchange,Allaire ColdFusion,BBEdit,HTML Validator等。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,19 网站介绍 你应当有一个很清晰的网站介绍,告诉访问者你的网站能够提供些什么,以便访问者能找到想要的东西。但是,许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息,这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,20“网站一旦发布,网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议
17、和用户反馈意见中学到更多的东西。”专家忠告 21 闪烁让人头痛 通过使用标识可以吸引访问者对你的主页特殊部分的注意,但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站,就少用此方法。,网站建设实训,郎登何 主讲,实训任务,一 网站项目需求分析,二 网站项目系统设计,三 网站项目系统设计,四 网站项目系统实施(我们的核心内容),五 项目实训报告,本课程全部结束,谢谢大家,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,22 背景颜色 背景颜色也会产生一些问题,可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本,另外还应当坚持使用通用字体。23 向前和向后按钮 应当避
18、免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条,使浏览者能够从每一页上访问网站的任何部分。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,24“坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。”25 点击记数器 不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。,2.网站设计流程,什么
19、是网站设计:网站设计的实质内容共36要点,26 不要用框架 与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,27 去掉图像 在浏览器中即使去掉了图像功能,也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者,还能获得好的网页加载性能。可以通过在网页
20、底部提供另外的链接和使用替代文字,而不是图像来满足访问者的需要。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,28 重复使用图像 一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时,在网页上多次使用同样的图像是一个好的方法,并且一旦它们被装入,以后重新载入就会很快。29 避免使用过大的图像 不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。30“避免使用炫耀的技巧。”专家忠告 31 选择使用Flash动画 许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源,使网站的操作变得很困难,因此,应该给用户一个跳过
21、使用Flash动画的选择。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,32 尽量少使用Flash插件 虽然许多Web设计者认为Flash功能很强大,并且Netscape5.0将支持Flash,在使用时不必再下载任何插件。但是,最好还是取消使用Flash做各接口的想法。33 让用户先预览小图像 如果不得不放置大的图像在网站上,就最好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,34 动画与内容应有机结合 确保动画和内容有关联。它们应
22、和网页浑然一体,而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。35 慎用声音 声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢,同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣,但是多次以后肯定会很烦人。使用声音前,应该仔细考虑声音将会给你带来什么。,2.网站设计流程,什么是网站设计:网站设计的实质内容共36要点,36 少用Java 和AxtiveX 在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它,只有那些Netscape 和Explorer的早期版本的使用
23、者才需要它。另外Mac(苹果机)在处理Java时也存在问题,过分地使用Java,会使Mac崩溃。,2.网站设计流程,网站设计的要点:网站设计要注意的两个要点:整体风格和色彩搭配。,一、确定网站的整体风格 网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的
24、,IBM是专业严肃的。这些都是网站给人们留下的不同感受。在这里,我提供给大家一些参考经验:1将你的标志logo,尽可能的放在每个页面上最突出的位置。2突出你的标准色彩。3总结一句能反映贵站精髓的宣传标语!4相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!,重庆电子工程职业学院,2.网站设计流程,网站设计的要点:网站设计要注意的两个要点:整体风格和色彩搭配。,二、网页色彩的搭配 无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或美丽的图片,而是网页的色彩。关于色彩的原理
25、有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。1用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统 一,有层次感。2用两种色彩。先选定一种色彩,然后选择它的对比色。3用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。在网页配色中,还要切记一些误区:1不要将所有颜色都用到,尽量控制在三至五种色彩以内。2背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。,重庆电子工程职业学院,2.网站设计流程,网站设计的要点:动态网站的设
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 建设 培训 PPT
链接地址:https://www.31ppt.com/p-2981002.html