网站的规划与设计课件.ppt

《网站的规划与设计课件.ppt》由会员分享，可在线阅读，更多相关《网站的规划与设计课件.ppt（20页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网站的规划与设计网站的规划与设计一、开一、开发网站的基本网站的基本过程程二、网站的二、网站的规划划1、网站主题的确定网站的规划从选择网站的主题开始。网站的选题,就是要根据网站的开发目标和访问网站的用户群,确定网站的主题,并给网站起一个简练响亮的名字。然后围绕这个主题搜集素材和相关资料,并把它们通过网页的形式呈现出来。2、网站运行环境的确定网站环境包括网站服务器、文件磁盘存储空间、网站域名解析等方面。3、网页制作工具的选择主要包括网页制作工具、图像处理工具、动画制作软件的选择等。4、网站开发任务的管理(1)任务分工(2)时间安排三、网站的三、网站的设计(一一)网站网站结构构的的设计制作网站前要设

2、计好网站的栏目。网站的栏目可以有多层,以能够恰当地体现网站主题为好。此外,每个栏目本身应有一个大致的内容描述,以表达该栏目的设计思路,充实整个网站的总体结构设计。“虎门销烟启思录”网站的结构三、网站的三、网站的设计(二)网页的版面设计1、风格设计 包括网页布局的整体造型、色彩的搭配、字体图片的样式设置、网站的标志设计等2、版面布局设计标题信息、栏目信息、内容信息、附加信息等,要进行合理的放置,让人看起来井井有条,主次分明。常见网页布局类型布局类型布局方式实例“国”字型 上面是网站的标题及横幅广告，接下来是网站的主要内容，左右分别列一些小条，中间是主要内容，下面是一些网站的信息人民网拐角型上面是

3、标题广告，接下来在左侧是导航栏，右侧是正文，下面是网站的信息。标题正文型上面是标题，下面是正文。左右框型左边是导航栏，右边是正文。有时最上方会有一个小标题。上下框型上面是导航栏，下面是正文。综合框架型左右、上下两种框架结构的结合。封面型（Flash型）精美的平面或动画作为首页。任务 本学期以小组为单位,每个小组制作一个专题网站。网站主题由各小组定。每小组选出小组长,确定好主题,作好网站的规划。1、填写好网站规划表2、给自己组的主题网站设计栏目、结构和作版面设计 参考下面阅读材料,给主题网站作好结构设计、版面设计。、个人网站的规划与设计、网站规划书的写作规范、网站设计必知的65条原则、网页色彩的

4、选择及搭配原理、确定网站的栏目和版块、确定网站的目录结构、文件夹文件名命名规范1、个人网站的、个人网站的规划与划与设计一、个人网站与个人主页主页就像一份报纸的头版,通常用来作为一个站点的目录或索引。网站的内容都会在主页上面有超级链接,以便用户点击访问。主页在一个网站的处于中心地位,所以常常用主页代称网站。比如:个人网站也经常被称为“个人主页”。二、个人网站的规划与设计1.明确你建网站的目的是为了宣传自己;还是介绍自己的爱好;还是为了传播某项技术或专业知识;还是建立一种公益性服务;还是为一种思想、观念、事业做宣传;还是使自己走向世界,与更多的人交流。2.建站前的调查根据自己的目的,调查下相关的个

5、人网站,看别人的网站申请了什么样的网站空间、采用了什么建站技术、设置那些栏目、提供了那些功能。3.网站的定位如今互联网上的个人网站如雨后春笋般蓬勃发展,绚丽多彩的主页比比皆是。每个人都有发挥个人才能,挥洒自己个性的网上伊甸园。但透过华丽外表,不难看出个中的一些问题所在。(1)内容定位(2)技术定位问题(3)广告定位问题4.网站的表现形式基本上与企业网站的表现形式一样,但要时刻注意紧扣自己建立的目的主题。2、网站网站规划划书的写作的写作规范范网站规划书出应该尽可能涵盖网站规划中的各个方面。网站规划书包含的内容如下:一、建设网站前的市场分析二、建设网站目的及功能定位三、网站技术解决方案四、网站内容

6、规划五、网页设计六、网站维护七、网站测试八、网站发布与推广九、网站建设日程表:各项规划任务的开始完成时间,负责人等。十、费用明细以上为网站规划书中应该体现的主要内容,根据不同的需求和建站目的,内容也会在增加或减少。在建设网站之初一定要进行细致的规划,才能达到预期建站目的。4、网、网页色彩的色彩的选择 不同的颜色会给人们不同的心理感受,设计网页时,要结合主题的需要选择不同的色彩。红色:是一种激奋的色彩,能使人产生喜庆、热情、活力的感觉。绿色:介于冷暖两种色彩的中间,显得和睦、宁静、健康、安全,它和金黄、淡白搭配,可以营造优雅舒适的气氛。橙色:也是一种激奋的色彩,具有轻快、欢欣、热烈、温馨、时尚的

7、效果。蓝色:是最具凉爽、清新、专业的色彩,它和白色混合,能体现柔顺、淡雅、浪漫的气氛。白色:让人产生洁白、明快、纯真、清洁的感觉。黑色:使人产生深沉、神秘、寂静、悲哀、压抑的感觉。灰色:让人联想到中庸、平凡、温和、谦让、中立和高雅的感觉。每种色彩在饱和度、透明度上略微变化就会产生不同的感觉。以绿色为例,黄绿色有青春、旺盛的视觉意境,而蓝绿色则显得幽静、阴深。网网页色彩搭配的原理色彩搭配的原理1.色彩的鲜明性。网页的色彩要鲜艳,容易引人注目。2.色彩的独特性。要有与众不同的色彩,使得大家对你的印象强烈。3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。4.色彩的联

8、想性。不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。在网页配色中,不要将所有的颜色都用到,尽量控制在三种色彩以内,背景色和前景文字的对比尽量要大,以便让文字看起来更清晰。6、确定网站的目、确定网站的目录结构构 网站的目录是指建立网站时创建的目录。例如:在用frontpage98建立网站时都默认建立了根目录和images子目录。目录的结构是一个容易忽略的问题,目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护,内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议:不要将所有文件都存放在根目录下。按栏目内

9、容建立子目录。在每个主目录下都建立独立的images目录。目录的层次不要太深:建议不要超过3层。维护管理方便。其它需要注意的其它需要注意的还有有:1.不要使用中文目录;网络无国界,使用中文目录可能对网址的正确显示造成困难。2.不要使用过长的目录;尽管服务器支持长文件名,但是太长的目录名不便于记忆。3.尽量使用意义明确的目录;随着网页技术的不断发展,利用数据库或者其他后台程序自动生成网页越来越普遍,网站的目录结构也必将飞跃到一个新的结构层次。7、文件、文件夹文件名命名文件名命名规范范 文件夹命名一般采用英文,长度一般不超过20个字符,命名采用小写字母。除特殊情况才使用中文拼音,一些常见的文件夹命

10、名如:images(存放图形文件),flash(存放Flash文件),style(存放CSS文件),scripts(存放Javascript脚本),inc(存放include文件),link(存放友情链接),media(存放多媒体文件)等。文件名称统一用小写的英文字母、数字和下划线的组合。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。1、图片的命名原则名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质例如广告、标志、菜单、

11、按钮等等。放置在页面顶部的广告、装饰图案等长方形的图片取名:banner 标志性的图片取名为:logo 在页面上位置不固定并且带有链接的小图片我们取名为 button 在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu 装饰用的照片我们取名:pic 不带链接表示标题的图片我们取名:title 下面是几个范例:banner_sohu.gif、banner_sina.gif、menu_aboutus.gif、menu_job.gif、title_news.gif、logo_police.gif、logo_national.gif、pic_people.jpg。2、动态语言文件命

12、名规则性质_描述,描述可以有多个单词,用”_”隔开,性质一般是该页面得概要。范例:register_form.asp,register_post.asp,topic_lock.asp 商业 shngy commerce;trade;business 以货币为媒介进行交换从而实现商品的流通的经济活动。商业有广义与狭义之分。广义的商业是指所有以营利为目的的事业；而狭义的商业是指专门从事商品交换活动的营利性事业。首先影响制造业然后影响商业的原材料短缺。二十年目睹之怪现状第五五回：“见了继之，谈起到广东的事，原来也是经营商业的事情。”黄金货币商业，是一种有组织的提供顾客所需的品与服务行为。大多数的商业

13、行为是通过以成本以上的价格卖出商品或服务来赢利，如微软、索尼、IBM、联想、通用都是盈利性的商业组织典型的代表。然而某些商业行为只是为了提供运营商业所需的基本资金，一般称这种商业行为为非赢利性的，如各种基金会，以及红十字会等。一般认为，商业源于原始社会以物易物的交换行为，它的本质是交换，而且是基于人们对价值的认识的等价交换。编辑本段释义商业有广义与狭义之分。广义的商业是指所有以营利为目的的事业；而狭义的商业是指专门从事商品交换活动的营利性事业。商业保险 商业保险又称金融保险，是相对于社会保险而言的。商业保险组织根据保险合同约定，向投保人收取保险费，建立保险基金，对于合同约定的发生造成的财产损失

14、承担赔偿责任；或当被保险人死亡、伤残、疾病或者 众业达到合同约定的年龄、期限时承担给付保险金责任的一种合同行为。其具有如下特征：1、商业保险的经营主体是商业保险公司。2、商业保险所反映的保险关系是通过保险合同体现的。3、商业保险的对象可以是人和物（包括有形的和无形的），具体标的有人的生命和身体、财产以及与财产有关的利益、责任、信用等。4、商业保险的经营要以盈利为目的，而且要获取最大限度的利润，以保障被保险人享受最大程度的经济保障。社会保险 社会保险是指国家通过立法强制实行的，由劳动者、企业（雇主）或社区、以及国家三方共同筹资，建立保险基金，对劳动者因年老、工伤、疾病、生育、残废、失业、死亡等原

15、因丧失劳动能力或暂时失去工作时，给予劳动者本人或供养直系亲属物质帮助的一种社会保障制度。它具有保障劳动者基本生活、维护社会安定和促进经济发展的作用。其具有如下特征：1、保障性：指保障劳动者的基本生活。2、普遍性：社会保险覆盖所有社会劳动者。3、互助性：利用参加保险者的合力，帮助某个遇到风险的人，互相互济，满足急需。4、强制性：由国家立法限定，强制用人单位和职工参加。5、福利性：社会保险是一种政府行为，不以盈利为目的。商业保险与社会保险的区别：1、性质不同：社会保险具有保障性，不以盈利为目的；商业保险具有经营性，以追求经济效益为目的。2、建立基础不同：社会保险建立在劳动关系基础上，只要形成了劳动

16、关系，用人单位就必须为职工办理社会保险；商业保险自愿投保，以合同契约形式确立双方权利义务关系。3、管理体制不同：社会保险由政府职能部门管理；商业保险由企业性质的保险公司经营管理。4、对象不同：参加社会保险的对象是劳动者，其范围由法律规定，受资格条件的限制；商业保险的对象是自然人，投保人一般不受限制，只要自愿投保并愿意履行合同条款即可。5、保障范围不同：社会保险解决绝大多数劳动者的生活保障；商业保险只解决一部分投保人的问题。6、资金来源不同：社会保险的资金由国家、企业、个人三方面分担；商业保险的资金只有投保人保费的单一来源。7、待遇计发不同：社会保险的待遇给付原则是保障劳动者基本生活，保险待遇一

17、般采取按月支付形式，并随社会平均工资增长每年调整；商业保险则按“多头多保，少投少保，不投不保”的原则确定理赔标准。8、时间性不同：社会保险是国家稳定的、连续性的制度；商业保险是一次性、短期的企业行为。9、法律基础不同：社会保险由劳动法及其配套编辑本段现代意义的现代意义的“策划策划”现代意义的“策划”可以理解为借助一定的信息素材，为达到特定的目的、目标而进行设计、策划，以为具体的可操作性行为提供创意、思路、方法与对策。策划就是一种策略、筹划、谋划或者计划、打算、它是为个人、企业、组织机构为了达到一定的目的，充分调查市场环境、以及相关联的环境的基础之上，遵循一定的方法或者规则对未来即将发生的事情，

18、进行系统、周密、科学地预测并制定科学的可行性的策划方案，同时在发展中不断地调整以适应环境的变化，从而制定切合实际情况的科学的方案就叫做策划。综上所述策划有以下几个主要的特点：第一、策划的本质一种思维智慧的结晶。第二、策划具有目的性，不论什么策划方案，都是有一定的目的，不然策划就没意义了。第三、策划具有前瞻性、预测性，策划是人们在一定思考以及调查的基础之上进行的科学的预测、因此具有一定的前瞻性。第四、策划具有一定的不确定性、风险性。策划既然是一种预测或者筹划就一定具有不确定性或者风险。第五、策划具有一定的科学性。策划是人们在调查的基础之上、进行总结、科学的预测，策划不是一种突然的想法、或者突发奇

19、想的方法、它是建立在科学的基础之上进行的预测、筹划。第六、策划具有科学的创意，策划是人们思维智慧的结晶，策划是一种思维的革新、具有创意的策划，才是真正的策划，策划的灵魂就是创意。第七、策划具有可操作性，这是策划方案的前提，如果一个策划连最基本的可操作性就没有，那么这个策划方案，再有创意、再好也是一个失败的策划方案。发展观念：从用户和市场需求入手，逐步认识、掌握及运用行业发展规律，推行“知本运营(人力资源)战略”、“资本运营战略”、“资讯运营战略”及“创新+速度”战略，高速成长，非线性发展。经营策略：通过用户评判、以提高用户为主导来树立企业品牌；通过对外拓展，标准化运营模式，大幅度扩展、巩固设计

20、市场份额；通过开放式、多方位的合作形式，建立、丰富工作室的人力资源队伍。工作风气：宽厚、专业、创新、高效。营销策划的方法 营销策划是对营销活动的设计与计划，而营销活动是企业的市场开拓活动，它贯穿于企业经营管理过程。因此，凡是涉及市场开拓的企业经营活动都是营销策划的内容。1点子方法 什么是点子？从现代营销角度来说，点子是指有丰富市场经验的营销策划人员经过深思熟虑，为营销方案的具体实施所想出的主意与方法。2创意方法 创意是指在市场调研前提下，以市场策略为依据，经过独特的心智训练后，有意识地运用新的方法组合旧的要素的过程。3谋略方法 谋略是关于某项事物、事情的决策和领导实施方案。编辑本段非策划的含义

21、非策划的含义非策划是相对于策划提出的一个策划思想.著名策划人兰何水生认为，策划人不能把自己禁锢在策划里头寻死觅活，策划人的高境界应该是超脱，超脱于策划理论技能之外，利用其他专业行业的知识解决策划内部的问题及与其他策划的较量，好比说，策划是正派武功，非策划是邪门歪道，策划人首先是敢于突破创新的人，沾一点、学一点甚至全用邪门歪道解决策划问题首先使得你看问题的视角和解决问题的方法更宽广，此外你的非策划必然让对手琢磨不透更易取胜。编辑本段概念及延伸概念及延伸概述概述有人问什么是策划。做某件事的逻辑顺序就是策划，也称作创意策划。简单的策划，也可以说是想法、创意、点子。比如某人要喝水，先要打井，要先勘测哪

22、块地方打下去会有好喝的水出来，要找好将要约好来打井的朋友，要找铲子，大家某时间地点集合一起去挖井，把这些做事的过程逻辑写下来以后就是一个策划。策划是书面语言（或图表）策划是书面语言（或图表）就是在这些书面语言（图表）中阐述出一个实现某件事情的理论逻辑过程，有人说，有好的想法，在心里就好，何必要写下来，到时把这个想法，用原话即时说出来给必要的人听就是了。用原话与书面的对比效果：原话需要你们双方亲身某个场合，嘴巴交流，需要占用双方的时间，表达思想需要各种技巧，你的想法在这些条件下，能否被对方记住，你离开了，这些思想交流的过程就消失了，这些都是原话的弊端，如果你真的想让对方看到你的思想，你就必须要写

23、下来，把这些思想放在了纸上，既可以方便你根据所得的资料即时改善想法，也不用你每个必要的人面前都占用时间去卖力的表达一遍，写在纸上也可以方便传播你的想法，别人可以在任何方便的时候，看到你的想法，这时你的想法就是策划了。策划的分类策划的分类策划根据公司的职业需要有分成游戏策划，市场策划，营销策划，广告策划，产品策划，节目策划，电影策划，房地产策划等等。虽然策划的职业不同，需要了解或找寻的知识资料也不同，但是策划要做的事情的方式都是一样的，无论从事哪方面的专职策划只要能掌握的策划逻辑就好，都不需要深入去学习相关行业的专业技能，比如做网络游戏策划，我们只要知道程序可以这么做到就好，不用告诉程序员程序要

24、怎么样去写，所以策划作为一个工作的门槛是很低的，你有思想有好的点子会写字或画图表达出来就可以成为策划。当然如果能全面的了解各方面的知识是最好了，特别是了解营销方面的知识会对策划的联想创意方面很有帮助。策划的启蒙策划的启蒙策划最初就来自于我们小时候的随着年龄而不停止的梦想，后来形成了很多想法，某个想法灵机闪现脱颖而出，它冲动着一时占据了你的思维，最后你把这个灵机闪现的想法写下它的实现的逻辑过程就是策划，所以好的策划一开始来自你的好的想法，常常好的想法来自你现实生活中的一些东西而形成产生的灵机想象，抓住灵机想象，不断调查得到资料，来务实的分析清楚即将去做某件事情的每一个细节过程得失，可能造成的问题与结果，在策划中根据其中各种问题的来提出解决方案，并分析其可行性。比如上面，策划中要分析清楚，要喝水是否就一定要打井呢，有没其他更好的方法，分析种种原因状况以后，再下定要做打井这件事情的决心，有了决心开始做事；打在哪里好？是否需要其他什么证照办理，是否需要与某些涉及到的人或者事物协调好才能打井？确定无误了，找朋友帮忙或者请工人来打井 所以让人看明白为什么要这么去做这件事情，就是策划要做的事情。本文档下载后可以修改编辑，欢迎下载收藏。