网站建设是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站。简单的信息如文字,图片(GIF,JPEG,PNG)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行,同样地它们亦需要标示语言移植在网站内。
网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计,网页图形设计,界面设计,创作,其中包括标准化的代码和专有软件,用户体验设计和搜索引擎优化。许多人常常会分为若干个工作小组,负责网站不同方面的设计。网页设计是设计过程的前端(客户端),通常用来描述的网站,并不是简单的一个页面,一个网站是包括很多工作的,其中包括域名注册设计效果图,布局页面,写代码等工作。
- 中文名
- 网站建设
- 外文名
- Website construction
- 项 目
- 策划、设计、功能、优化
- 平 台
- 互联网
- 分 类
- 设计、建模、和执行
目录
- 1 步骤
- ▪ 针对对象
- ▪ 频道
- ▪ 预算
- 2 符合标准
- 3 建站流程
- 4 网页格式
- 5 网页布局
- 6 配色
- 7 作用
- ▪ 企业形象提升
- ▪ 网络化的管理
- ▪ 开展电子商务
- 8 建站趋势
- 9 技巧
- 10 方案书
- 11 质量监控
- 12 工具技术
- 13 设计原则
- 14 相关概念
步骤
一、申请域名
网站建设流程
二、申请空间
三、定位网站
四、分析网站功能和需求(网站策划)
五、网站风格设计
六、网站代码制作
七、测试网站
八、FTP上传网站
九、完善资料
十、网站推广维护
针对对象
在设计网站前,必须告诉网站所针对的人群、区域、国家等;提供网站策划书,这样在设计上就会针对这种人群的浏览习惯特别定制您的网页。
网站建设前期准备工作相当重要,这决定你建站的目的,以及日后维护网站,让你的网站发挥作用等是相当的重要。
频道
网站频道就是网站的大框架,也就是主体部分,比如:首页,公司简介,新闻动态,产品展示,在线留言,联系我们等,这是标准的企业网站的内容。如果你有特定的框架,请您一一列出,这样方便我们设计。
预算
如果您对您的网页不清楚,没经验,不要紧,您最好告诉建站公司您最大程度的预算,他们会全程为您提供服务。您必须知道您网站的目的,是以广告形式、还是仅给现有的老客户观察?是功能型的,还是展示型的?风格定位要准确,功能型的网站在美工设计上可能不适合大块图片,在数据功能上比较强大,比如搜索,会员注册等,一般大型企业网、购物网、大型门户、交友网等都是属于功能型的,如果是展示型的,这种类型的网站可能大部分追求视觉上的美丽,对功能要求不高。那在美工上面,设计上就得有强烈的视觉感了。这种网站一般属于:美容业、女性用品、服饰等。
符合标准
符合标准的是一个术语,经常被用来描述网站和用户代理(通常是Web浏览器)相对符合web标准由万维网联盟(W3C)建议,也可以用来强调不使用专有的 方法或功能这些浏览器,以确保互操作性。这个词也被用来作为代码为“Internet Explorer以外的浏览器'。虽然没有完美的浏览器无缝地坚持当时都在安全标准,已经取得了巨大的进步,由几个主要的网页浏览器(如Mozilla的火狐和Google Chrome)在过去的几年中,这将确保在未来更好的互操作性。
建站流程
一、设定目标
网站建站流程开始先为网站设立一个目标,这个目标不是简单的,比如:我想做个漂亮的网站,或者我想做个强大的网站。你要先问问自己,为什么我要做这个网站?然后想吸引哪些人去访问这个网站?你不要指望网站所有人都会喜欢,你的这个网站描述的越详细,你的网站就越有可能会成功!
比如大部分的网站目标可能就是吸引潜在客户,然后购买公司的产品或者是服务。我们应该对这个目标描述的再详细一些。比如一家IT培训机构,他的主营培训项目呢就是IT职业培训,那么他的网站目标可以是这样:吸引18-26岁之间,没有工作或者是对工作不满的,喜欢计算机的年青人,通过网站了解IT职业然后选择培训科目。
二、整理内容
这个网站一旦被设立目标以后,随着来的就是它要执行的任务,我们为了完成这些任务呢,下一步就是要整理网站的内容。包括文章、图片、视频,然后我们把网站的结构设立出来,比如我想把网站的内容分成哪几个单元,每个单元的下面有什么样的分类,最后你还要考虑网站的功能,你的网站需不需要留言功能啊,论坛啊等等,然后可以根据这些需求,开始制定网站建设方案。
网页格式
静态网页
静态网页多数为单一的超文件标示语言档案。网站建设皆倾向把动态网页静态化,之后提交百度谷歌等搜索引擎最佳化,即
网站优化俗称“
伪静态”。设计和构建网站步骤,建立一个网站是一个伟大的方式来与世界分享您的想法和思想,全力以赴阅读!
动态网页
动态网页的内容随着用户的输入和互动而有所不同,或者随着用户、时间、数据修正等而改变。动态代码的一个网站,是指它的建筑或它是如何建成的,更具体的是指用于创建一个单一的网页的代码。动态的Web页面是动态生成的代码,程序或例程拼凑块。动态生成的网页会记得各种比特的信息从数据库中把它们放在一起,在一个预先定义的格式呈现为读者提供了一个一致的页面。在读取cookie识别用户以前的历史,会话变量,服务器端变量等多种方式,包括与用户交互,或通过直接互动(表单元素等)。一个站点可以显示用户的当前状态之间的对话,监控不断变化的情况,或提供一些个性化的要求的个人用户的信息。
网页布局
网页布局大致可分为“国”字型、拐角型、“T”字型、“
L ”字型、综合框架型、Flash型、变化型,在这里就不做一一论述了。其实在我们做设计的时候并没有过多的去考虑什么形式,最重要的是抓住客户的需求,把握网站的定位做出合理的框架布局。
三栏式网页设计布局
1、 分辨率
网页的整体宽度可分为三种设置形式:百分比、像素、像素+百分比。通常在网站建设中以象素形式最为常用,行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题,常用的是1024*768和800*600的分辨率,网络上很多都是用到778个象素的宽度,在800的分辨率下面往往使整个网页很压抑,有种不透气的感觉,其实这个宽度是指在800*600的分辨率上网页的最宽宽度,不代表最佳视觉,不妨试试760~770的像素,不管在1024还是800的分辨率下都可以达到较佳的视觉效果。
2、合理广告
在一些网站的广告(弹出广告、浮动广告、大广告、
banner广告、通栏广告等等……)让人觉得很烦琐,根本就不愿意来看,有时连你这个网站都不上了,这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。
浮动广告有两种,第一种是在网页两边空余的地方可以上下浮动的广告,第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种,不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、妨碍到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心,避免客户流失等……
3、空间的合理利用
很多的网页都具有一个特点,用一个字来形容,那就是“塞”,它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上,有多少挤多少,不加以规范,导致浏览时会遇到很多的不方便,主要就是页面主次不分,喧宾夺主,要不就是没有重点,没有很好的归类,整体就像个大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡,也可以用个“散”字来形容。
4、文字编排
在网页设计中,字体的处理与颜色、版式、图形化等其他设计元素的处理一样。
4.1文字图形化
文字图形化就是将文字用图片的形式来表现,这种形式在页面的子栏目里面最为常用,因为它具有突出,同时又美化了页面,使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。
4.2强调文字
nnt流量
如果将个别文字作为页面的诉求重点,则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果,使其在页面整体中显得出众而夺目。这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。
它由域名(domain name 俗称网址),网站源程序和网站空间三部分构成。域名(俗称网址);网站空间由专门的独立服务器或租用的虚拟主机承担;网站源程序则放在网站空间里面,表现为网站前台和网站后台。
配色
1、用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。
2、用两种色彩。先选定一种色彩,然后选择它的对比色(在Photoshop里按ctrl+shift+I)再进行微小的调整。整个页面色彩丰富但不花哨。
3、用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。也就是在同一色系里面采用不同的颜色使网页增加色彩,而又不花,色调统一。这种配色方法在网站设计种最为常用。
4、灰色在网页设计中又称为“万能色”,其特点是可以和任何颜色搭配,在使用时把握量避免网页变灰。
在网页配色中,尽量控制在三种色彩以内,以避免网页花、乱、没有主色的显现。背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。网站制作执行的工作类型 就业性质 Web开发人员可以找到所有类型的企业,包括大型企业和政府部门,中小型企业,或者单独作为自由职业者的工作。有些网络开发人员工作的一个组织作为一个永久的全职雇员,而另一些可能作为独立的顾问公司,职业介绍所或承包商。现代的Web应用程序通常包含三层或更多层,上规模的团队的开发工作,他或她可以专注于一个或多个这些层面 - 或可能需要一个多学科交叉的作用。
作用
企业形象提升
互联网作为唯一一种全天候24小时不间断的媒体平台是传统媒体可望不可及的。作为一个企业,在互联网上建立自己的网站,最显而易见的就是可以向世界展示自己的 企业风采,让更多人了解自己的企业,使企业能够在公众知名度上有一定的提升。
网络化的管理
在一个有相对规模的企业中,信息流、物流、资金流的管理应该有一个比较规范和科学的流程。而网络的出现,恰恰满足了这种业务管理自动化的需要。在这里,网络在提高效率,比如内部新闻通告,订货管理,
客户管理,采购管理,员工管理等等许多繁杂的工作都可以在互联网和
局域网上很轻松地完成。
(1)扩张资本规模;
网络
(2)优化企业财务结构;
(3)进行资产重组;
(4)调整产品结构,促进产业升级
(5)品牌保护;
(6)推广(主要作用);
(7)为企业节约网络营销费用。
开展电子商务
直接利用互联网开展电子商务,是企业上网的理想目标,对于一些大型公司来说这已成为了现实。他们已经尝到了电子商务带来的巨大好处:内部信息数据的瞬间沟通、人员联系的日趋紧密、业务开展效率加快、国际化成分的日益增加、大量门面与分支机构的消减所带来的资金节约等等。
中国上市公司网站评选研究中心在体验式访问中发现,涉足电子商务的上市公司已达四五百家,在公司官方网站中体现电子商务应用和功能的有90余家。
随着上市公司网站中电子商务功能的不断改进、完善,其网站的页面设计及栏目设置、功能也有很大的提升。金融、银行、保险、航空、商业贸易、家电等行业的上市公司网站在电子商务方面的应用已经较为成熟,而像纺织、医药、房地产、化工、钢铁等行业通过官方网站应用电子商务的上市公司则越来越多。上市公司围绕电子商务应用,以及受众性与实用性,网站设计水平整体较高,页面也较美观。
建站趋势
网络纷繁复杂各种消息都有,囊括了方方面面,比如生活服务、休闲娱乐还有科学教育等等。而网络是个比较年轻的新型媒体,作为还不太成熟的新物种,人们虽然已经习惯了它的存在但还没有完全掌握它的用途。所以,大多数人在上网的时候,都会浏览网页提供给我们的信息。我们要在自己网站的首页展示当下最红火的新闻内容或者是最惹人关注的热点,吸引住浏览用户的目光,最后点击查看他感兴趣的信息。
在网页设计中,总是有倾向的特定技术来观察,或跟踪的网页设计师加强的趋势。这里有专有和开源和免费的技术专用的支持者。又增加自由和开放源码技术,包括由W3C和WHATWG进行监控和批准,监督和实施增加。
趋势可以发现,不仅在看在时尚领域的使用的技术,如网站和匹配的标志是清晰的喜好确定。著名的艺术字Web 2.0至今的重要作用的帮助。
HMTL5趋势以来,虽然HTML5不会取代Flash或 Shockwave,但它将会对互联网的很多方面做出改进,使网站具备更丰富的功能,包括跟踪用户位置和在云计算平台中存储更多数据等。在一些简单的功能 方面,HTML5将会取代插件,它可为广大用户提供更强大的信息处理能力。此外,HTML5还可能使互联网访问变得更加安全和高效。
浏览器提供商产生出相当多的互联网浏览器的改进思路,正是这些思路逐渐发展为第五代HTML标准的原型。第五代HTML正式规范制订,许多HTML5的用户惊讶地发现,尽管规范制订得很好,但它距离成为标准还 有很长的差距。举例来说,苹果的HTML5测试版虽然给用户留下了深刻印象,但只在Safari浏览器上才能很好地运行。
技巧
一、网站主题规划
主题不可过于分散,网站主题越集中,一般情况下网站所有者在这方面投入的精力会更多,因此所提供信息的质量也会越高。
二、丰富网站内容
中国五百强企业网站欣赏(14张)
两者相辅相成,有着丰富内容的通常会受访问者的欢迎。但是这里的内容丰富并不是指内容的繁杂,而是指内容的深度。搜索引擎在排名网站时,不仅要看网页的信息相关度,同时也会考虑网站的声望如何,比如外部链接有多少,网页的点击率有多高等等。因此一个内容充实的网站肯定会排在内容贫乏的网站前面由于不同的搜索引擎在网页支持方面存在差异,因此在网页设计时不要只注意外观漂亮,许多平常设计网页时常用到的元素到了搜索引擎那里会产生问题。
三、框架结构
有些搜索引擎(如FAST)是不支持框架结构的,他们的"蜘蛛"程序无法阅读这样的网页。图象区块(Image Maps),除AltaVista、Google明确支持图像区块链接,其他引擎是不支持它的。当"蜘蛛"程序遇到这种结构时,往往会感到茫然不知所措。因此尽量不要设置ImageMap链接。
四、特效链接
有不少的网站为导航链接加上了特效,如点击某个项目会展开下层链接等。这些效果一般通过Java script实现,视觉上非常新颖,但在"蜘蛛"程序的眼里则没那么诱人,相反它无法解读这种链接。为了让搜索引擎顺利检索到网页,建议还是牺牲掉一些花哨的东西。
五、FLASH
虽然FLASH制作的网页视觉效果较好,但搜索引擎对此却不太感冒,个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择,这样即增加了网页的观赏性,又照顾到了搜索引擎的情绪。
六、动态网页(DynamicPages)
任何地址中带“?”号、“&”号(及其他类似符号)的网页都会把“蜘蛛”程序挡在门外。这些网页通常由 CGI、PHP、ASP、JSP等程序产生,技术上较先进,但不适合搜索引擎的“蜘蛛”程序。
七、代码质量
当创建一个网站,它是很好的做法,以符合标准。这通常是通过描述指定元件做什么。不符合标准的网站无法使用或容易出错的,标准可以涉及到正确的页面布局的可读性,以及确保适当地关闭了编码元素。这包括代码中的错误,代码为更好的布局,以及确保你的ID和class的正确识别。
八、新标准
W3C已经发布了新的标准的HTML(HTML5)和CSS(CSS3),以及新的JavascriptAPI的每一个新的,但个人的标准,但是,而在长期HTML5是只使用到参考的新版本的HTML(标准通用标记语言下的一个应用)和一些的JavaScript的API,它已成为常见的,用它来 指整套新标准(HTML5,CSS3和JavaScript)。
方案书
一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的,确定网站的功能,确定网站规模、投入费用,进行必要的市场分析等。只有详细的规划,才能避免在网站建设中出现的很多问题,使网站建设能顺利进行。
网站建设方案书出现在了应该尽可能涵盖网站规划中的各个方面,网站规划书的写作要科学、认真、实事求是。
注意事项
你的目标是创建什么类型的网站,你可能会为了好玩,他可能会以盈利为目的,或一些两者的结合。了解你的期望,才能更合理设计你的网站,并跟踪和有意义的结果。
质量监控
网站建设的流程无外乎首页设计、内页设计、前后台编码、网站测试和验收确认工作。因此,在每一个‘关键’环节当中建立起监测点,并严格遵照建站项目质量方案书的要求进行,是避免网站建设项目发生错误,以致无可挽回的损失或需重头再进行的重要手段。
工具技术
Web设计人员使用各种不同的工具的一部分。这些工具的生产过程中,他们都参与更新,随着时间的推移,新的标准和软件,但背后的原理仍然是相同的。Web图形设计人员使用向量和光栅图形包,用于创建Web格式的图像或设计原型。可以手工编码所产生的所见即所得的软件,用于创建网站的技术包括标准化的标记起来。也有专有的软件
插件,绕过客户端的浏览器版本的基础上,这些往往是所见即所得的,但选择使用该软件的脚本语言。搜索引擎优化工具可以用来检查搜索引擎中的排名,并提出改进建议。
设计原则
1、使用方便、功能实现能力强:网站要实现的访问目的无非在于:提高网站知名度,增强网页吸引力;实现从潜在顾客到实际顾客的转化;实现从普通顾客转化成忠诚顾客等。为用户提供人性化的多功能界面,并能为顾客提供方便显得十分重要。
2、要有丰富的网站内容:网站就向报纸一样,其内容相当重要,没人愿意会两次看同一份毫无新意的报纸一样。因此,网站的吸引力直接来源于网站的内容,直接影响网站的质量。
3、对客户的个人信息要予以保护:随着互联网的发展,个性化服务也越来越贴心,在如此发达的今天,我们怎么样赢得客户的尊重与信任相当重要。如,许多网站要求用户首先注册为会员,网站收集用户资料,要求用户填写个人信息,这些真正的目的在于什么?
4、页面打开的速度要快:如果不能保证每个页面下载速度,至少应该保证主页能尽快的打开,因此,让网页简单化相当重要,尽量将最重要的内容放在首页以及避免使用大量的图片。页面下载速度是网站留住访问者的关键因素,一般人的耐心是有限的,如果10-25秒还不能打开一个网页,就很难让人等待了。在国外已经大大流行使用文字降低了网页的视觉效果,显得有些呆板,表明网友们上网的时间大多数是看文字资讯。
5、网站品质优秀:我们平时上网时,经常可以看到“该网页已被删除或不能显示”、“Filenotfound”等错误链接,让我们上网心情很不爽,甚至让人难以忍受,这样也就严重影响了用户对网站的信心。如果我们的网站能够服务周到,多替顾客考虑,多站在顾客的立场上来分析问题的话,并尽力去实现的话,会让客户增强对网站及公司的信任度。
相关概念
“移动优先”和“Unobtrusive JavaScript”/“渐进增强”(考虑一种新的网站设计时的策略)是先于 RWD 的相关概念: 基础的手机浏览器不理解 JavaScript 或者 media queries,因此建议的做法是创建一个只有基本框架的网站,然后再为智能手机和 PC 提供增强功能;而不是试着“优雅降级”——让一个复杂的,图像丰富的站点工作在最基本的移动电话上。
基于浏览器,特性或设备探测的渐进增强
在一个网站必须支持缺乏JavaScript 的基本的移动设备的情况下,浏览器 (用户代理) 探测 (也叫做“浏览器嗅探”),和移动设备探测[14][17]是推断某些 HTML 和 CSS 特性是否受支持的两种方式 (作为渐进增强的基础)—然而,这些方法不完全可靠。
相关文章