主页制作的五十个秘诀
日期：2011-03-10 浏览次数：20883 次
由flashmonkey整理：
一、内容
1、让读者有理由逗留。要把网页作得趣味盎然，引人入胜。但首要的是要让它有用处。这样做的一个很简单的办法是提供相互参与——让读者做一些事情，如报名获取定期发送的通讯，并用某种方式报答他们的参与，如每周抽奖或给予下载一些东西的机会。
2、对访问者来说最具价值的站点是那些立刻就能让人明白哪些信息可以获取，怎样获取，以及可能还有怎样让读者来更正他自己认为有错误的地方或加上他自己的内容。
3、签上自己的名字，并展示得到的荣誉——但不要在这里弄上一个长长的签名。少许的自我宣传可能是中肯的，尤其是当你想让自己的网页具有个人特色时，但这可能会带来困窘和妨碍实质内容。你所要作的只是连接到关于作者的那一页，该页也是弃权、版权声明及类似说明的合适地方。
4、不要包括一些一般化的Web参考信息和人人都有的已不再是热点的连接。连接到Alta Vista和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 标记。假设标题图像显示为 The Offal Eaters' HomePage，你可以在括号内加上一个 ALT 标记，ALT="The Offal Eaters' HomePage"，直接把它加在 IMG SRC=http://edu.cnzz.cn/NewsInfo/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。使用 Paint Shop Pro 这一类的工具对原图
重新取样，比如说高度为100像素(也许为了达到你自己的要求你得进行调整才能找到最合适的大小，但可以从高度除以4开始)，Paint Shop Pro 会自动计算新画面的宽度。保存新画面，它的大小现在应为6K或更小。然后在HTML文件中可以这样写上：
<img src="http://edu.cnzz.cn/NewsInfo/bigpic.jpg" lowsrc="http://edu.cnzz.cn/NewsInfo/smallpic.jpg" width="600" height="400">
Lowsrc命令指示浏览器在真正的画面载入以前先装载低
一、内容
1、让读者有理由逗留。要把网页作得趣味盎然，引人入胜。但首要的是要让它有用处。这样做的一个很简单的办法是提供相互参与——让读者做一些事情，如报名获取定期发送的通讯，并用某种方式报答他们的参与，如每周抽奖或给予下载一些东西的机会。
2、对访问者来说最具价值的站点是那些立刻就能让人明白哪些信息可以获取，怎样获取，以及可能还有怎样让读者来更正他自己认为有错误的地方或加上他自己的内容。
3、签上自己的名字，并展示得到的荣誉——但不要在这里弄上一个长长的签名。少许的自我宣传可能是中肯的，尤其是当你想让自己的网页具有个人特色时，但这可能会带来困窘和妨碍实质内容。你所要作的只是连接到关于作者的那一页，该页也是弃权、版权声明及类似说明的合适地方。
4、不要包括一些一般化的Web参考信息和人人都有的已不再是热点的连接。连接到Alta Vista和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 标记。假设标题图像显示为 The Offal Eaters' HomePage，你可以在括号内加上一个 ALT 标记，ALT="The Offal Eaters' HomePage"，直接把它加在 IMG SRC=http://edu.cnzz.cn/NewsInfo/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。使用 Paint Shop Pro 这一类的工具对原图
重新取样，比如说高度为100像素(也许为了达到你自己的要求你得进行调整才能找到最合适的大小，但可以从高度除以4开始)，Paint Shop Pro 会自动计算新画面的宽度。保存新画面，它的大小现在应为6K或更小。然后在HTML文件中可以这样写上：
<img src="http://edu.cnzz.cn/NewsInfo/bigpic.jpg" lowsrc="http://edu.cnzz.cn/NewsInfo/smallpic.jpg" width="600" height="400">
Lowsrc命令指示浏览器在真正的画面载入以前先装载低
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
