广州网站设计公司

广 州网站制作公司好网站的主页怎样设计(上)

UPDATE:2013/08/12    点击:601

网 站的主页就像是人的一张脸,非常的重要。那 么我们应该如何设计好自己的网站呢。下 面广州网站设计公司为大家详细讲解一下:

1.让读者有理由逗留。要 把网页作得趣味盎然,引人入胜。但 首要的是要让它有用处。这 样做的一个很简单的办法是提供相互参与———让读者做一些事情,如 报名获取定期发送的通讯,并 用某种方式报答他们的参与,如 每周抽奖或给予下载一些东西的机会。

2.对 访问者来说最具价值的站点是那些立刻就能让人明白哪些信息可以获取,怎样获取,以 及可能还有怎样让读者来更正他自己认为有错误的地方或加上他自己的内容。

3.签上自己的名字,并展示得到的荣誉———但 不要在这里弄上一个长长的签名。少 许的自我宣传可能是中肯的,尤 其是当你想让自己的网页具有个人特色时,但 这可能会带来困窘和妨碍实质内容。你 所要作的只是连接到关于作者的那一页,该页也是弃权、版 权声明及类似说明的合适地方。

4.不 要包括一些一般化的Web参 考信息和人人都有的已不再是热点的连接。连接到AltaVista和Yahoo可能就已足够了,否 则你的外部连接应该是具有特殊意义和读者还没有遇到过的地方。

5.要 是有以评论或读者意见的形式取得的肯定性的反馈,可 考虑把它包括在主页之内———也 许在开头的某个地方,或 者作为到荣誉页的一个连接。如果做得恰到好处,可 以鼓励新的访问者并使他们放心相反,要是做得不合适,就 会被认为是自我吹嘘,而 真正的内容反而处于次要地位。

6.忘 掉已学会的在纸上写作的大多数习惯。基于文字、面 向纸张的写作所面临的任务是精心安排的叙述,在提供知识、愉 悦心情或说服别人的过程当中要能保持读者的兴趣;但 是文字并不是大多数Web版面的主要组成部分———即 便是页面上的文字比其他元素多,也 常常是其他组成部分(图像、超媒体连接)被 认为比单纯的文字更重要。

7.结构至关重要。网 页可能会看起来是二维的,但不应如此理解。印 刷页面的原有结构在Web已不复存在;写 作者得着重于文件以可见的方式表现出来的结构,因 为它可能已具有更微妙的交流功能。

8.Web的 读者不会去读每一个词,他 们的阅读方式更近似于快速阅读而不是象读呆板的树式文件那样的逐行阅读。通 过计算机屏幕阅读并不是件格外舒服的事情,因 此读者希望最好能尽快得到结果。

9.在Web页 面创作中读者实际上是一个配合者。除 了要注意在任何类型的写 中都要考虑的词汇、语调和其他事项外,网 页作者还要意识和具体考虑到读者的身体运动———按鼠标键、滚动页面、写作邮件———也 是交流过程的一部分。

页面设计

10.有了一个HTML编 辑器和几兆服务器空间并不能说马上就可以设计网页 了。在开始编写文字、寻找图像和进行HTML标 记之前应该先把基本的网页结构 组织号。如果没什么要说的,就什么也不要说。要 是开始的时候在脑子里没有一 个相当明确的结构,那 几乎肯定会以一团糟而告终。开始时谨慎一些,然后不停 学习,不停地改进。卸 载一些你喜欢的页面,核对HTML源文件看它是怎样写 的:把 它全部或部分粘贴到一个试验文件进行检验。整 页地拷贝别人的东西是剽 窃行为,但 是向别人学习则是研究过程。
 
11.人 们第一次进入你的主页时,他 们通常不是在寻找值得阅读的地方,他 们 可能正在寻找可供选择的东西,以 超文本术语说即是可用鼠标点取的词句、图 像、按钮等等,接下来是阅读文字,选定一个可选项,按鼠标键,下页出现后又 重复此过程。这 里的技巧是确定阅读时按键的适当比率。提 供的可选项要是太少, 访问者会觉得没意思,要 是太多又会吓倒别人。

12.要 是页面包含的内容信息量大,在 开始设计页面之前就要先确定好读者对象。对 新手或新的访问者来说用一种固定的文件结构并在开始的时候给予说明 是有意义的。例如,关 于内容的说明表格或某种类似结构。如果你要满足知识或 经 验不在同一个层次的读者,提 供限制性的线索可以让某些读者跳过基本内容直 达目标。提 供连接时要考虑到各个层次的读者。

13.不要让读者不知所措。不 必非要用声音和图像充斥网页,也不要把文件 做 得太长以至于在装载文件时让读者等得脚后跟发凉,因 此使用图像时要谨慎:大 的图像显然会降低页面建立的速度,但 许多需要顺序装载的小图像也会如此。

布局

14.别 轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外,很多流 览 器不能很好地显示斜体字,也 不能补偿由于字母倾斜引起的空白变化。

15.利用短的段落,加点列示,适当的整块引用文字,用水平线分节,用影 象地图指引主要连接,使 你的页面能吸引人和容易阅读。

16.不 要在每一页使用风格不同的图标。

17.不 必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点———它 们 较小并能为列表项增加色彩活力(并能用于彩色列表)。彩 色分隔条也能在不扰 乱 带宽的情况下增强图形感。

18.对用作背景的GIF要谨慎。它 们可以使一个页面看起来很有趣,甚至很 专业;但 是装饰背景很容易使文字变得不可辨读。要把背景做得好,光有颜色对 比是不够的。背景要么很亮(文字较暗)要么很暗(文字较亮)。如果背景含有图像, 对 比度要较低才不至于过于分散读者的注意力。

19.在IMG行加ALT标记。假设标题图像显示为TheOffalEaters\‘Home Page, 你 可以在号内加上一个ALT标记,ALT=\"TheOffalEaters\‘HomePage\",直接 把它加src=/zhishi/offal_com_uk/images/gif/home-top.gif 用 基于文本的流览器的读者除了看到[IMAGE]以 外还能看到别的一些东西,使用
图 形流览器的读者在图像未能成功载入之时也会看到一些东西,而你也能让自己 的HTML文件相当整洁。

20.也 可以在分隔条上使用ALT标记,这 样就使得使用基于文本的流览器的 读 者能看到一些更有趣的东西,而不只是一条直线。

21.不 要把重要的内容放到页尾———有 些读者可能不会往下看那么远。

22.不 要让什么东西看起来象是一个按钮却不起按钮的作用。

HTML格式

23.应避免使用交叉标记。不 同的浏览器对交叉标记的反映会不同。

24.使用交织GIF和Jpeg。因 为交织图像是分级显示出来的———首先以很 低的分辨率显示,然后逐步提高分辨率,直 至最后达到正常显示———这种方式 有 时候会使较大的图像看起来好象装载得快一些(实际上并非如此,但这是一种 有益的错觉)。这 样也便于读者在图像装载的过程中看到它的模样,如果他们不 喜 欢或不想看的话就有机会中断传输或转向别的地方。

25.另 一种增加可得带宽的巧妙方法是在HTML底稿中使用Lowsrc命令。比 如有一张400×600像素的1600万色扫描图,所占空间约为35K。使用 PaintShopPro这 一类的工具对原图重新取样,比如说高度为100像素(也许为了 达 到你自己的要求你得进行调整才能找到最合适的大小,但可以从高度除以4 开始),PaintShopPro会 自动计算新画面的宽度。保存新画面,它的大小现在应 为6K或更小。然后在HTML文件中可以这样写上: imgsrc=/index.html"bigpic.jpg\"lowsrc=/index.html"smallpic.jpg\"width=600height=400

Lowsrc命 令指示浏览器在真正的画面载入以前先装载低分辨率的图像,这样就
让 读者清楚将会出现什么样的画面。(为 确保浏览器能即时以合适的大小显示图
像,高度和宽度很重要)。
在线客服
电话咨询
136 3229 4081
周一至周六
9:00至18:00点
友情链接:    23娱乐彩票   发发彩票_安全购彩   双龙彩票代理   37彩票官网   五分彩票代理