1 3 7 - 1 4 4 1 - 9 7 9 7
首页 > 品牌伙伴 > 品牌伙伴详细内容

网站设想都包含甚么

来源:品牌网站优化 | 作者:品牌网站优化 | 时间:2022-04-11 | 浏览:1297
字体大小:


网站筹算,包括的内容非常多。大要分两个方面:



一方面是网站的延长筹算,包括网站的主题定位和浏览群的定位,智能交互,建造筹谋,笼统包装,张扬营销等等。



另外一方面是纯网站本身的筹算譬喻笔墨排版,图片建造,平面筹算,三维平面筹算,静态无声图文,静态有声影象等;



这两方面相反相成(感到有点象写辨证论文:),加上聚集技巧的飞速展开,要提出一个绝瞄准确和权势巨子的筹算思绪是不克不及够也许的,要想在一篇文章中归结综合出来也很难,以是阿捷按照培植一个网站的思绪,将本身几年来网站筹算建造的心得清算成一个系列“讲座”,见告给大师(注重:我其实不会非常详细地讲某一个技巧或建造技术,重点在于思绪)平息能给您一些帮助。下面是大抵的提要:



1.定位你的网站CI笼统;

2.定位你的网站主题和称呼;

3.网站的团体风格创意筹算

4.断定你的栏目和版块;

5.首页的筹算

6.网站的层次组织和链接组织

7.版面组织的诀窍

8.色彩的搭配

9.效果与速度

10.替浏览者考虑

11.纤细之处见功力

12.培植完成度与推出时候

13.交互性与亲和度

14.考虑差异的浏览器和分辩率

15.字体的设置和表格的嵌套

16.新技巧的应用弃取

17.筹算好你的banner和位置

18.对网站筹算初学者的提议

19.语句笔墨--融入豪情



以上是本“系列”文章的提要,会按照实际撰写情况作些更改。每礼拜一篇。我们起头之前,起首领略几个前提:



一.在文章中,能够也许举例阐明或点评到某些详细站点。起首声名,阿捷不存在为任何站点作告白的“怀疑“。



二.网站筹算与网站建造。我们说网站“筹算”而不是网站“建造”,它们的区分在于筹算是一个思考的过程,而建造只是将思考的成果显现出来。一个乐成的网站起首需求一个优良的筹算,然后辅之优良的建造。筹算是网站的核心和魂灵,一个不异的筹算能够有多种建造显现的体例。



三.我们说的“网站”是指有断定主题和领略方针的合用性站点,不包括纯显现类梗概纯笔墨类网站。



好了,空话少说,我们进入正题:



========================================================



一:定位你的网站主题和称呼



筹算一个站点,起首碰着的成绩就是定位网站主题。

所谓主题也就是你的网站的题材。聚集上的网站题材光怪陆离,满目琳琅。只需你想的到,就能够把它建造出来。下面是美国《小我电脑》杂志(PC Magazine)评出的99年度排名前100位的全美着名网站的十类题材,对我们有一些参考价值。

第1类:生涯/时兴

第2类:网上求职

第3类:网上谈天/连忙信息/ ICQ

第4类:网上社区/会商 / 邮件列表

第5类:计较机技巧

第6类:网页/ 网站开发

第7类:文娱网站

第8类:旅行

第9类:参考 /资讯

第10类:家庭/教导



每个大类都能够继续细分,譬喻文娱类再分为体育 /影戏/ 音乐大类,音乐又能够按格局分为MP3,VQF,Ra,按显现方式分古典,古代,摇滚等。以上都只是最罕见的题材,另有很多专业的,另类的,怪异的题材能够遴选,譬喻西医,热带鱼,天气预报等等,同时,各个题材相联系和交织连系能够发作新得题材,譬喻旅游服装网www.vhao.net论坛t.vhao.net(旅游+会商),典范入球播放(足球+影视)按这样分下去,题材能够有不计其数个,你不会再为题材反复,难以遴选而懊恼了吧:)



关于题材的遴选,我的提议是:



1.题材最好是你本身擅长梗概喜欢的内容。譬喻:您对擅长编程,就能够建立一个编程快乐喜爱者网站;对足球感兴趣,能够报导最新的战况,球星静态等。这样在建造时,才不会觉得无聊梗概力有未逮。兴趣是建造网站的动力,没有热忱,很难筹算建造出卓异的作品。

3.题材不要太滥梗概方针太高。“太滥”是指处处可见,大家都有的题材;譬喻软件下载,免费信息。“方针太高”是指在这一题材上已有非常优良,着名度很高的站点,你要超出它是很艰辛的。除非你下决计和有气力互助并超出它,记着,在互联网上只需第一,人们经常只记得最好的网站,第二第三名的印象则会浅很多。



2.主题要小而精。定位要小,内容要精。假如你想建造一个包括万象的站点,把一切您觉得精彩的器材都放鄙人面,那么经常会适得其反,给人的感到是没有主题,没有特点,样样有却样样都很浮浅,由于您不克不及够也许有那么多的精神去回护它。聚集的最大特色就是新和快,面前目今当今最热门的小我主页都是天天更新甚至几小时更新一次。最新的查询造访成果也显现,聚集上的“主题站”比“万全站”更受人们喜欢,就比如专卖店和百货商店,假如我需求买某方面的器材,必定会遴选专买店。再举个例子,我的一名网友KK平息建造文学方面的题材,但是文学也包括很多很多内容,有小说,诗歌,散文;有科幻,武侠,推理;阿捷仔细懂得了他的擅长和想要供给的主要内容,末了将题材定位在聚集文学上,删除原有的一些有关的文学作品,荟萃扩展和清算聚集文学作品。网站推出后,很快遭到大师的喜欢。



  OK,假如你已有一个绝妙的主张了,那我们起头为网站起名字。(哎呀,别踢我!)您能够也许觉得起名字与网站筹算有关,阿捷在这里糟蹋时候。其实网站称呼也是网站筹算的一部分,而且是很关键的一个要素。你来看,“电脑进修室”和“电脑之家”明显是后者精练;“迷笛乐土”和“MIDI乐土”明显是后者了了;“儿童寰宇”和“中国幼儿园”明显是后者大气。我们都知道PIIICUP的中文称呼“奔腾”,假如改成“飞驰”,能够也许就没有明天这么“火”了:)。和实际生涯中一样,网站称呼是否是邪气,清脆,易记,对网站的笼统和张扬奉行也有很大影响。一样平常的提议是:



  1. 称呼要正。这个“正”是阿捷本身的说法,其实就是要正当,和理,和情。不克不及用革命的,色情的,迷信的,伤害社会平安的名词语句。

  2. 称呼要易记。按照中文网站浏览者的特色,除非特定需求,网站称呼最好用中文称呼,不要应用英文梗概中英文混杂型称呼。譬喻:beyond studio和超出任务室,后者更亲热好记。别的,网站称呼的字数应该控制在六个字(最好四个字)之内,譬喻“XX阁”“XX筹算室”,四个字的能够用成语,如“一网打进”。字数少另有个好处,一样平常友谊链接的小logo尺寸是88X31,而六个字的宽度是78阁下,适宜于其他站点的链接排版。

  3. 称呼要有特点。称呼平实就能够吸收,假如能显现必定的内在,给浏览者更多的视觉打击和空间想象力,则为下品。这里举几个阿捷觉得很好的称呼:音乐前卫,网页陶吧,天籁绝音。在显现出网站主题的同时,能点出特点之处。



  总之,定位题材和称呼是筹算一个网站的第一步,也是很主要的一部分。假如能找到一个对劲的称呼,花一天时候翻字典也是值得的:)

  好,明天的心得就写到这里。由于是第一篇,以是假如您对本系列讲座方式有任何提议,请速来信见告阿捷,以便阿捷作呼应更改。假如您有更好的心得,也请来信,阿捷会择优颁发。谢谢大师!下次我们会商的主题是“定位你的网站CI笼统”。





 所谓CI,是借用的告白术语。(CI是英文corporate identity的缩写),意义是经由过程视觉来同一企业的笼统。实际生涯中的CI筹谋触目皆是,卓异的例子如:可口可乐公 司,环球同一的标志,色彩和产品包装,给我们的印象极其深入。更多的例子如SONY,三菱,麦当劳等等。



  一个卓异的网站,和实体公司一样,也需求团体的笼统包装和筹算。准确的,有创意的CI 筹算,对网站的张扬奉行有事半功倍的效果。在您的网站主题和称呼定上去以后,需求思考的就是网站的CI笼统。



  有网友要问了:我不是学告白专业的,CI对我来说能够也许太难了吧:( 不消耽忧,阿捷本身也没有学过筹算专业哦。大师只需参考我的一些详细做法和履历,很轻易将本身网站的CI搞定:)



  1.筹算网站的标志(logo).起首你需求筹算建造一个网站的标志(logo)。就如同商标一样,logo是你站点特点和内在的荟萃显现,瞥见logo就让大师遐想起你的站点。注重:这里的logo不是指88X31的小图标banner,而是网站的标志。



  标志能够是中文,英笔墨母,能够是标记,图案,能够是植物梗概人物等等。譬喻:soim是用soim的英文作为标志,新浪用字母sina+眼睛作为标志。标志的筹算创意来自你网站的称呼和内容。



  (1).网站有代表性的人物,植物,花卉,能够用它们作为筹算的底本,加以卡通化和艺术化,譬喻迪斯尼的米老鼠,搜狐的卡通狐狸,鲨威体坛的篮球鲨鱼。



  (2).网站有专业性的,能够以本专业有代表的物品作为标志。譬喻中国银行的铜板标志,飞驰汽车的偏向盘标志。



  (3).最经常应用和最简略的体例是用本身网站的英文称呼作标志。采用差异的字体, 字母的变形,字母的组合能够很轻易建造好本身的标志。



  2.筹算网站的尺度色彩。网站给人的第一印象来自视觉打击,断定网站的尺度色彩是相称主要的一步。差异的色彩搭配发作差异的效果,并能够也许影响到会见者的感情。



  “尺度色彩”是指能显现网站型象和延长内在的色彩。举个实际的例子就领略了:IBM的深蓝色,肯得基的白色条型,windows视窗标志上的红蓝黄绿色块,都使我们觉得很贴切,很谐和。假如将IBM改用绿色或金黄色,我们会有甚么感到?



  一样平常来说,一个网站的尺度色彩不超出3种,太多则让人头昏眼花。尺度色彩要用于网站的标志,标题问题,主菜单和主色块。给人以团体同一的感到。至于别的色彩也能够应用,只是作为装点和烘托,毫不克不及鹊巢鸠占。



  一样平常来说,适宜于网页尺度色的色彩有:蓝色,黄/橙色,黑/灰/白色三大系列色。(注:关于色彩搭配的详细法子,我们会在本系列文章的第八篇引见)。



  3.筹算网站的尺度字体。和尺度色彩一样,尺度字体是指用于标志,标题问题,主菜单的特有字体。一样平常我们网页默许的字体是宋体。为了显现站点的“与众差异”和特有风格,我们能够按照需求遴选一些特殊字体。譬喻,为了显现专业能够应用粗仿宋体,显现筹算精彩能够用告白体,显现亲热随意能够用手写体等等。当然这些都是阿捷的小我观点,你能够按照本身网站所表达的内在,遴选更贴切的字体。面前目今当今罕见的中笔墨体有二三十种,罕见的英笔墨体有近百种,聚集上另有很多公用英文艺术字体下载,要寻觅一款对劲的字体其实不算艰辛:)





  需求阐明的是:应用非默许字体只能用图片的方式,由于很能够也许浏览者的PC里没有装置你的特殊字体,那么您的辛劳筹算建造便付之东流啦!



  4.筹算网站的张扬口号。也能够说是网站的精神,网站的方针。用一句话甚至一个词来高度归结综合。类似实际生涯中的告白金句。譬喻:鹊巢的“滋味好极了”;麦斯威尔的“好器材和洽同伙一路分享”;Intel的“给你一个奔腾的心”。



  以上四方面:标志,色彩,字体,口号,是一个网站建立CI笼统的关键,实在的说是网站的表面文章,筹算并完成这几步,你的网站将洗心革面,团体笼统有一个提高。笼统地说:你从一个洋气的农人改变成一名西装革履的白领人士。(注重:我们只是以平面静态来筹算CI,还没有引入声响,三维平面等身分。)



  好了,看了以上的引见,你应该对网站CI有了一个初步的概念。也许不是很领略,由于那些事理太笼统了,你能够也许需求一些实际的,更活泼的例子。阿捷会在本身的主页上同时点窜增补一些实例。下一节,我们来会商“断定网站的栏目版块”,迎接您参与,谢谢!



断定网站的栏目和版块



  《筹算的思考》系列文章,明天起头写第三篇。阿捷不是专业的网页筹算师,但阿捷将尽本身所能把这个系列文章写好,尽能够也许将本身实际过程中总结的履历和心得见告给大师,平息能给您一点收成,一点启发。文章中所列概念如有差异定见,迎接您来信会商,来信寄ajie@soim.com,谢谢。



  我们在前二篇文章里进修了定位网站主题和建立网站的CI笼统。下面是否是该进入本性性的筹算建造阶段呢?谜底是:不克不及。履历见告我们,建立一个网站比如写一篇文章,起重要拟好提要,文章才能主题领略,层次明白;也比如造一座高楼,起重要筹算好框架图纸,才能使楼房组织合理。



  初学者(包括我本身:-),最轻易犯的毛病就是:断定题材后连忙起头建造。当你一页一页建造终了后才发现:网站组织不明白,目次错杂,内容东一块西一块。成果不仅浏览者看得胡涂,本身扩大和回护网站也相称艰辛,您的网站也许就此功亏一篑,更糟的是:你是以落空了建造主页的信心和兴趣!



  以是,我们在脱手建造网页前,必定要考虑好以下三方面:



  1.断定栏目和版块;

  2.断定网站的目次组织和链接组织

  3.断定网站的团体风格创意筹算



  明天我们起首来会商“断定网站的栏目和版块”。



  网站的题材断定后,置信你已聚集和组织了很多相关的材料内容。你必定觉得这些都是最好的,必定能吸收网友们来浏览网站。但是你有没有将最好的,最吸收人的内容放在最凸起的位置呢?有没有让好器材在版面漫衍上占绝对优势呢?



  我瞥见很多小我主页的栏目(主菜单)其实不是这样的。举个例子:有一个以供给动画素材为主题的站点,它的主栏目是:关于站长,本站导航,动画宝库,本站服装网www.vhao.net论坛t.vhao.net,本站留言本,联系站长。首页上写着本站网址和版权声名(居然另有将本站设为首页字样)。最主要的,最吸收人的动画素材在主栏目里占1/6,在首页上一字没提。我想纵然这个站点的确有大批的,精彩的动画素材,也很难吸收浏览者继续挖掘。



  栏方针本性是一个网站的纲目索引,索引应该将网站的主体领略显现出来。在制定栏方针时候,要仔细考虑,合理支配。一样平常的网站栏目支配要注重以下几方面:



  1.必定记着要紧扣你的主题!

  一样平常的做法是:将你的主题按必定的法子分类并将它们作为网站的主栏目。例以下面的例子,能够将栏目分为植物动画,标志动画,三维动画,卡通动画等,在首页上标明近来更新的动画。记着:主题栏目个数在总栏目中要占绝对优势,这样的网站显的专业,主题凸起,轻易给人留下深入印象。



  2.设一个近来更新或网站指南栏目

  假如你的首页没有支配版面安排近来更新内容信息,就有须要设立一个“近来更新”的栏目。这样做是为了照料常来的访客,让你的主页更有兽性化。



  假如你的主页内容宏大(超出15MB),层次较多,而又没有站内的搜刮引擎,提议您设置“本站指南”栏目。能够帮助初访者快速找到他们想要的内容。



  3.设定一个能够双向交换的栏目

  不需求很多,但必定要有。譬喻服装网www.vhao.net论坛t.vhao.net,留言本,邮件列表等,能够让浏览者留下他们的信息。有查询造访诠释,供给双向交换的站点比简略的留一个"Email me"的站点更具有亲和力。



  4.设一个下载或罕见成绩回覆栏目

  聚集的特色是信息同享。假如你看到一个站点有大批的优良的有价值的材料,你必定平息能一次性下载,而不是一页一页浏览存盘。“设身处地”在你本身的主页上设置一个材料下载栏目,会获得大师的快乐喜爱。有些站点为了告白显现量,一篇文章还要分几页显现,我觉得早晚会因会见量降落而裁汰(小我定见:)。别的,假如您的站点经常收到网友关于某方面的成绩来信,你最好设立一个罕见成绩回覆的栏目,既便利了网友,也能够勤俭本身更多时候用以进修。



  至于其他的帮助内容,如关于本站,版权信息等能够不放在主栏目里,以避免冲淡主题。总结以上几点,我们得出别离栏目需求注重的是:



  ●尽能够也许删除与主题有关的栏目

  ●尽能够也许将网站最有价值的内容列在栏目上

  ●尽能够也许便利会见者的浏览和查询

  

  下面说的是栏目,我们再看看版块设置。版块比栏方针概念要大一些,每个版块都有本身的栏目。举个例子:网易的站点分新闻,体育,财经,文娱,教导等版块,每个版块下面有各有本身的主栏目。一样平常的小我站点内容少,只需主栏目(主菜单)就够了,不需求设置版块。假如你觉得的确有须要设置版块的,应该注重1.各版块要有绝对独立性。2.各版块要有相互联系关系。3.版块的内容要环绕站点主题。关于版块方面,主如果流派站点等较大ICP需求考虑的成绩,阿捷在此

不再作睁开会商。

   

  好,已深夜了,明天就写到这。阿捷下次继续和大师讨论如何"断定网站的目次组织和链接组织",谢谢。



断定网站的目次组织和链接组织



 大师好。这是《筹算的思考》系列文章第四篇。假如你需求前几期文章能够到索易下载《多媒体与网站开发》电子杂志,也能够到我小我主页《网页筹算师》浏览。



  上篇讲到:我们在脱手建造网页前,必定要考虑好以下三方面:



  1.断定栏目和版块;

  2.断定网站的目次组织和链接组织

  3.断定网站的团体风格创意筹算

  明天我们继续来会商“断定网站的目次组织和链接组织”。



  一.网站的目次组织



  网站的目次是指你建立网站时建立的目次。譬喻:在用frontpage98建立网站时都默许建立了根目次和images子目次。目次的组织是一个轻易忽视的成绩,大大都站长都是未经筹算,随意建立子目次。目次组织的利害,对浏览者来说并没有甚么太大的感到,但是关于站点本身的上传回护,内容未来的扩大和移植有着主要的影响。下面是建立目次组织的一些提议:



  ●不要将一切文件都寄存在根目次下。



  有网友为了便利,将一切文件都放在根目次下。这样做组成的晦气影响在于:

  1.文件经管凌乱。你经常搞不清哪些文件需求编纂和更新,哪些无用的文件能够删除,哪些是相关联的文件,影响任务效率。

  2.上传速度慢。管事器一样平常都市为根目次建立一个文件索引。当您将一切文件都放在根目次下,那么纵然你只上传更新一个文件,管事器也需求将一切文件再检索一遍,建立新的索引文件。很明显,文件量越大,守候的时候也将越长。以是,给您的提议是:尽能够也许增加根目次的文件寄存数。



  ●按栏目内容建立子目次。



  子目次的建立,起首按主菜单栏目建立。譬喻:网页教程类站点能够按照技巧种别别离建立呼应的目次,象Flash,Dhtml,Javascript等;企业站点能够按公司简介,产品引见,价值,在线订单,反响联系等建立呼应目次。



其他的主要栏目,类似what's new,友谊连接内容较多,需求经常更新的能够建立独立的子目次。而一些相关性强,不需求经常更新的栏目,譬喻:关于本站,关于站长,站点经历等能够兼并放在一个同一目次下。



一切次序一样平常都寄存在特定目次。譬喻:CGI次序放在cgi-bin目次。便于回护经管。一切需求下载的内容也最好放在一个目次下。



  ●在每个主目次下都建立独立的images目次。



  默许的,一个站点根目次下都有一个images目次。刚起头进修主页建造时,阿捷习惯将一切图片都寄存在这个目次里。但是厥后发现很不便利,当我需求将某个主栏目打包供网友下载,梗概将某个栏目删除时,图片的经管相称贫苦。颠末实际发现:为每个主栏目建立一个独立的images目次是最便利经管的。而根目次下的images目次只是用来放首页和一些主要栏方针图片。



  ●目次的层次不要太深。



  目次的层次提议不要超出3层。启事很简略,回护经管便利。



  别的需求注重的另有:



  1.不要应用中文目次;聚集无版图,应用中文目次能够也许对网址的准确显现组成艰辛。

  2.不要应用太长的目次;虽然管事器支持长文件名,但是太长的目次名不便于影象。

  3.尽可能应用意义领略的目次;下面的例子中,你能够用Flash,Dhtml,Javascript来建立目次,也能够用1,2,3建立目次,但是哪个更领略,更便于影象和经管呢?明显是前者!



  随着网页技巧的不竭展开,利用数据库梗概其他背景次序主动天生网页越来越普遍,网站的目次组织也势必奔腾到一个新的组织层次。



  二.网站的链接组织



  网站的链接组织是指页面之间相互链接的拓扑组织。它建立在目次组织基础之上,但能够逾越目次。笼统的说:每个页面都是一个牢固点,链接则是在两个牢固点之间的连线。一个点能够和一个点连接,也能够和多个点连接。更主要的是,这些点其实不是漫衍在一个平面上,而是存在于一个平面的空间中。



  ●我们研讨网站的链接组织的方针在于:用起码的链接,使得浏览最有效率。



  一样平常的,建立网站的链接组织有两种基础体例:



  1.树状链接组织(一对一)。类似DOS的目次组织,首页链接指向一级页面,一级页面链接指向二级页面。平面组织看起来就象蒲公英。这样的链接组织浏览时,一级级进入,一级级加入。优点是层次明白,会见者领略知道本身在甚么位置,不会"迷"路。错误谬误是浏览效率低,一个栏面前目今的子页面到另外一个栏面前目今的子页面,必须绕经首页。



  2.星状链接组织(一对多)。类似聚集管事器的链接,每个页面相互之间都建立有链接。平面组织象东方明珠电视塔上的钢球。这类链接组织的优点是浏览便利,随时能够到达本身快乐喜爱的页面。错误谬误是链接太多,轻易使浏览者迷路,搞不清本身在甚么位置,看了几许内容。



  这两种基础组织都只是理想体例,在实际的网站筹算中,老是将这两种组织混杂起来应用。我们平息浏览者既能够便利快速的到达本身需求的页面,又能够明白的知道本身的位置。以是,最好的法子是:



  ●首页和一级页面之间用星状链接组织,一级和二级页面之间用树状链接组织。



  举个例子。一个新闻站点的页面组织以下:

---------------------------------------------------



一级页面 二级页面



财经新闻页 -- [财经新闻1,财经新闻2...]

/ |

首页 -- 文娱新闻页 -- [文娱新闻1,文娱新闻2...]

|

IT新闻页 -- [IT新闻1,IT新闻2...]



----------------------------------------------------

  个中,首页,财经新闻页,文娱新闻页,IT新闻页之间是星状链接,能够相互点击,直接到达。而财经新闻页和它的子页面之间是树状连接,浏览财经新闻1后,你必须回到财经新闻页,才能浏览IT新闻2。以是,有站点为了免去前往一级页面的贫苦,将二级页面直接用新开窗口(POP up windows)翻开,浏览竣事后封闭便可。



  注重:以上我们都是用的三级页面举例。假如您的站点内容宏大,分类明细,需求超出三级页面,那么提议你在页面里显现导航条,能够帮助浏览者领略本身所处的位置。就是您经常看到很多网站页面顶部的,类似这样:“您面前目今当今的位置是:首页->财经新闻->股市信息->深圳股->深展开”



  关于链接组织的筹算,在实际的网页建造中长短常主要一环。采用甚么样的链接组织直接影响到版面的组织。譬喻你的主菜单放在甚么位置,是否是每页都需求安排,是否是需求用分帧框架,是否是需求插手前往首页的链接。在连接组织断定后,再起头考虑链接的效果和方式,是采用下拉表单,照旧用DHTML静态菜单等等。



  随着电子商务的奉行,网站互助的越来越剧烈,对链接组织筹算的要求已不单单范围于能够便利快速的浏览,加倍注重特征化和相关性。譬喻,一个爱婴主题网站里,在8个月婴儿的养分成绩页面上,你需求插手8个月婴儿的康健成绩链接,智力培育链接,梗概是有关奶粉张扬的链接,一本图书,一个玩具的链接。由于父母不克不及够也许到每个栏面前目今去寻觅关于8个月婴儿的信息,他们能够也许在找到需求的成绩后就离开网站了。如何尽能够也许留住会见者,是网站筹算者未来必须考虑的成绩。



  讲到这里,阿捷突然觉得本身很锋利,居然会总结出这么大一套实际:)甚么,皮厚?能够也许吧,这么多妙手都没发言呢!有定见请来信ajie@soim.com



  下次我们继续会商“断定网站的团体风格创意筹算”,迎接您的参与。





断定网站的团体风格和创意筹算



 网站的团体风格及其创意筹算是站长们最平息控制,也是最难以进修的。难就难在没有一个牢固的程式能够参照和摹拟。给你一个主题,任何两人都不克不及够也许筹算出齐备一样的网站。当我们说:"这个站点很cool,很有特征!"那么,是甚么让你觉得很cool呢?它毕竟和一样平常的网站有甚么区分呢?本文试图用最简明的言语来说明:



  1.风格是甚么,如何建立网站风格?

  2.创意是甚么,如何发作创意?



  ●风格(style)是笼统的。是指站点的团体笼统给浏览者的综合感慨传染。



  这个“团体笼统”包括站点的CI(标志,色彩,字体,口号),版面组织,浏览体例,交互性,笔墨,语气,内容价值,存在意义,站点声誉等等诸多身分。举个例子:我们觉得网易是和颜悦色的,迪斯尼是活泼活泼的,IBM是专业峻厉的。这些都是网站给人们留下的差异感慨传染。



  风格是怪异的,是站点差异与其他网站的处所。梗概色彩,梗概技巧,梗概是交互体例,能让浏览者领略分辩出这是你的网站独占的。譬喻新世纪聚集(www.century.2000c.net)的口角色,网易壁纸站的特有框架,纵然你只看到个中一页,也能够分辩出是哪个网站的。



  风格是有兽性的。经由过程网站的表面,内容,笔墨,交换能够归结综合出一个站点的特征,感情。是温文儒雅,是固执热忱,是活泼易变,是听任不羁。象诗词中的“豪迈派”和“婉约派”,你能够用人的性情来比方站点。



  有风格的网站与浅显网站的区分在于:浅显网站你看到的只是堆砌在一路的信息,你只能用感性的感慨传染来描述,譬喻信息量巨细,浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性熟习,譬喻站点有档次,和蔼可亲,是先生,是同伙。



  看了以上描述,你能够也许对风格是甚么能够也许仍然隐约。其实风格就是一句话:与众差异!



  如何建立网站风格呢?我们能够分这样几个步调:



  第一,确信风格是建立在有价值内容之上的。一个网站有风格而没有内容,就比如羊质虎皮一包草,比如一特征情傲慢但却胸无点墨的人。你起首必须担保内容的质量和价值性。这是最基础的,不必置疑。



  第二,你需求完全搞明白本身平息站点给人的印象是甚么。能够从这几方面来理清思绪:



  1.假如只用一句话来描述你的站点,应该是:_____________



  参考谜底:

  有创意,专业,有(技巧)气力,有美感,有打击力



  2.想到你的站点,能够遐想到的色彩是:________________



  参考谜底:

  热忱的白色,理想的天兰色,聪慧的金黄色



  3.想到你的站点,能够遐想到的画面是:________________



  参考谜底:

  一份早报,一辆法拉利跑车,人群拥堵的广场,杂货店



  4.假如网站是一小我,他具有的特征是:________________



  参考谜底:

  脑筋成熟的中年人,狂野豪放的牛仔,自大浑厚的创业者



  5.作为站长,你平息给人的印象是:____________________



  参考谜底:

  敬业,当真投入,有深度,担当,单纯,直率,淑女



  6.用一种植物来比方,你的网站最象:__________________



  参考谜底:

  猫(秘密尊贵),鹰(眼光锋利),兔子(聪慧敏感),狮子(自大威望)



  7.浏览者觉得你和其他网站的差异是:__________________



  参考谜底:

  能够信任,信息最快,交换便利,



  8.浏览者和你交换互助的感慨传染是:______________________



  参考谜底:

  师生,同事,同伙,长幼。



  你能够本身先填写一份谜底,然后让其他网友填写。比较后的成果会见告你:你网站面前目今当今的差异,弱点及需求改善的处所。



  第三,在领略本身的网站印象后,起头勉力建立和增强这类印象。



  颠末第二步印象的的"量化"后,你需求进一步找出个中最有特点特色的器材,就是最能显现网站风格的器材。并以它作为网站的特点加以重点强化,张扬。譬喻:再次检查网站称呼,域名,栏目称呼是否是符合这类特征,是否是易记。检查网站尺度色彩是否是轻易遐想到这类特点,是否是能显现网站的性情等等。详细的做法,没有定式。我这里供给一些参考:



  1.将你的标志logo,尽能够也许的出面前目今当今每个页面上。梗概页眉,梗概页脚,或则背景。

  2.凸起你的尺度色彩。笔墨的链接色彩,图片的主色彩,背风景,边框等色彩尽可能应用与尺度色彩一律的色彩。

  3.凸起你的尺度字体。在关键的标题问题,菜单,图片里应用同一的尺度字体。

  4.想一条朗朗上口张扬口号。把它做在你的banner里,梗概放在醒方针位置,见告大师你的网站的特点是...

  5.应用同一的语气和人称。纵然是多小我互助回护,也要让读者觉得是同一小我写的。

  6.应用同一的图片处置效果。譬喻,暗影效果的偏向,厚度,隐约度都必须一样。

  7.发现一个你的站点特有的标记或图标。譬喻在一句链接前的一个点,能够应用,.。☆※○◇□△→(区位码里本身参看)等等。当然很简略的一个变动,却给人与众差异的感到,(为什么我没有想到呢?)

  8.用本身筹算的花边,线条,点

  9.展现你网站的声誉和乐成作品。

  10.见告网友关于你的其实的故事和想法主意。



  风格的组成不是一次定位的,你能够在实际中不竭强化,调剂,润饰,直到有一天,网友们写信见告你:"我快乐喜爱你的站点,由于它很有风格!"





  ● 创意(idea)是网站保存的关键。这一点置信大师都已认同。但是作为网页筹算师,最忧?的就是没有好的创意起源。



  注重,这里说的创意是指站点的团体创意,(由于这个创意而发作这个站点,梗概不异的内容,推出的创意差异),网页的平面筹算创意我将在前面的版面组织诀窍里引见。



  创意毕竟是甚么,如何发作创意呢?



  创意是令人着迷,精彩万分,出奇不料的;

  创意是捕获出来的点子,是创作出来的奇招....

  这些***都说出了创意的一些特色,本性上,



  ○创意是转达信息的一种特殊体例。



  譬喻Webdesigner(网页筹算师),我们将个中的E字母大写一下: wEbdEsigEr,感到如何,这其实就是一种创意!



  创意其实不是天赋者的灵感,而是思考的成果。按照美国告白学传授詹姆斯的研讨,创意义考的过程分五阶段:



  1.预备期--研讨所聚集的材料,按照旧履历,启发新创意;

  2.孵化期--将材料品味消化,使认识自由展开,肆意连系;

  3.启发期--认识展开并连系,发作创意;

  4.考据期--将发作的创意会商批改;

  5.组成期--筹算建造网页,将创意详细化。



  ○创意是将现有的要素重新组合。

  譬喻,聚集与德律风连系,发作IP德律风。从这一点上动身,任何人,包括你和我,都能够发现出差异凡响的创意。而且,材料越丰硕,越轻易发作创意。就比如万花筒,筒内的玻璃片越多,所出现的图案越多。你假如故意能够发现,聚集上的最多的创意来自与实际生涯的连系(梗概假造实际),譬喻在线书店,电子社区,在线拍卖。你是否是想到了一种更好的创意呢?



  创意义考的门路最经常应用的是遐想,这里供给了网站创意的25种遐想线索:



  1.把它倒置 2.把它增加 3.把色彩换一下 4.使它更长

  5.使它明灭 6.把它放进音乐里 7.连系笔墨音乐图画 8.使它成为年青的

  9.使它反复 10.使它变建平面 11.列入竞赛 12.列入赌博

  13.变动一部分 14.盘据它 15.使它罗曼蒂克 16.使它速度加速

  17.增加香味 18.使它看起来流行 19.使它对称 20.将它向儿童诉求

  21.价值更低 22.给它起个外号 23.把它打包 24.免费供给

  25.以上各项延长组合

  -------------(转载自樊志育《告白建造》)



  需求一提的是:创意的方针是更好的张扬奉行网站。假如创意很好,却对网站展开毫偶然义,比如给奶牛穿高跟鞋,那么,我们宁肯废弃这个创意!



  关于风格和创意,能够讲得另有很多。感兴趣的网友能够本身找一些告白筹算方面的书浏览。平息本文能帮助您对网站的筹算有一个更新的熟习和提高。谢谢!





首页的筹算



 在我们全面考虑好网站的栏目,链接组织和团体风格以后,我们就能够正式脱手建造首页了。

  有这么一句鄙谚:"优良的初步是乐成的一半"。

  在网站筹算上也是如斯,首页的筹算是一个网站乐成与否的关键。人们经常看到第一页就已对你的站点有一个团体的感到。是否是能够也许促使浏览者继续点击进入,是否是能够也许吸收浏览者留在站点上,全凭首页筹算的"功力"了。

  以是,首页的筹算和建造是绝对要重视和花心机的。阿捷的履历是:一样平常首页筹算和建造占全数建造时候的40%。你宁肯多花些时候在初期,以避免出现全数做好以后再点窜,那将是最糟蹋精神的事。



  这里,先插一个“封面”的成绩。封面是指没有详细内容,只放一个logo点击进入梗概只需简略的图形菜单的首页。

  是否是需求为站点筹算一个“封面”?阿捷的小我概念是:没须要!

  除非你是很艺术类的站点,梗概能够确信内容怪异,能够吸收浏览者进一步点击进入的站点,不然的话,封面式的首页其实不会给你的站点带来甚么好处。我们上彀浏览需求的是快速,有价值的信息,假如守候xx分钟,只显现出一个精致的“ENTER”图标,那么置信没有人会再耐烦守候进入下一页。



  由于首页的主要性,阿捷将侧重用8篇文章来仔细会商有关首页筹算的各个方面,大抵提要以下:



  ○版面组织的诀窍

  ○色彩的搭配

  ○字体的设置和表格的嵌套

  ○纤细之处见功力

  ○考虑差异的浏览器和分辩率

  ○筹算好你的banner和位置

  ○meta标签的主要性

  ○首页筹算的小提议



  明天,只是关于首页筹算的一个引子。让我们来大抵懂得一下首页筹算的步调。



  首页,从基础上说就是全站内容的目次,是一个索引。但只是枚举目次明显是不敷的,如何筹算好一个首页呢?一样平常的步调是:



  ●断定首页的服从模块

  ●筹算首页的版面

  ●处置技巧上的细节

  

  一).断定首页的服从模块。



  首页的内容模块是指你需求在首页上完成的主要内容和服从。一样平常的站点都需求这样一些模块:



  网站称呼(logo), 告白条(banner), 主菜单(menu),

  新闻(what's new), 搜刮(search), 友谊链接(links),

  邮件列表(maillist),计数器(count), 版权(copyright).



  遴选哪些模块,完成哪些服从,是否是需求增加其他模块都是首页筹算起首需求断定的。

   

  二).筹算首页的版面



  在服从模块断定后,起头筹算首页的版面。就象搭积木,每个模块是一个单元积木,如何拼搭出一座大度的屋子,就看你的创意和想象力了。

  筹算版面的最好法子是:找一张白纸,一支笔,先将你理想中的草图勾勒出来,然后再用网页建造软件完成。



  三).处置技巧上的细节  

 

  阿捷经常收到的来信成绩就是:我建造的主页如何能在差异分辩率下坚持不乱形,如何能在IE和NC下看起来都不至于太貌寝,如何设置字体和链接色彩....等等,阿捷将鄙人面几篇文章里为大师详细引见。



  首页筹算是全数网站筹算的难点和关键,品牌网站优化,阿捷平息能够也许经由过程和大师的交换,总结出一套较为合理易学的筹算法子,从而触类旁通,使我们能够也许加倍轻松的完成全数站点的筹算建造。假如你甘心将你的心得体会和大师分享,请来信ajie@soim.com,谢谢!





版面组织的道理



  筹算首页的第一步是筹算版面组织。

  就象传统的报刊杂志编纂一样,我们将网页看做一张报纸,一本杂志来住手排版组织。当然静态网页技巧的展开使得我们起头趋势于进修场景编剧,但是牢固的网页版面筹算基础仍然是必须进修和控制的。它们的基础道理是共通的,你能够体会要点,触类旁通。



  版面指的是浏览器看到的齐备的一个页面(能够包括框架和层)。由于每小我的显现器分辩率差异,以是同一个页面的巨细能够也许出现640*480像素,800*600像素,1024*768像素等差异尺寸。



  组织,就是以最适宜浏览的体例将图片和笔墨排放在页面的差异位置。你能够也许注重到:“最适宜”是一个不竭定的描述词,甚么才是最适宜的呢?负疚的是阿捷不克不及也不克不及够也许给您一个齐备的准确的谜底。就比如有人平息知道乐成的诀窍是甚么,乐成者只能提议您用甚么法子,甚么门路才能最轻易获得乐成,而不克不及够也许有一步乐成的"诀窍"见告您。



  我们在筹算思考系列文章第四篇讲过站点团体的创意,版面组织也是一个创意的成绩,但要比站点团体的创意轻易,有纪律的多。让我们先来懂得一下版面组织的步调:



一.草案



  新建页面就象一张白纸,没有任何表格,框架和商定俗成的器材,你能够尽能够也许的发扬你的想象力,将你想到的"气象"画上去(我们提议您用一张白纸和一支铅笔,当然用作图软件photoshop等也能够)。这属于发现阶段,不讲求精致工致,不用考虑细节服从,只以粗陋的线条勾勒出创意的表面便可。尽你的能够或很多画几张,末了选定一个对劲的作为继续创作的剧本。



二.大略组织



  在草案的基础上,将你断定需求安排的服从模块支配到页面上。(注:服从模块我们在"首页筹算-引子"中提过,主要包括网站标志,主菜单,新闻,搜刮,友谊链接,告白条,邮件列表,计数器,版权信息等)。注重,这里我们必须遵守凸起重点、均衡谐调的绳尺,将网站标志,主菜单等最主要的模块放在最显眼,最凸起的位置,然后在考虑主要模块的排放。



三.定案



  将大略组织精致化,详细化。(靠你的聪明和履历,拐弯抹角多方遐想,才能作出具有创意的组织。)



  在组织过程中,我们能够遵守的绳尺有:



  1、一般均衡---亦称"匀称"。多指阁下、高低对比方式,主要夸大秩序,能到达平定老实、信任的效果。

  2、非常均衡---即非对比方式,但也要均衡和韵律,当然都是不均整的,此种组织能到达夸大性、不安性、高谛视性的效果。

  3、比较---所谓比较,不仅利用色彩、色彩等技术来作显现,在内容上也可触及古与今、新与旧、贫与富等比较。

  4、注视---所谓注视是利用页面中人物视野,使浏览者模仿追随的心理,以到达谛视页面的效果,一样平常多用明星注视状。

  5、空白---空白有两种感化,一方面对其他网站显现凸起杰出,另外一方面也显现网页档次的优胜感,这类显现法子对体显网页的风格非常有效。

  6、尽可能用图片讲解---此法对不克不及用言语压服、或用言语没法表达的感情,特殊有效。图片讲解的内容,能够转达给浏览者的更多的心理身分。

  ------------(转载自告白大师樊志育《告白建造》)



  以上的筹算绳尺,当然呆板,但是我们假如能体会并活用到页面组织里,效果就大纷歧样了。譬喻,



  ○网页的白色背景太虚,则能够加些色快;

  ○版面零星,能够用线条和标记串连;

  ○左面笔墨过量,左面则能够插一张图片坚持均衡;

  ○表格太端方,能够改用导角尝尝。



  颠末不竭的测验测验和斟酌,你的网页必定会亮丽起来的哦:)



  看看我们经经常应用到的版面组织方式:



  1."T"组织组织。所谓"T"组织。就是指页面顶部为横条网站标志+告白条,下方左面为主菜单,左面显现内容的组织,由于菜单条背景教深,团体效果类似英笔墨母"T",以是我们称之为"T"形组织。这是网页筹算顶用的最广返的一种组织体例。(图略)

这类组织的优点是页面组织明白,主次明白。是初学者最轻易上手的组织法子。错误谬误是端方呆板,假如细节色彩上不注重,很轻易让人"看之有趣"。



  2."口"型组织。这是一个象形的说法,就是页面一样平常高低各有一个告白条,左面是主菜单,左面放友谊连接等,中心是主要内容。(图略)

这类组织的优点是充分利用版面,信息量大(我的主页首页即属于这类组织)。错误谬误是页面拥堵,不敷天真。也有将四边空出,只用中心的窗口型筹算,譬喻网易壁纸站。



  3."三"型组织。这类组织多用于外洋站点,海内用的不多。特色是页面上横向两条色块,将页面团体朋分为四部分,色块中大多放告白条。



  4.对称比较组织。望文生义,采用阁下梗概高低对称的组织,一半深色,一半淡色,一样平经常应用于筹算型站点。优点是视觉打击力强,错误谬误是将两部分无机的连系比较艰辛。



  5.POP组织。POP引自告白术语,就是指页面组织象一张张扬海报,以一张精彩图片作为页面的筹算中心。经常应用于时兴类站点,譬喻ELLE.com。优点不言而喻:大度吸收人。错误谬误就是速度慢。作为版面组织照旧值得鉴戒的。



  以上总结了面前目今当今聚集上罕见的组织,其实另有许很多多独具匠心的组织,关键在于你的创意和筹算了。关于版面组织的技术,这里供给四个提议,您能够本身斟酌:



  1.增强视觉效果

  2.增强案牍的可视度和可读性

  3.同一感的视觉

  4.奇异和特征是组织的最高境地



  好了,明天我们就会商到这里,下篇我们将继续首页筹算的"色彩的搭配"篇,迎接大师来信会商。ajie@soim.com



网页的色彩



  网页的色彩是建立网站笼统的关键之一,色彩搭配却是网友们感到头疼的成绩。网页的背景,笔墨,图标,边框,超链接...,应该采用甚么样的色彩,应该搭配甚么色彩才能最好的表达出料想的内在呢?阿捷这里谈一些心得,平息对你有所启发。

  起首我们先来懂得一些色彩的基础知识:



  1.色彩是由于光的折射而发作的。



  2.红,黄,蓝是三原色,别的的色彩都能够用这三种色彩谐和而成。

   网页html言语中的色彩表达即是用这三种色彩的数值显现

   譬喻:白色是color(255,0,0)十六进制的显现法子为(FF0000)

   白色为(FFFFFF), 我们经常看到的"bgColor=#FFFFFF"就是指背风景为白色。



  3.色彩分非玄色和玄色两类。

   非玄色是指黑,白,灰体系色。

   玄色是指除非玄色之外的一切色彩。



  4.任何色彩都有饱和度和通明度的属性,属性的变动发作差异的色相,以是起码能够建造几百万种色彩。



  网页建造用玄色照旧非玄色好呢?按照专业的研讨机构研讨诠释:玄色的影象效果是口角的3.5倍。也就是说,在一样平常情况下,玄色页面较齐备口角页面加倍吸收人。

我们往往的做法是:主要内容笔墨用非玄色(玄色),边框,背景,图片用玄色。这样页面团体不单调,看主要内容也不会眼花。



  ●非玄色的搭配



  口角是最基础和最简略的搭配,白字黑底,黑底白字都非常明白清楚明了。

灰色是全能色,能够和任何玄色搭配,也能够帮助两种对峙的色彩谐和过渡。假如你其实找不出适宜的色彩,那么用灰色尝尝,效果绝对不会太差。



  ●玄色的搭配



  色彩变化多端,玄色的搭配是我们研讨的重点。我们仍然需求进一步进修一些色彩的知识。



  一.色环。



  我们将色彩按"红->黄->绿->蓝->红"顺次过分突变,就能够获得一个色彩环。

  色环的两头是暖色和暖色,傍边是中型色。(以下图)



红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红

|___________| |____| |_________| |_________|

| | | |

暖色系 中性系 暖色系 中性系



  二.色彩的心理感到。差异的色彩会给浏览者差异的心理感慨传染。



  白色---是一种激奋的色彩。安慰效果,能使人发作冲动,愤怒,热忱,活气的感到。

  绿色---介于冷暖两中色彩的中心,显得辑睦,安适,康健,平安的感到。

  它和金黄,淡白费配,能够发作粗俗,温馨的氛围。

  橙色---也是一种激奋的色彩,具有轻盈,欢乐,热闹,温馨,时兴的效果。

  黄色---具有喜悦,平息,聪明和轻盈的特征,它的明度最高。

  蓝色---是最具凉快,清爽,专业的色彩。

  它和白色混杂,能显现和婉,淡雅,浪漫的氛围(象天空的色彩:)

  白色---具有皎白,明快,单纯,干净的感慨传染。

  玄色---具有深邃深挚,秘密,悄然默默,悲伤,压制的感慨传染。

  灰色---具有中庸,平常,温顺,忍让,中立和雅致的感到。



  每种色彩在饱和度,通明度上稍微变动就会发作差异的感到。以绿色为例,黄绿色有芳华,兴旺的视觉意境,而蓝绿色则显得幽宁,阴深。



  ○网页色彩搭配的道理



  1.色彩的光鲜性。网页的色彩要艳丽,轻易引人谛视。

  2.色彩的怪异性。要有与众差异的色彩,使得大师对你的印象剧烈。(参考筹算思考第二篇网站CI的尺度色彩一节)

  3.色彩的适宜性。就是说色彩和你表达的内容氛围相适宜。如用粉色显现女性站点的柔性。

  4.色彩的遐想性。差异色彩会发作差异的遐想,蓝色想到天空,玄色想到黑夜,白色想到丧事等,遴选色彩要和你网页的内在相关联。



  ○网页色彩控制的过程



  随着网页建造履历的蕴蓄,我们用色有这样的一个趋势:单色->花团锦簇->尺度色->单色。一路头由于技巧和知识窘蹙,只能建造出简略的网页,色彩单一;在有必定基础和质料后,平息建造一个大度的网页,将本身聚集的最好的图片,最对劲色彩堆砌在页面上;但是时候一长,却发现色彩混乱,没有特征和风格;第三次重新定位本身的网站,遴选好符合本身的色彩,推出的站点经常比较乐成;当末了筹算理念和技巧到达巅峰时,则又返朴归真,用单一色彩甚至非玄色就能够筹算出简明精彩的站点。



  ○网页色彩搭配的技术

  文章写到这里,故意急的网友要问了:“毕竟用甚么色彩搭配悦目呢?你能不克不及推举几种配色计划?”别急,这里有一点技术,能够帮助你敏捷成为调色大师:)



  1.用一种色彩。这里是指先选定一种色彩,然后调剂通明度梗概饱和度,(说得浅显些就是将色彩变淡或则加深),发作新的色彩,用于网页。这样的页面看起来色彩同一,有层次感。



  2.用两种色彩。先选定一种色彩,然后遴选它的比较色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样断定的。全数页面色彩丰硕但不花稍。



  3.用一个色系。简略的说就是用一个感到的色彩,譬喻淡蓝,淡黄,淡绿;梗概土黄,土灰,土蓝。断定色彩的法子大家差异,我是在photoshop里按前风景方框,在跳出的拾色器窗中遴选"自界说",然后在"色库"中选就能够了:)



  4.用玄色和一种玄色。譬喻大红的字体配玄色的边框感到很"跳"。



  在网页配色中,隐讳的是:

  1.不要将一切色彩都用到,尽可能控制在三种色彩之内。

  2.背景和前文的比较尽可能要大,(绝对不要用斑纹繁复的图案作背景),以便凸起主要笔墨内容。



  好了,明天阿捷就为大师讲到这里了,别的The Open Road网站为大师供给了一张网页基础配色表,长短常有价值的材料,赶紧保存一页吧!



  (http://best.163.com/%7Esinclair/chinese/teach/color/color1.htm)



  下次我们继续会商“字体和表格”,有好的心得,请来信!



  大师好,网页筹算思考栏目明天继续第八讲。我们前次会商了首页筹算的版面组织和色彩的搭配,明天我们来谈谈字体。

  ●字体(Font)的设置是网页建造熟手在行碰着的第一个难点。如何控制字体巨细,如何打消超链接字体的下划线是网友来信问得最多的。好,我们来完全研讨一下字体的各个方面:

  ○字符集的设定。



  在检查html文件原代码时,我们经常能够在文件头

和之间看到这么一句代码:

  

  这段代码的感化是甚么呢?是否是能够删除呢?

  其实这是meta标签的设定语句,是给浏览器看的。它的感化就是见告浏览器:这个HTML文件是采用gb2312字符集建造的。当浏览器读到这一代码,便以gb2312字符集来诠释和翻译网页原代码,然后我们就能够看到准确的网页。以是这个meta语句长短常主要的,尽可能不要

删除。

  gb2312就是我们最熟习的GB简体码,英文是iso-8859-1字符集。别的另有BIG5,UTF-8,Shift-JIS,EUC,KOI8-2等字符集,别离用于差异的字体显现。

  ○字体的应用。

  在网页里,字体的界说语句是:显现笔墨

  个中Arial就是一种字体的称呼。

  默许的浏览器界说的尺度字体是中文宋体和英文times new Roma字体。也就是说,假如你没有设置任何字体,网页将以这两种尺度字体显现。同时,着两种字体也能够在任何垄断体系和浏览器里准确显现。

  windows别的自带了40多种英笔墨体和5种中笔墨体。这些字体,你也能够在网页里自由应用和设置。但凡应用windows垄断体系的浏览器都能够准确显现这些字体,但在别的垄断体系里,如unix 则不克不及齐备准确显现。

  假如你需求用一种特殊的字体来显现你的风格,那么如何让大师能够真正看到你的筹算页面呢?处置的法子是:用图片。

  将需求用这类字体的处所用图片代替,以担保一切人看到的页面是同一效果。   ○字体的款式(style)。

字体的款式有四种:一般体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。设置法子很简略,阿捷就不多罗嗦了。

  ○字体的效果。

  这里指经由过程html言语设定能够直接显现的效果,在html里的语句设定为:

  显现笔墨

  个中,overline是指上划线效果。别的经常应用的效果另有:underline(下划线),uppercase(大写)等等。

  ○字体巨细的控制。

  字体巨细的控制是本节的重点。

  一样平常字体默许的巨细是12pt(镑).用语句能够将笔墨增大2pt。这类法子我们都已控制了。而面前目今当今聚集上最流行的小中笔墨体巨细为9pt,是如何设定的呢?有三种法子:

  1.用"显现笔墨"语句来设定。

  明显这类法子非常贫苦,你必须为每段笔墨都设定巨细。

  2.用CSS层叠款式表。CSS是DHTML的一个组成部分,它能够界说全数页面的字体显现风格和巨细。是较为轻便的法子。譬喻,这里需求设定全数页面笔墨巨细为9pt,只需将下面这段代码插手html代码的和

之间:




  个中FONT-SIZE:9pt指字体的巨细为9镑

  3.第二种法子已简化了很多步调,但是仍然不是最理想的法子,由于你必须在每个页面的head区都安排这么一段代码,扩展了文件的字节。别的这样的做法另有一个严重错误谬误,就是假如我需求点窜全数站点的字体巨细,就必须一页一页的改!

  以是推举给你终究也是面前目今当今最好的法子---内部摸板文件挪用法。

  “内部摸板挪用”就是说你将css的设定作成一个零丁的文件,在每个页面里都挪用它。一旦你需求点窜字体巨细,只需点窜一个.css文件,几百个页面就同时点窜了。(这类法子类似子次序挪用编写过次序的网友很轻易懂得:)

  挪用的详细法子以下:



  (1)将下面的css代码copy成一个mycss.txt文件,然后点窜后缀名为mycss.css

  (2)在html文件的之间拔出



语句挪用mycss.css(注重有关门路的设置准确)OK!

  ○字体超链接款式的设定。

  往往在网页的中设置连接的色彩,如:






  个中:link -- Hyperlink(连接)的色彩

  vlink-- visited Hyperlink(已会见过的连接)色彩

  alink-- active Hyperlink (以后活动的连接)色彩

  色彩用rgb的16进制码显现如白色是#FF0000。

  一样用CSS能够更轻便的设定网页超连接的款式,看下面这段代码









  将它拔出html文件的head区就能够了。个中link设定的是有超链接的色彩;visited是会见过的超链接色彩;active是鼠标移上去的色彩;hover是鼠标点击时的色彩。而"text-decoration:none"是指打消超链接的下划线显现。

 关于CSS的设定另有更多的用法和技术,譬喻在同一页中设定差异的字体巨细和超链接色彩,请进修有关CSS的特地知识(能够到阿捷的主页http://pageone.yeah.net查阅)在这里我们不在冗述。

  ●下面已引见了字体在技巧上的各个方面。有关字体的筹算应用,面前目今当今还没有一个成熟的实际,下面是几条网页筹算中字体的应用绳尺,仅供参考:

  1.不要应用超出3种以上的字体。字体太多则显得混乱,没有主题。

  2.不要用太大的字。由于版面是珍贵,无限的,粗陋的大字体不克不及带给会见者更多信息。

  3.不要应用不断闪耀的笔墨。想让浏览者多逗留一会儿的话,就不要应用闪耀的笔墨。

  4.绳尺上标题问题的字体较正文大,色彩也应有所区分。



  ●附:英笔墨体本钱

  http://www.pambytes.com

  http://www.freestuff101.com/Fonts

  http://www.typearound.com/mainfont.html

  http://205.177.231.33/sofontes/us/pc_us.htm

  关于字体,明天就写到这里,您有好的提议或定见,请来信ajie@soim.com。下章我们继续关于表格的筹算讨论。



  表格(table)是页面的主要元素,是页面排版的主要手段。虽然DHTML中的层(layer)也能够完成网页元素的自由定位,但是表格明显加倍便利编纂与点窜。闇练控制和应用表格的各种属性,能够让您的页面看起来心旷神怡。

免责声明:本文内容由互联网用户自发贡献自行上传,本网站也不承担相关的法律责任。如果您发现本文章中有涉嫌抄袭的内容,请发送邮件至:sales@sznetsoft.com或者至电给本网站进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权的内容。
相关信息
  • QQ好友
  • QQ空间
  • 腾讯微博
  • 新浪微博
  • 人人网
  • 豆瓣网
  • Facebook
  • Twitter
  • linkedin
  • 谷歌Buzz


线

网软通在线


在线客服: 点击这里给我发消息                        

1231.jpg

留言内容