10．控制图片的大小
除了文字说明，图片就是我们网页上最重要的内容了。许多漂亮的字体，浏览器可能并不支持，所以要用图片的方式来显示；单纯的文字网页信息量巨大，浏览者很难快速地了解网页想要表达的内容，但通过图片就能比较形象地把意思传达给浏览者了。此外统一风格（每个网页使用相同的
LOGO）、美化网页（用色彩鲜艳的花边修饰网页边框、分隔大段的文本）、烘托气氛等作用也是文字说明无法做到的，特别是GIF089a格式保存的图片，不但可以制造动画效果、活泼网页的气氛，还能够在显示较大的图片时逐渐的显示，先显示分辨率比较低的图片，让浏览者有个初步了解，知道自己等待的是什么？究竟有没有必要再等待？这对于速度相对较慢的中国互联网来说是一件天大的好事。
一般来说，一张网页上的图片总体积不应该超过50KB，这样光图片的下载将花去浏览者近10秒的时间（按使用56K的MODEM计算，不过56K的MODEM在中国已经是标准配置了），而即使加上文字也多不了多少时间，对于习惯了慢如蚂蚁的网络的用户是可以接受的。因此，可以说图片是造成网页下载速度过慢的“罪魁祸首”。所以，必须在美观和速度之间做出选择，两者都要兼顾，大家自己平衡吧^_^
11．选择使用框架
框架（FRAME）也叫帧页，是现在制作网页是较为常用的一种技术。该技术可以把浏览器窗口划分为几个小窗口，每一个窗口都显示一个网页的内容，并分别设置大小、有无滚动条等信息。这样就方便了设计网站的结构，可以在上方的框架里放置网站的
LOGO，在左面的框架里显示导航栏，而在下方的框架里安置版权信息。当然这只是一个比较公式化的设计，每个人可以根据自己的实际需要和创意来做安排。而且浏览时，可以指定链接的网页在哪个框架里显示，从而避免了网页上相同内容的重复下载，而这些内容往往是LOGO、
Banner等体积较大，需要很长下载时间的图片。这对于提高网页显示速度和网络传输效率方面都有着积极的意义。
尽管这是种方便网站设计者的技术，但对于浏览者来说就不一定了。因为框架技术是一种新兴技术，很多浏览器还不支持它，也就是是说，有一部分的浏览者并不能正常的看到你那美仑美奂的网页。所以，笔者建议：为了这些网友，尽量不要使用框架。如果实在要用，就一定要记得在框架网页的
HTML代码里加上
<![CDATA[元素，在<NOFRAMES>里可以设定当浏览器不支持框架的时候在浏览器里显示的替代内容，让没有使用最新版本的用户也可以看到网页的内容。 <BR><BR> 12．发布更新消息 <BR><BR> 更新消息可以通过多种方式传达给浏览者，最常用的就是在主页上逐条列出最新的内容，或是专门做一个“最近更新”的网页，在网页上详细地介绍最几一次、几次更新的内容，并提供通往新内容的链接。<BR><BR> 还有一种方法用的也比较普遍，但一般需要存放站点的<a href="http://www.blue1000.com/bkhtml/c68" title="服务器教程">服务器</a>方面支持提交表单才行。就是浏览者通过提交表单的方式，将自己具体的联系方法送到站长指定的E-MAIL、<a href="http://www.blue1000.com/bkhtml/c20/" title="CGI教程">CGI</a>、文本文件等目的地，然后再由站长定期或在更新后，向这些地址发送网站最近更新的消息，让浏览者知道是否真的有自己感兴趣的内容，是否值得花费时间和金钱去浏览你的网站。既方便了浏览者，又显得站长很专业、很尽责。<BR>
</div>
<div><script type="text/javascript" src="../../bkad/undercontent.js"></script></div>
</div>
<div style="padding-right:20px;text-align:right;clear:both">
阅读：<span id="news_hits"></span> 次<br/>
录入：<br/><br/>
【 <a href="../../mail.aspx?ID=6369" target="_blank">推荐</a> 】
【 <a href="javascript:doPrint()">打印</a> 】
</div>
<div style="padding-left:20px;clear:both">
上一篇：<a href="../../bkhtml/2005-04/6368.htm">建站全攻略(7)</a><br/>
下一篇：<a href="../../bkhtml/2005-04/6370.htm">建站全攻略(9)</a><br/>
<script type="text/javascript" src="../../bkad/underpreandnext.js"></script>
</div>
</div>
</div>
<div class="bl"></div>
<div class="br"></div>
<div class="bm"></div>
</div>
<div class="mframe">
<div class="tl"></div>
<div class="tr"></div>
<div class="tm">
<span class="tt">相关新闻</span>
</div>
<div class="wrapper">
<div class="ml"></div>
<div class="mr"></div>
<div class="mm">
</div>
</div>
<div class="bl"></div>
<div class="br"></div>
<div class="bm"></div>
</div>
<div class="mframe">
<div class="tl"></div>
<div class="tr"></div>
<div class="tm">
<span class="tt">本文评论</span>
<a href="../../remark.aspx?id=6369" target="_blank" style="cursor:hand">全部评论</a>
</div>
<div class="wrapper">
<div class="ml"></div>
<div class="mr"></div>
<div class="mm">
</div>
</div>
<div class="bl"></div>
<div class="br"></div>
<div class="bm"></div>
</div>
<div class="mframe">
<div class="tl"></div>
<div class="tr"></div>
<div class="tm">
<span class="tt">发表评论</span>
</div>
<div class="wrapper">
<div class="ml"></div>
<div class="mr"></div>
<div class="mm">
<form id="remarkForm" action="../../remark.aspx?id=6369" method="post" onsubmit="return checkRemark();" style="padding:5px">
<div style="width:220px;float:right;height:140px;overflow:auto">
<ul style="list-style-type:square;;margin-left:1em;line-height:150%">
<li>尊重网上道德，遵守中华人民共和国的各项有关法律法规</li>
<li>承担一切因您的行为而直接或间接导致的民事或刑事法律责任</li>
<li>本站管理人员有权保留或删除其管辖留言中的任意内容</li>
<li>本站有权在网站内转载或引用您的评论</li>
<li>参与本评论即表明您已经阅读并接受上述条款</li>
</ul>
</div>
<script type="text/javascript" language="javascript">
function checkRemark()
{
var form=document.getElementById("remarkForm");
var remarkSize = 200;
if (form.body.value=="")
{ alert("请填写评论内容");
form.body.focus();
return false;
}
if (form.username.value=="")
{ alert("请填写姓名");
form.username.focus();
return false;
}
if (form.body.value.length>remarkSize)
{ form.body.value = form.body.value.substr(0,remarkSize);
showLen(form.body);
form.body.focus();
alert("评论内容不可以超过"+remarkSize+"字,已帮你删除多余部分");
return false;
}
if (form.username.value.length>10)
{ alert("姓名不可以超过10个字");
form.username.focus();
return false;
}
form.submit.disabled=true;
form.vcode.value = VCode("建站全攻略(8)");
return true;
}
function showLen(obj)
{
document.getElementById("bodyLen").value=obj.value.length;
}
</script>
<input type="radio" name="face" value="1" checked="checked"/><img src="../../pic/face1.gif"
alt=""/><input type="radio" name="face" value="2"/><img src="../../pic/face2.gif"
alt=""/><input type="radio" name="face" value="3"/><img src="../../pic/face3.gif"
alt=""/><input type="radio" name="face" value="4"/><img src="../../pic/face4.gif"
alt=""/><input type="radio" name="face" value="5"/><img src="../../pic/face5.gif"
alt=""/><input type="radio" name="face" value="6"/><img src="../../pic/face6.gif"
alt=""/><input type="radio" name="face" value="7"/><img src="../../pic/face7.gif"
alt=""/><input type="radio" name="face" value="8"/><img src="../../pic/face8.gif"
alt=""/><input type="radio" name="face" value="9"/><img src="../../pic/face9.gif" alt=""/><br/>
<input type="radio" name="face" value="10"/><img src="../../pic/face10.gif"
alt=""/><input type="radio" name="face" value="11"/><img src="../../pic/face11.gif"
alt=""/><input type="radio" name="face" value="12"/><img src="../../pic/face12.gif"
alt=""/><input type="radio" name="face" value="13"/><img src="../../pic/face13.gif"
alt=""/><input type="radio" name="face" value="14"/><img src="../../pic/face14.gif"
alt=""/><input type="radio" name="face" value="15"/><img src="../../pic/face15.gif"
alt=""/><input type="radio" name="face" value="16"/><img src="../../pic/face16.gif"
alt=""/><input type="radio" name="face" value="17"/><img src="../../pic/face17.gif"
alt=""/><input type="radio" name="face" value="18"/><img src="../../pic/face18.gif" alt=""/><br/>
<div style="padding-top:5px">
点评：
<textarea name="body" cols="36" rows="4" onkeydown="showLen(this)" onkeyup="showLen(this)"></textarea> 字数<input type="text" id="bodyLen" size="3" readonly="readonly" style="border-width:0;background:transparent;"/>
</div>
<div style="padding-top:5px">
姓名：
<input type="text" id="i_username" name="username" value="" maxlength="15" size="10"/>
<input type="submit" name="submit" id="i_submit" value=" 发 表 "/>
</div>
<script type="text/javascript">
var remarkmember = false;
var allowremark = true;
if (remarkmember){
document.getElementById("i_username").readonly=true;
document.write("(限会员登录后发表评论)");
}
if (!allowremark){
document.getElementById("i_submit").disabled=true;
}
</script>
<script type="text/javascript" src="../../inc/clientDate.js"></script>
<input type="hidden" name="vcode" value=""/>
</form>
</div>
</div>
<div class="bl"></div>
<div class="br"></div>
<div class="bm"></div>
</div>
<iframe src="../../frm_hit.aspx?id=6369&disp=1" style="visibility:hidden;height:0;width:0"></iframe>
</td><td width="230" style="padding-left:5px" valign="top">
<div class="lframe">
<div class="tl"></div>
<div class="tr"></div>
<div class="tm">
<span class="tt">Advertisement</span>
</div>
<div class="wrapper">
<div class="ml"></div>
<div class="mr"></div>
<div class="mm">
<script type="text/javascript" src="../../bkad/contentrighttop.js"></script>
</div>
</div>
<div class="bl"></div>
<div class="br"></div>
<div class="bm"></div>
</div>
<div class="lframe">
<div class="tl"></div>
<div class="tr"></div>
<div class="tm">
<span class="tt">内容查询</span>
</div>
<div class="wrapper">
<div class="ml"></div>
<div class="mr"></div>
<div class="mm" style="text-align:center; padding:10px;">
<form method="get" action="../../search.aspx" name="frmSearch" style="display:inline;">
<input type="text" name="keyword" class="inputbg" size="20" style="margin-bottom:5px"/><br/>
<select name="where">
<option value="title">标题</option>
<option value="content">内容</option>
<option value="writer">作者</option>
</select>
<script type="text/javascript" src="../../inc/clientDate.js"></script>
<input type="submit" value="搜索"/><br/>
</form>
</div>
</div>
<div class="bl"></div>
<div class="br"></div>
<div class="bm"></div>
</div>
<div class="lframe">
<div class="tl"></div>
<div class="tr"></div>
<div class="tm">
<span class="tt">Advertisement</span>
</div>
<div class="wrapper">
<div class="ml"></div>
<div class="mr"></div>
<div class="mm">
<script type="text/javascript" src="../../bkad/contentrightmid.js"></script>
</div>
</div>
<div class="bl"></div>
<div class="br"></div>
<div class="bm"></div>
</div>
<div class="lframe">
<div class="tl"></div>
<div class="tr"></div>
<div class="tm">
<span class="tt">本周热门内容</span>
</div>
<div class="wrapper">
<div class="ml"></div>
<div class="mr"></div>
<div class="mm">
<ul class="nl">
<li><a href="../../bkhtml/2000-04/2498.htm" target="_blank">WebTrends 5.0使用详解（一）Ⅰ</a></li>
<li><a href="../../bkhtml/2001-01/2586.htm" target="_blank">UD4与其他动态网页制作软件的比较</a></li>
<li><a href="../../bkhtml/2001-04/2601.htm" target="_blank">用“色环”扮靓你的网页</a></li>
<li><a href="../../bkhtml/2006-07/45426.htm" target="_blank">十大网站设计错误</a></li>
<li><a href="../../bkhtml/2006-04/44866.htm" target="_blank">《站长兵法》之IT类网站</a></li>
<li><a href="../../bkhtml/2005-12/41227.htm" target="_blank">关于域名注册、投资问题的相关解释</a></li>
<li><a href="../../bkhtml/2005-10/18084.htm" target="_blank">为自己的网站添加RSS功能</a></li>
<li><a href="../../bkhtml/2003-06/2618.htm" target="_blank">韩国商业网站设计分析</a></li>
<li><a href="../../bkhtml/2006-04/44868.htm" target="_blank">《站长兵法》之设计类网站</a></li>
<li><a href="../../bkhtml/2006-04/44735.htm" target="_blank">使用Gmail看信也玩RSS阅读</a></li>
</ul>
</div>
</div>
<div class="bl"></div>
<div class="br"></div>
<div class="bm"></div>
</div>
</td></tr>
</tbody>
</table>
<div id="footer">
<br /><font color="#005c96"><strong>BK网络学院</strong>主要内容：<strong>平面设计教程,网站开发在线教程,网页制作教程,服务器教程,网络编程,数据库教程</strong>等。<br />产业部：</font><a href="http://www.miibeian.gov.cn/"><font color="#0000ff">沪ICP备05019380号 陇ICP备05004709号</font></a><font color="#0000ff"> 公安局：GR6201030003<br />Copyright © </font><a href="/"><font color="#0000ff">BK设计</font></a><font color="#0000ff"> Powered by <a href="/">BK网络学院</a></font> <script src="http://s15.cnzz.com/stat.php?id=54594&web_id=54594" language="JavaScript"></script> <script type="text/javascript">setTimeout("ImgLoad(document.getElementById('content'));",500);</script>
<div class="menuskin" id="popmenu" onmouseover="clearhidemenu();highlightmenu(event,'on')" onmouseout="highlightmenu(event,'off');dynamichide(event)" style="Z-index:100"></div>
<script type="text/javascript" src="../../inc/menu.js" charset="gb2312"></script>
<script type="text/javascript">
jsdone=true;
</script>
</div>
</div>
</body>
</html>]]>