2.htm

IIS5.0超级管理手册-网页开发篇 书籍语言： 简体中文 书籍类型： 网页设计 授权方式： 免费软件 书籍大小： 262 KB

  <table border="0" style="line-height: 25px">
    <tbody style="line-height: 25px">
      <tr style="line-height: 25px">
        <td align="middle" style="line-height: 25px">
        <font face="arial" color="#000000" size="2" style="line-height: 25px">
        图2-3 Windows DNA技术家族</font></td>
      </tr>
  </table>
  </center>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  Windows DNA建立的基础为：Microsoft Windows作业系统和Microsoft Internet 
  Explorer上的用户端服务、Microsoft Windows 2000 Server和Microsoft 
  BackOffice家族的分散式基础结构以及公司的整合工具，如Microsoft Visual Studio开发系统。由於Windows 
  DNA使用开放协定和已发布的介面，所以公司可以加入协力厂商的产品和解决方案。此外，Windows DNA结构完全采用Web 
  计算，所以它的另一个基础来自在开发标准上的诸多努力，这些标准都已通过 World Wide Web Consortium（W3C）和Internet 
  Engineering Task Force（IETF）等组织核准。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  有关Windows DNA更详细的资讯，请参阅&nbsp;</font></a><font face="arial" color="#000000" size="2" style="line-height: 25px"><a target="_new" href="http://www.microsoft.com/dna/" style="line-height: 25px">http://www.microsoft.com/dna/</a>&nbsp;。</font></p>
  <p><font face="arial" color="#3e72d7" size="4" style="line-height: 25px">
  <b style="line-height: 25px">网际网路应用程式的前景<br style="line-height: 25px">
　</b></font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  用户逐渐要求能取得其所需的公共或私人资讯；使用者日益希望使用单一用户端应用程式来满足他们的资讯存取需求，同时也依赖网路和伺服器的多用性来提供内容和服务。他们会变得依赖这些应用程式，并希望随处可得，甚至还会想在他们的个人系统上<font face="arial" color="#3e80d7" size="2" style="line-height: 25px"><b style="line-height: 25px">&nbsp;替换&nbsp;</b></font>本机应用程式。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  因此，将来可能会出现一个以HTML为基础的伺服器应用程式，以满足强大的网际网路用户端使用需求。应用程式将被分解成只有用户端元件的使用者介面（除了标准网际网路浏览器之外，极少需要其他软体），以及伺服器元件的中间层，这些伺服器元件没有使用者介面，且向本机或透过网际网路提供服务。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  下面几节描述了用户端和中间层在分散式网际网路和企业内部网路应用程式中的作用。第叁层将在本书&nbsp;<a target="_new" href="http://e-msbooks.com/relaunch/XML/paser.asp?src=957-2085-16-6_203.xml#203" style="line-height: 25px">第3章〈资料存取与交易处理〉</a>&nbsp;中讨论。</font></p>
  <a name="202002" style="line-height: 25px">
  <p><font face="arial" color="#3e70d7" size="5" style="line-height: 25px">
  <b style="line-height: 25px">用户端技术<br style="line-height: 25px">
　</b></font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  本节简介了组成现今Web应用程式用户端层的技术。每个技术都考虑以下几方面：它是什麽；如何作为Web应用程式的一部分运作；以及在使用时的问题。本节不讨论如何使用用户端技术来开发应用程式的相关议题。</font></p>
  <p><font face="arial" color="#3e72d7" size="4" style="line-height: 25px">
  <b style="line-height: 25px">文字和HTML<br style="line-height: 25px">
　</b></font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  HTML是网页格式化语言的基础。和普通印刷品一样，网页上的文字也可以包括多种字形、颜色、字形的值和属性、间距以及栏位。另外，网页还可以包括表、框架和HTML表单。Web应用程式的特性是大量使用表和表单来显示资料、组织应用程式元素以及收集使用者输入。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  HTML使用一套标准，使其能在整个网际网路和企业内部网路上使用。有关HTML标准更详细的资讯，请参阅W3C主网页（&nbsp;</font></a><font face="arial" color="#000000" size="2" style="line-height: 25px"><a target="_new" href="http://www.w3.org" style="line-height: 25px">http://www.w3.org</a>&nbsp;）上关於HTML的参考资料。有关HTML最新的资讯，请参阅本章稍後&nbsp;<a target="_new" href="http://e-msbooks.com/relaunch/XML/paser.asp?src=957-2085-16-6_202.xml#39" style="line-height: 25px">〈动态HTML〉</a>&nbsp;的说明。</font></p>
  <p><font face="arial" color="#3e72d7" size="4" style="line-height: 25px">
  <b style="line-height: 25px">图形和多媒体<br style="line-height: 25px">
　</b></font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  有效使用图形和多媒体能大大美化一个程式，也能够有效地突显画面上重要的部分。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  在企业内部网路上，多媒体是个特别强大的工具。例如，使用声音 / 影像（例如透过使用Microsoft 
  NetShow）可以对特别事件进行即时广播，或者使用预先录好的教学带来对员工进行复杂技术操作的培训。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  因为大多数网际网路连线所使用的数据机速度有限，所以您应该对在网际网路上使用图形和多媒体的数量加以限制。合理的低解析度图形不仅下载速度快，而且在大多数显示器上比高解析度的图形视觉效果更佳。</font></p>
  <p><font face="arial" color="#3e72d7" size="4" style="line-height: 25px">
  <b style="line-height: 25px">超连结<br style="line-height: 25px">
　</b></font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  超连结将应用程式的各部分连线起来，其作用有如应用程式的「功能表」，并且能够执行用户端和伺服器端的动作。例如，按下一个超连结可以引发在另一个框架里载入一个网页，或者执行用户端指令档来改变网页的配置。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  超连结通常以文字或图形（如影像地图）的形式直接嵌入在网页中，使用者可以检视和与点选它们；超连结也可以在表单送出时被启用，用户端指令档可以动态建立和触发它们。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  为使用者显示连结有很多方法。将相似的选择分组，使用类似的描述形式或者适当地显示和隐藏连结都可以简化大量连结的布局。例如，您可以根据使用者权限来动态显示连结，只让拥有进阶存取权限的使用者才能检视执行进阶或管理动作的连结。</font></p>
  <p><font face="arial" color="#3e72d7" size="4" style="line-height: 25px">
  <b style="line-height: 25px">用户端指令档<br style="line-height: 25px">
　</b></font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  用户端指令档利用用户端电脑的处理能力，在使用者浏览器内执行。任何浏览器支援的语言都能编写用户端指令档，最常见的是大部份浏览器都支援的 
  JavaScript。一些浏览器，如Internet Explorer，也支援Microsoft Visual Basic Scripting 
  Edition（VBScript）。用户端指令档增强了网页的能力，例如，可用来执行栏位编辑和计算、控制用户端视窗，或者使表单输入生效等。指令档一般直接出现在它所影响的网页上，但也可以用来控制在其他框架或其他浏览器视窗之网页的内容。有关用户端技术的浏览器支援的更详细资讯，请参阅表2-1。</font></p>
  <p><font face="arial" color="#3e72d7" size="4" style="line-height: 25px">
  <b style="line-height: 25px">ActiveX控制项<br style="line-height: 25px">
　</b></font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  ActiveX控制项可用於自订使用者介面或作为外挂（如Macro-media Shockwave动画控制项和Real Networks声音 / 
  影像播放器等）。ActiveX控制项能执行多种工作，如网路导航和股票报价的即时互动，且任何支援COM Automaion的语言都能编写它，包括Microsoft 
  VisualBasic、C++、Java，甚至是 Common Business Oriented Language（COBOL）。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  使用HTML&lt;OBJECT&gt; 标记可以将ActiveX控制项植入到HTML网页中。如果使用者系统中不存在该控制项，则可从在CODEBASE属性中指定的 
  URL处下载（如下例所示）。&lt;OBJECT&gt; 
  标记也支援元件版本升级（versioning），一旦下载并安装该控制项，浏览器会继续使用快取中的控制项，直到伺服器上有更新的版本可用为止。下面的范例说明了CODEBASE属性。</font></p>
  <div style="line-height: 25px; background-color: #d7d7d7">
    <font face="Arial" size="3" style="line-height: 25px">
    <pre style="line-height: 25px">&lt;OBJECT ID=&quot;BoomButton&quot; WIDTH=225 HEIGHT=35
	CLASS ID=&quot;clsid:56F1BF40-B2D0-11d0-A6D6-00AA00A70FC2&quot;
	CODEBASE=&quot;http://domain.microsoft.com/AControl.cab#Version=1,0,0,1&quot;&gt;
&lt;/OBJECT&gt;</pre>
    </font>
  </div>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  恶意的ActiveX控制项可能会在使用者的电脑上执行潜在的破坏性动作，如删除硬碟资料等。为了帮助使用者确定某个Active控制项是否安全，Microsoft 
  为供应商开发了安全指导，以使他们在发布ActiveX控制项时有规则可循。 
  ActiveX控制项应具有一个验明建立者身份的「数位签名」，而该数位签名应由知名的安全性权威机构来发行，如VeriSign。Microsoft 
  Authenticode是一种密码签名技术，能确保分散在网际网路上软体元件的可靠性。只有原作者才能修改经过签名的ActiveX控制项，这样就防止了协力厂商对它们所做的变更（有关验证程式码和密码签名更详细的资讯，请参阅&nbsp;<a target="_new" href="http://www.microsoft.com/security/default.asp" style="line-height: 25px">http://www.microsoft.com/security/default.asp</a>&nbsp;）。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  在写这本书时，只有Microsoft Internet Explorer 3.0或更新版本才包含对 
  ActiveX控制项的支援。因此，ActiveX控制项对企业网站或专为Internet Explorer 使用者建立的网站特别有用。</font></p>
  <hr style="line-height: 25px">
  <p>
  <font face="Arial" color="#3e77d7" size="3" Black style="line-height: 25px">
  <b style="line-height: 25px">Web应用程式的个案研究</b></font> </p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  Microsoft最近提出一种员工支出报告的新方法。旧系统要求员工准备支出报告表单，附上收据，并将这些单据送给直属经理，而经理则审查这些表单并将它们送出给会计部门，但这样做常常会出错，因此也会有重送表单的情况；除此之外，在纸上的工作完成之後，还需花费很大的力气来把报告写入资料库。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  为了消除现有系统中的一些难题，会计部门提出一个Web应用程式来控制员工的报帐过程并使其流程化。这个新的应用程式让员工使用类似Microsoft 
  Excel的工作表来报告支出状况，工作表被下载到使用者浏览器之後，在送出时使资料生效，并能够直接防范大部分使用者错误。当档案准备好之後，就可以透过电子邮件把电子表单发给员工的经理；经理批准表单之後，将有一份副本送回财务部，一份批准通知传回给员工；然後会计部线上处理所有最後的工作，从而节省了可观的时间和人力。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  新的支出报告系统之成效：</font></p>
  <font face="arial" color="#000000" size="2" style="line-height: 25px">
  <ul style="line-height: 25px">
    <li style="line-height: 25px">
    <font face="arial" color="#3e80d7" size="2" style="line-height: 25px">
    <b style="line-height: 25px">&nbsp;改良控制项&nbsp;</b></font>控制项是应用程式设计过程中不断提到的主旨。工作表及相关网站都经过精心设计，使得员工和经理明了自己的责任。电子表单的使用意味着能在系统中追踪报告，使得支出稽核在後端执行得更快且更易於修改。<br style="line-height: 25px">
　</li>
    <li style="line-height: 25px">
    <font face="arial" color="#3e80d7" size="2" style="line-height: 25px">
    <b style="line-height: 25px">&nbsp;减少工作量&nbsp;</b></font>因为纸上的工作减少，公司能够在改进控制项的同时减少处理和稽核支出报告的工作量。<br style="line-height: 25px">
　</li>
    <li style="line-height: 25px">
    <font face="arial" color="#3e80d7" size="2" style="line-height: 25px">
    <b style="line-height: 25px">&nbsp;节约资源&nbsp;</b></font>线上系统只需要较少的表单，进而节约了资源。<br style="line-height: 25px">
　</li>
    <li style="line-height: 25px">
    <font face="arial" color="#3e80d7" size="2" style="line-height: 25px">
    <b style="line-height: 25px">&nbsp;缩短支付时间&nbsp;</b></font>根据旧过程，从报告批准到员工领到报帐款项需要8到10天，而要获得批准有时得耗上几个星期。线上解决方案大大地缩短了周转时间，在大多数情况下，在批准之後的一到两天就能得到款项。<br style="line-height: 25px">
　</li>
  </ul>
  </font>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  诸如此类的工资发放是大部分Web应用程式的常见作用。只要有浏览器，一个设计良好的应用程式便能好好地改进您的工作方式。</font></p>
  <hr style="line-height: 25px">
  <p><font face="arial" color="#3e72d7" size="4" style="line-height: 25px">
  <b style="line-height: 25px">Cascading Style Sheet<br style="line-height: 25px">
　</b></font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  Cascading Style Sheet（CSS）标准赋予作者在字形、文字大小、二度空间重叠和精确的图型定位等方面更多的控制能力。CSS也把格式资讯从网页内容里分开，使得设计和修改网页更为容易。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">
  样式网页用於控制HTML标记的外观，但并不取代这些标记。使用样式网页可以将样式资讯放在一或多个HTML档案中或其中的标记中。这样，控制每一网页的外观和结构的能力就大大的增强了。</font></p>
  <p><font face="arial" color="#000000" size="2" style="line-height: 25px">CSS资讯可由连结、内嵌或以样式修改器来指定，而HTML档案可以使用以上叁种方法的所有组合方式，不过最常用的是连结，因为它建立了内嵌和内连样式修改的基础。下面是一个使用连结的范例：</font></p>
  <div style="line-height: 25px; background-color: #d7d7d7">
    <font face="Arial" size="3" style="line-height: 25px">
    <pre style="line-height: 25px">&lt;LINK REL = STYLESHEET TYPE = &quot;text/css&quot;HREF=&quot;./myCustom.css&quot;&gt;</pre>