九企旗下网站网页制作的几十秘诀（二）
关键字： 发布日期：2010-03-10 浏览次数：0
三、布局
14、别轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外，很多流览器不能很好地显示斜体字，也不能补偿由于字母倾斜引起的空白变化。
15、利用短的段落，加点列示，适当的整块引用文字，用水平线分节，用影象地图指引主要连接，使你的页面能吸引人和容易阅读。
16、不要在每一页使用风格不同的图标。
17、不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点--它们较小并能为列表项增加色彩活力(并能用于彩色列表)。彩色分隔条也能在不扰乱带宽的情况下增强图形感。
18、对用作背景的GIF要谨慎。它们可以使一个页面看起来很有趣，甚至很专业，但是装饰背景很容易使文字变得不可辨读。要把背景做得好，光有颜色对比是不够的。背景要么很亮(文字较暗)要么很暗(文字较亮)。如果背景含有图像，对比度要较低才不至于过于分散读者的注意力。
19、在 IMG 行加 ALT 标记。假设标题图像显示为 The Offal Eaters'' HomePage，你可以在括号内加上一个 ALT 标记，ALT="The Offal Eaters'' HomePage"，直接把它加在 IMG SRC=/uploadfile/2010/0310/20100310034559894.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文件中可以这样写上：具体位置在网站内容管理－修改处,因为这里不能显示出来.Lowsrc命令指示浏览器在真正的画面载入以前先装载低分辨率的图像，这样就让读者清楚将会出现什么样的画面。(为确保浏览器能即时以合适的大小显示图像，高度和宽度很重要)。
26、当然，可以用 Lowsrc 提取你想要的任何图像。一条双色的“请等待下传”的信息可能只占几百字节，同时由于图像是存在浏览器的缓存区，因此可用“请等待”信息代替所有画面。当图像平静地消失于背景之中的时候，读者可以悠闲地浏览你的网页。
27、可以在一个 HTML 元素内嵌入一个连接，如：Myheading但不能反其道而行之，把一个标题或其他HTML元素嵌入一个连接。下面这样的结构是正式的 HTML 规定禁止的，并可能在大多数最新的浏览器下不见效果：Myheading
14、别轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外，很多流览器不能很好地显示斜体字，也不能补偿由于字母倾斜引起的空白变化。
15、利用短的段落，加点列示，适当的整块引用文字，用水平线分节，用影象地图指引主要连接，使你的页面能吸引人和容易阅读。
16、不要在每一页使用风格不同的图标。
17、不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点--它们较小并能为列表项增加色彩活力(并能用于彩色列表)。彩色分隔条也能在不扰乱带宽的情况下增强图形感。
18、对用作背景的GIF要谨慎。它们可以使一个页面看起来很有趣，甚至很专业，但是装饰背景很容易使文字变得不可辨读。要把背景做得好，光有颜色对比是不够的。背景要么很亮(文字较暗)要么很暗(文字较亮)。如果背景含有图像，对比度要较低才不至于过于分散读者的注意力。
19、在 IMG 行加 ALT 标记。假设标题图像显示为 The Offal Eaters'' HomePage，你可以在括号内加上一个 ALT 标记，ALT="The Offal Eaters'' HomePage"，直接把它加在 IMG SRC=/uploadfile/2010/0310/20100310034559894.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文件中可以这样写上：具体位置在网站内容管理－修改处,因为这里不能显示出来.Lowsrc命令指示浏览器在真正的画面载入以前先装载低分辨率的图像，这样就让读者清楚将会出现什么样的画面。(为确保浏览器能即时以合适的大小显示图像，高度和宽度很重要)。
26、当然，可以用 Lowsrc 提取你想要的任何图像。一条双色的“请等待下传”的信息可能只占几百字节，同时由于图像是存在浏览器的缓存区，因此可用“请等待”信息代替所有画面。当图像平静地消失于背景之中的时候，读者可以悠闲地浏览你的网页。
27、可以在一个 HTML 元素内嵌入一个连接，如：Myheading但不能反其道而行之，把一个标题或其他HTML元素嵌入一个连接。下面这样的结构是正式的 HTML 规定禁止的，并可能在大多数最新的浏览器下不见效果：Myheading
上一篇：多题投票统计系统之SAVE
下一篇：网页制作的几十个秘诀（一）
相关信息
