 |
|
|
 首页 |
名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
1.使用表格嵌套？ 在页面中建立复杂的结构，一般通过在页面中放置HTML表格来实现。假如要建立一个这样的页面：这个页面有一个顶部导航栏一个左边导航栏，一个右边的内容区。可以用一个两行两列的大表格来建立它。第一行中，合并两个列，然后插入一个顶部导航栏。第二行左边的列中，插入一个表格来显示导航按钮。右边的栏中，放置一个表格来实际内容。(见图一)这样嵌套的表格生成的代码是这样的： <TABLE BORDER="0"> <TR> <TD COLSPAN="2"><!-- content for top nav bar --></TD> </TR> <TR> <TD ALIGN="LEFT" VALIGN="TOP"><!-- content for left nav bar --></TD> <TD ALIGN="LEFT" VALIGN="TOP"><!-- content for body of page --></TD> </TR> </TABLE> 但是，实际上，浏览器找到<TABLE>标签的时候并不是马上把页面显示到屏幕上，除非它找到相应的结束标签</TABLE>。所以，假如你的整个页面在一个表格里的话，在收到最后一个</TABLE>之前，什么也不会显示出来，这样，这个页面将在整个文件全部下载以后才能被用户所看到。在页面数据量比较大的时候（比如搜索引擎的搜索结果），这个特性会导致暂时的停顿。为了防止出现这种情况，可以在制作的时候把页面分成许多小的表格。在每一个<TABLE>到相应的</TABLE>这一部分HTML代码下载完的时候，浏览器就会把它显示出来。在访问者看来页面是徐徐的，一部分一部分，越来越多的出现在屏幕上的。感觉上，这样的页面显示速度比下载完整个文件再一次显示出来更快。 按照这个原则来研究前面的例子，应该把页面中整个的大表分成三个单独的表。用第一个表显示顶部的导航栏，调节它的宽度，使它足够容纳所有的内容，在一个<TABLE></TABLE>代码段中完成它。页面下半部分，左边第二个表排成一列。使用第三个表容纳实际内容。(见图二)因为每一个部分都是一个完整的表格，所以，每一部分代码下载后都会马上被显示出来。这样，顶部和左边的导航栏将比页面的其它部分更显显示出来。用户会在这个时候想象页面开始下载，很快就能显示在屏幕上。这样比起让用户在较长时间内一直面对一个空白屏幕要好得多。 修改过的代码是这样的： <TABLE BORDER="0" WIDTH="100%"> <TR> <TD ALIGN="CENTER" VALIGN="TOP"><!-- content for top nav bar --></TD> </TR> </TABLE> <TABLE BORDER="0" ALIGN="LEFT"> <TR> <TD ALIGN="LEFT" VALIGN="TOP"><!-- content for left nav bar --></TD> </TR> </TABLE> <TABLE BORDER="0"> <TR> <TD ALIGN="LEFT" VALIGN="TOP"><!-- content for page body --></TD> </TR> </TABLE> 2.也要记住关闭其他的标记 在上面的例子中，我们仅仅早一些关闭<TABLE>标记，就能让页面在浏览器显示的更快些。以此类推，还有一些类似的标记也有同样的特性。 比如产生列表框和组合框<OPTION>标记和产生列表项的<LI>标记。通常，ASP程序员存取数据库，并把数据送入通过<OPTION>建立的列表框或组合框中，这时候在代码中写上一个关闭<OPTION>标记，这样简朴的改变也能使页面在浏览器中显示的更快。 不要使用这样的代码： Do while not objRS.EOF strOptionList = strOptionList & "<OPTION value=""" & objRS("ID") &_""">"& _objRS("ProductName") objRS.MoveNext Loop Response.Write "<SELECT SIZE=""1"">" & strOptionList & "</SELECT>" 要使用这样的代码： Do while not objRS.EOF strOptionList = strOptionList & "<OPTION value=""" & objRS("ID") & _ """>" & objRS("ProductName") & "</OPTION>" objRS.MoveNext Loop Response.Write "<SELECT SIZE=""1"">" & strOptionList & "</SELECT>" 不要使用这样的代码： <UL> <LI>Apples <LI>Oranges <LI>Bananas </UL> 使用这样的代码: <UL> <LI>Apples</LI> <LI>Oranges</LI> <LI>Bananas</LI> </UL> 现在看看，你的页面在浏览器中是不是显示的快了？ 请不要轻蔑这些改变对提高ASP程序性能的重要性。也许，在你能找到的“技巧与提示”一类的书或在线资料中，很少提到过通过优化HTML代码来使你的程序运行的更快。但是，在实际中应用这些技术，确实能使程序性能得到很大的提高。 返回类别: 教程 上一教程: 轻松打造ASP计数器 下一教程: ASP中巧用存储过程 您可以阅读与"加速ASP程序的运行速度的两种方式"相关的教程: · ASP中存储过程调用的两种方法，以及不采用存储过程的方法比较 · 加速ASP程序的显示速度 · ASP中几条语句运行速度的测试 · ASP中存储过程调用的两种方法及比较 · ASP创建SQL SERVER数据库的两种方式 |
  |
| 快精灵印艺坊 版权所有 |
首页 会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店
|
||
