一、如何创建个人网站
1、拥有自己的个人网站,是一件十分令人向往的事情。下面我就自己建站的经历谈点儿经验,以便让初窥门径的网友少走些弯路。如果你还没有自己的个人主页,那么请跟我来。
2、第一步当然是申请免费的主页空间。网上提供免费主页空间的网站很多,可以使用搜索引擎寻找适合自己的空间。当然如果你手头宽裕,可以购买收费空间,以获取更好的服务。
3、登陆提供免费空间服务的网站,点击免费空间注册,然后填写个人资料,需要注意的一点是电子邮箱必须真实有效,因为申请成功后,服务器会把你的帐号,密码,FTP地址发送到你的邮箱里。个人资料填写完后,提交然后是申请成功的提示,随后你将收到注册成功的电子邮件。有的空间还需要用电子邮件中的链接来激活。
4、第二步我不用说大家也知道,当然是要做出自己的网页。接下来,我们在本地计算机的根目录下创建个人站点。我推荐大家使用“三剑客”,当然微软的Office FrontPage也可以,只是后者略显简陋,比较适合初学者。个人站点尽量简单明了,它不同于商业网站,一定要有自己的风格。制作网页与文字处理有很大的相似之处,如果你能熟练使用Word之类的文字处理软件,那么你会很轻松的制作出自己的第一个网页,网页的文件名尽量使用英文或者拼音,因为很多网站的服务器使用的是liux操作系统,该操作系统对中文的支持不是太好。
5、首页的文件名必须是index,这是服务器默认的网站首页,扩展名htm.html均可。建议文件名都使用小写,因为服务器对大小写很挑剔。为了节约空间和加快网页的打开速度,使用的网页素材体积要尽可能的小,图片一般不要超过50k,音乐文件尽量使用mid格式。使用的flash动画不要太多,否则会使浏览者失去耐心。
6、使用的网页素材必须放入站点文件夹中,否则网页发布后,网页在调用文件时会找不到文件。这是初学者易犯的错误。尤其是在本机上浏览发布后的网页时,浏览器会从本机的文件夹调用文件,而使你很难发现错误。网页之间的链接,网页和首页之间的链接尽量在本机上调试无误,否则上传后出现死链接,处理起来会很麻烦。至于网页的内容,你喜欢什么就做什么好了。
7、第三步,在本机根目录下建好站点后,接下来就是将网页上传到网站的服务器,这需要用到上传工具,此类程序很多,最有名的当然是cuteFTP,各大程序下载网站几乎都能找到,不过共享版只能使用30天,我们可以到源码之家下载他的破解版本。至于如何安装我就不罗嗦了。第一次运行cuteFTP,会出现链接向导,填写站点名称,可以任意取个好听的名字,然后是代理服务器的ftp地址,填上你申请的账号以及密码。点击链接后,程序便开始尝试同远程服务器连接。连接状态显示在程序的上方窗口,连接成功后,我就可以上传自己的网站了。这个过程的快慢取决于服务器和网络的速度。
8、上传完毕后,打开浏览器,输入你的网址,就可以欣赏自己的作品了。最后需要强调的一点,在测试网页的时候,最好选择不同的电脑,在不同的浏览器版本和不同的分辨率下进行测试。这样可以观察一下网页在不同环境下的显示效果。
二、网页设计的艺术性_网页设计欣赏
网页设计的艺术内容设计活动中包含着主观和客观两方面的因素,在确立了网页主题之后,首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多,可以概括为视听元素和版式设计两个方面。
1.版式设计网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,将理性思维个性化的表现出来,是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且,网页的组织结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。2.视听元素这里所说的视听元素,主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画,还是音频、视频,网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。以上各视听元素大多数浏览器本身都可以显示或收听,无需任何外部程序或模块支持。比如,大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画。还有些多媒体文件(如MP3音乐)需要先下载到本地硬盘上,然后启动相应的外部程序来播放。另外,在浏览器使用插件(Plug-in)可以播放更多格式的多媒体文件。微软推出IE浏览器后,提供了基于OLE的ActiveX技术,用来在网页中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之中的小应用程序,相比于插件和ActiveX,JavaApplet具有更大的灵活性和良好的跨平台能力,因此具有很好的发展前景。总之,技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。这些新技术的出现,也对网页的艺术设计提出了更高的要求。三、网页设计的艺术特点1.多维性多维性源于超级链接,主要体现在网页设计中对导航的设计上。由于超级链接的出现,网页的组织结构更加丰富,浏览者可以在各种主题之间自由跳转,从而打破了以前人们接收信息的线性方式。例如,可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂,不仅使浏览者检索和查找信息增加了难度,也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息,设计者必须考虑快捷而完善的导航设计。印刷品中导航问题不是那么突出,如果一个句子在页尾突然终止,读者会很自然地翻到下一页查找剩余部分,为了帮助读者找到他们要找的信息,出版者提供了目录、索引或脚注。如果文章从期刊中的一页跳到后面的非顺序页时,读者会看到类似于“续68页”这样的指引语句。然而,作为一名网页设计者,你以前所学的导航技术没有一种完全适合于网页导航。在替浏览者考虑得很周到的网页中,导航提供了足够的、不同角度的链接,帮助读者在网页的各个部分之间跳转,并告知浏览者现在所在的位置、当前页面和其他页面之间的关系等。而且,每页都有一个返回主页的按钮或链接,如果页面是按层次结构组织的,通常还有一个返回上级页面的链接。对于网页设计者来说,面对的不是按顺序排列的印刷页面,而是自由分散的网页,因此必须考虑更多的问题。如:怎样构建合理的页面组织结构,让浏览者对你提供的巨量信息感到条理?怎样建立包括站点索引、帮助页面、查询功能在内的导航系统?这一切从哪儿开始,到哪儿结束?2.交互性与持续性网页不同于传统媒体之处,就在于信息的动态更新和即时交互性。即时的交互性是Web成为热点的主要原因,也是网页设计时必须考虑的问题。传统媒体(如广播、电视节目、报刊杂志等)都以线性方式提供信息,即按照信息提供者的感觉、体验和事先确定的格式来传播。而在Web环境下,人们不再是一个传统媒体方式的被动接受者,而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互,使网页艺术设计不像印刷品设计那样,发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标,配合网站不同时期的经营策略,以及用户的反馈信息,经常地对网页进行调整和修改。例如,为了保持浏览者对网站的新鲜感,很多大型网站总是定期或不定期的进行改版,这就需要设计者在保持网站视觉形象一贯性的基础上,不断创作出新的网页设计作品。3.多种媒体的综合性目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等,随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广,必将促使设计者综合运用多种媒体元素来设计网页,以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面,在数据压缩技术的改进和流(Stream)技术的推动下,Internet网上出现实时的音频和视频服务,典型的有在线音乐、在线广播、网上电影、网上直播等。因此,多种媒体的综合运用是网页艺术设计的特点之一,是未来的发展方向。4.版式的不可控性网页版式设计与传统印刷版式设计有着极大的差异:(1)网络正处于不断发展之中,不象印刷那样基本具备了成熟的印刷标准;(2)印刷品设计者可以指定使用的纸张和油墨,而网页设计者却不能要求浏览者使用什么样的电脑或浏览器;(3)网页设计过程中有关Web的每一件事都可能随时发生变化。这一切说明,网络应用尚处在发展之中,关于网络应用也很难在各个方面都制订出统一的标准,这必然导致网页版式设计的不可控制性。其具体表现为:
(1)网页的浏览者可以控制网页页面在浏览器中的显示方式;(2)网页页面会根据当前浏览器窗口大小自动格式化输出;(3)用户的浏览器工作环境不同,显示效果也会有所不同。(4)不同种类、版本的浏览器观察同一个网页页面,效果会有所不同;把所有这些问题归结为一点,即网页设计者无法控制页面在用户端的最终显示效果,但这也正是网页设计的吸引人之处。5.技术与艺术结合的紧密性设计是主观和客观共同作用的结果,是在自由和不自由之间进行的,设计者不能超越自身已有经验和所处环境提供的客观条件限制,优秀设计者正是在掌握客观规律基础上得到了完全的自由,一种想象和创造的自由。网络技术主要表现为客观因素,艺术创意主要表现为主观因素,网页设计者应该积极主动地掌握现有的各种网络技术规律,注重技术和艺术紧密结合,这样才能穷尽技术之长,实现艺术想象,满足浏览者对网页信息的高质量需求。例如,浏览者欣赏一段音乐或电影,以前必须先将这段音乐或电影下载回本地机器,然后使用相应的程序来播放,由于音频或视频文件都比较大,需要较长的下载时间。流(Stream)技术出现以后,网页设计者充分、巧妙地应用此技术,让浏览者在下载过程中就可以欣赏这段音乐或电影,实现了实时的网上视频直播服务和在线欣赏音乐服务,无疑增强了页面传播信息的表现力和感染力。网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页效果不再近似于书籍或报刊杂志等印刷媒体,而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合,把浏览者带入一个真正现实中的虚拟世界。技术与艺术的紧密结合在网页设计艺术中体现得尤为突出。
三、网页是的是什么
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。
网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。
文字与图片是构成一个网页的两个最基本的
元素。你可以简单地理解为:文字,就是网页的内容。图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。
在网页上点击鼠标右键,选择菜单中的“查看源文件”,就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。为什么在源文件看不到任何图片?网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。
文字资料图像档案Applet(在页面内执行的副程式)超链结网页的合成体为网站,一个网站的开始点为首页。
当你每次上网时,都会在历史记录里留下记录,并且被保存在浏览器的缓存文件夹里,删除时只要右键删除就可以了[1]。
从08年开始,国内网页游戏开始不断兴起,网页游戏(Webgame)又称Web游戏,无端网游,简称页游。网页游戏也是需要重视水平的,如音效的筛选、恰到好处的乐曲与音效搭配、以及良好的结构平台等等,有了这些元素,才能做出一个好的网页游戏,同时也会引来更多的浏览人数。网页游戏的出现让中国进入了一个新的网络游戏平台,也进入了一个页游发展的竞争时代。
文本:文本是网页上最重要的信息载体和交流工具,网页中的主要信息一般都以文本形式为主。
图像:图像元素在网页中具有提供信息并展示直观形象的作用。
静态图像:在页面中可能是光栅图形或矢量图形。通常为GIF,JPEG或PNG;或矢量格式,如SVG或Flash。
动画图像:通常动画为GIF和SVG。
三、Flash动画:动画在网页中的作用是有效地吸引访问者更多的注意。
四、声音:声音是多媒体和视频网页重要的组成部分。
五、视频:视频文件的采用是网页效果更加精彩且富有动感。
六、表格:表格是在网页中用来控制面业信息的布局方式。
七、导航栏:导航栏在网页中是一组超链接,其连接的目的端是网页中重要的页面。
八、交互式表单:表单在网页中通常用来联系数据库并接受访问用户在浏览器端输入的数据。利用服务器的数据库为客户端与服务器端提供更多的互动[2]。
互动插图:例如“点击此处玩耍该游戏”。
超链接:超链接是从一个网页指向另一个目的端的链接,超链界的目的端可以是网页,也可以是图片、电子邮件地址、文件和程序等。(标准的“换页”反应。分为URL、URI、URN)。
<!--百度百科词条中的参数实体。-->
二、通过超链接链接到某文件(如DOC,习,SGML等)。
三、元数据与语义的元信息,字符集信息,文件类型描述(DTD),等等。
四、样式信息:提供的项目的信息(如图像大小属性)和视觉规范,层叠样式表(CSS)、文档样式的语义和规范语言(外语全称:Document Style Semantics and Specification Language、外语缩写:DSSSL)。
五、脚本,通常是爪哇脚本(JavaScript),提供交互性以及相关功能的补充(比如倒计时关闭窗口等)。
网页还包含动态适应的信息元素,取决于某某渲染浏览器或最终用户的位置。(通过使用IP地址跟踪和/或“cookie”的信息)。从更一般/宽的角度来看,一些信息(分组)的元素,像一个导航栏,所有的网页是统一的,像一个标准,比如“网页模板系统”。
静态网页,其内容是预先确定的,并存储在Web服务器或者本地计算机/服务器之上。
模板一旦确定下来,不容易修改,更新比较费时费事。
常用于制作一些固定板式的页面。
通常用于文本和图像组成,常用于子页面的内容介绍。
对服务器性能要求较低,但对存储压力相对较大。
动态网页,是取决于由用户提供的参数,并根据存储在数据库中的网站上的数据中创建的页面。
通俗地讲,静态页是照片,每个人看都是一样的,而动态页则是镜子,不同的人(不同的参数)看都不相同。
网页设计的两大要点是:整体风格和色彩搭配。
网站的整体风格及其创意设计是最难以学习的,难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的。IBM是专业严肃的,这些都是网站给人们留下的不同感受。
将你的标志,尽可能的放在每个页面上最突出的位置。
总结一句能反映贵站精髓的宣传标语!
相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!
无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。
关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。
用两种色彩。先选定一种色彩,然后选择它的对比色。
用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
在网页配色中,还要切记一些误区:
不要将所有颜色都用到,尽量控制在三至五种色彩以内。
背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容 [3]。
一、Amaya(单位:万维网联盟)用于编辑HTML、CSS、数学标记语言、可缩放矢量图形的工具
二、Dreamweaver(单位:奥多比)用于编辑HTML、ASP、JSP、PHP的辅助工具
三、Frontpage(单位:微软)跟Dreamweaver一样。
四、FLASH(单位:奥多比)网页需要画面流动(动画)时的首选择。
五、PhotoShop(单位:奥多比)图象处理软件,一般网页都需要有图片的相搭配,PhotoShop是款很强大的工具。
六、FireWorks(单位:奥多比)跟PhotoShop一样都是图象处理软件,但FireWorks偏向与对网页的处理。Fireworks主要用于制做动态图片格式。
七、StylePix(单位:Hornil)跟PhotoShop一样都是图象处理软件,可以处理光栅及矢量图形[4]。
权威研究结果表明:人们在线的阅读习惯和平时的阅读习惯是完全不一样的。访问者通常是在非常随意的状态下快速浏览你的网页的,他们急于获取真实的、实用的,并且是有价值的信息。如果他们不能及时地获取所需信息,那么,他们将离开你的网页。
下面的3点方法将会给你带来帮助,它会让你为你的访问者提供所需信息,指出提升网页可用性的方法。
你所写的文章必须围绕一个主题,这可以方便访问者快速获取主旨信息和中心思想。好好想想如何把文章改得精简得体以便于访问者阅读。这里告诉你一个可行的办法,尽量把一段文章在3-4行之内叙述完整,然后再另起一行写下面一段。
网络用户一般不会在线精读文本内容,他们通常是快速浏览。因此,应该尽量使用简短、醒目的文本。举个例子来说,可以通过超链接的形式将重要的信息从页面中分离出来,这样做会使得这段重要信息显得非常醒目。将一个段落以重点列表的形式表示也是一种非常可行的方法。学会在你的重点词组前方加一个起强调作用的圆点。还有一点,学会在页面中使用副标题,当你浏览网页时,将重点挑选出来,并将它们写在标题标签内,“标题2”和“标题3”的效果最好,但是“标题1”标签的效果也会相当不错,这样做会可以给整个页面的信息分出层次,以帮助阅读者在简单地浏览页面之后快速地获取所需信息。
这里要提到的“客观公正”指的是:在你的网页上放上与你网页内容相关的链接,让访问者做出自由的选择:是继续留在你的网页上,还是去别的网页上寻找信息。这对于你——网页的所有者来说,并不是一件坏事。因为你可以为访问者指明确切的方向。好好按照上面说的把你的网页改进一下。我相信,网页的可用性一定会大大提升;同时,你的访问者也会非常感激你,并且会很愿意与你进行往来。
先学一学HTML,找本自己能看懂的教材。浏览为主,然后学CSS,进而再了解一下JavaScript。
然后就可以用记事本尝试写几个网页,记住这时千万不要用那些可视化工具,比如Amaya、FrontPage、Dreamweaver(那些以后再学)。
有一个提高自己“写网页”的捷径,就是上各大网站,模仿他们的写法,不断规范自己的代码。
接下来学一下Fireworks。学Fireworks主要是学图片处理,还有切图。
一、文本:文本是网页上最重要的信息载体与交流工具,网页中的主要信息一般都以文本形式为主。
二、图像:图像元素在网页中具有提供信息并展示直观形象的作用。
静态图像。在页面中可能是光栅图形或矢量图形。通常为GIF,JPEG或PNG;或矢量格式,如SVG或Flash。
ASP全名Active Server Pages(活性服务器页面),是一个WEB服务器端的开发环境。利用它可以产生和执行动态的、互动的、高性能的WEB服务应用程序。ASP采用脚本语言VBScript(Java script)作为自己的开发语言。
PHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C,Java和Perl语言的语法,并耦合PHP自己的特性,使WEB开发者能够快速地写出动态产生页面。
JSP是Sun公司推出的新一代网站开发语言,Sun公司借助自己在Java上的不凡造诣,将Java从Java应用程序和Java Applet(爪哇小程序)之外,又有新的硕果,就是JSP(爪哇服务器页面)。JSP可以在Serverlet和JavaBean的支持下,完成功能强大的站点程序。
WebDNA是一个服务器端的脚本,解释型的语言且带一个嵌入式数据库系统,专门设计用于万维网发布的一个免费的(FastCGI的版本)。基于标签与上下文。
.NET是 Microsoft XML Web services平台。XML Web services允许应用程序通过 Internet进行通讯和共享数据,而不管所采用的是哪种操作系统、设备或编程语言。Microsoft.NET平台提供创建 XML Web services并将这些服务集成在一起之所需。对个人用户的好处是无缝的、吸引人的体验。
所谓网站(Website),就是指在网际网路(因特网)上,根据一定的规则,使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说,网站是一种通讯工具,就像布告栏一样,人们可以通过网站来发布自己想要公开的资讯(信息),或者利用网站来提供相关的网路服务(网络服务)。人们可以通过网页浏览器来访问网站,获取自己需要的资讯(信息)或者享受网路服务。
在你眼前,出现在显示器上的这个“东西”,就是一个网页。网页实际是一个文件,它存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序。网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前[5]。
Web站点主页应具备的基本成分包括:
页头:准确无误地标识你的站点和企业标志;
联系信息:如普通邮件地址或电话;
充分利用已有信息,如客户手册、公共关系文档、技术手册和数据库等。
设计一个网站,应该考虑下列九条基本因素,这些因素对网站的成功与否有着重要影响。
网站主页就好像是宣传栏或者店面
——对访问者产生第一印象,都希望尽量给人留下好的印象,不是吗?
一般来说,好的网站应该给人有这样的感觉:
网页应该力求抓住而不是淹没浏览者的注意力,过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择。就像一些商店,播放震耳欲聋的发烧音乐,你要做的唯一决定就是离开那里,越快越好。
无论商业站点还是个人主页,你必须给人们提供有一定价值的内容才能留住访问者。因为我们人类总是惟利是图,第一个问题总是:“对我有什么用处?”
所以你必须提供某些有价值的东西,当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等,这些“有价值的东西”可以是:
如果你经营的是企业网站,需要提供关于产品或服务的信息:
我们都知道,页面下载速度是网站留住访问者的关键因素。如果20—30秒还不能打开一个网页,一般人就会没有耐心。至少应该确保主页速度尽可能快,最好不要用大的图片。
应该时时提醒自己,网站首页就像一个广告牌。当开车经过一个广告牌时,没有时间阅读上面的详细说明,也不可能赞赏其复杂的图案,广告标志从眼前一闪而过,必须在一瞬间给人留下印象。
网上访问者也是“一闪而过”,保证你的首页简单而快速。网上有许多关于如何增加速度的文章——检查下载速度,放弃一切显著减慢主页速度的资料。
图形和版面设计关系到对主页的第一印象,图象应集中反映主页所期望传达的主要信息。
如果有系列商业站点,你不必让过分显眼的动画出现在首页——但如果你的网站是游戏站点,动画将是必不可少的一部分内容。
图片是影响网页下载速度的重要原因,根据经验。把每页全部内容控制在30K左右可以保证比较理想的下载时间,图象在6—8K之间为宜,每增加2K会延长1秒钟的下载时间。
颜色也是影响网页的重要因素,不同的颜色对人的感觉有不同的影响,例如:
红色和橙色使人兴奋并使得心跳加速;
黄色使人联想到阳光,是一种快活的颜色;
考虑到你希望对浏览者产生什么影响,请为网页选择合适的颜色。
阅读西方格式文本时,眼睛从左上方开始。逐行浏览到达右下方,插入图象时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对眼睛最重要的地方,如果在左上角放置一幅小鸟的图片,鸟嘴应该放在把浏览者目光引向页面中部的地方,而不是把视线引走。
道路、领带等等图片的放置都应该在有助于吸引目光从左向右、从上向下移动。
一般总是把网站导航条放置在页面左边,也是出于这种考虑——不断地出现在浏览者的视野之中。
我们仍然用广告牌的比喻来说明,文字要在广告牌上突出,周围应该留有足够的空间。也许你曾到过一些网站,要么拥挤不堪的文字觉得好像只有把脑袋钻进去才能阅读,要么深色的背景给人的感觉好象处于非常狭窄的空间里,而且让人的心情感觉很压抑。某些背景色的令人阅读困难;紫色、橙色和红色让人眼花缭乱。
文字的颜色也很重要,不同的浏览器有不同的显示效果,有些在你的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。
参考报纸的编排方式,为方便或快速阅读将你的内容分栏设计,甚至两栏也要比一满页的视觉效果要好。
另一种能够提高文字可读性的因素是你所选择的字体,通用的字体(Arial, Times New Roman, Garamond and Courier)最易阅读,特殊字体用于标题效果较好,但是不适合正文(试想浏览整页的 Gothic, Script, Westminster, or Cloister会是怎样的感受)。因为阅读费力,你的眼睛很快就会疲劳,不得不转移到其他页面。
必须尽量使你的网页易于阅读,除了分栏之外(将页面纵向分割),也需要利用标题和副标题将文档分段。
为所有标题和副标题设置同一字体,并将标题字体加大一号,所有标题和副标题都采用粗体,这样便于识别标题(字体加大加粗)和副标题(粗体,与正文字体大小相同),使浏览者一眼就可以看到要点,以便找出并继续阅读有兴趣的内容。标题的重要性可见一斑,要认真写好每个标题!
也可以将整句采用粗体或用不同的颜色突出某些内容,不过不要用难以阅读的颜色。
由于人们习惯于从左到右、从上到下阅读,所以主要的导航条应放置在页面左边,对于较长页面来说,在最底部设置一个简单导航也很有必要(只要两项就够了:主页|页面顶部)。
确定一种你满意的模式之后,最好将这种模式应用到同一网站的每个页面,这样,浏览者就知道如何寻找信息。
8.保护个人信息声明和客户推荐信
对于商业网站来讲,最重要的事情之一是确保潜在客户的信心,你应该明确地告诉人们,如何对其兴趣、爱好,尤其个人隐私保密,很有必要专门用一个页面详细陈述你的保护个人信息声明,包括对访问者的email地址保密、如何接受定单、如何汇总信息、汇总这些信息的目的、谁可以看到这些信息等基本内容。
访问者也想知道你的产品或服务现有客户的反映,所以如果能引用与你关系融洽的客户对你的积极评价,对你的可信度将很有帮助。
不要害怕向顾客索取推荐信——人们都愿意自己的意见有价值。
你可以把客户的推荐信另设计为一个网页,作为对客户提供推荐信的回报,在这里链接到客户的网站——这也是一种“双赢”。
一个网站如果只有漂亮的外观而词语错误连篇、语法混乱,同样是失败的,对于网站所有者和负责人将产生很坏的影响,人们会用许多贬义词来评价你:粗心大意、懒惰、外行、没水平等等。
你愿意把自己辛苦挣来的钱花在一个连自己的网站都马马虎虎的人吗?
你可以按照上述步骤改进你的网站制作技巧;
你可以请人对你的工作进行校对、编辑;
总之,上述步骤在很多方面对你会有所帮助,不要因为对某些步骤的疏忽而影响你的网站的整体效果。
好了,本文到此结束,如果可以帮助到大家,还望关注本站哦!