📄 part10_6.cfm

📁 InterDev 6.0教程part1到part13
💻 CFM
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE>自定义布局</TITLE>
</HEAD>
<BODY>

<B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=5><P ALIGN="JUSTIFY">自定义布局</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY">Visual InterDev</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>提供的布局有时可能不能满足你的需要，因此要建立自定义布局。为了新建一个布局，你必须熟悉布局是如何定义的，每个布局由下面三个文件组成：</P>
<P ALIGN="JUSTIFY"></P></FONT>
<P ALIGN="RIGHT"><TABLE BORDER CELLSPACING=1 CELLPADDING=7 WIDTH=553>
<TR><TD WIDTH="28%" VALIGN="TOP" BGCOLOR="#ffffff">
<B><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">文件</B></FONT></TD>
<TD WIDTH="72%" VALIGN="TOP" BGCOLOR="#ffffff">
<B><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">描述</B></FONT></TD>
</TR>
<TR><TD WIDTH="28%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">LayoutName.inf</FONT></TD>
<TD WIDTH="72%" VALIGN="TOP">
<FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">包含名为</FONT><FONT SIZE=3>layoutName</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的布局的信息</FONT></TD>
</TR>
<TR><TD WIDTH="28%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">Layout.cfm</FONT></TD>
<TD WIDTH="72%" VALIGN="TOP">
<FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">作为此布局的摸板</FONT></TD>
</TR>
<TR><TD WIDTH="28%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">Preview.cfm</FONT></TD>
<TD WIDTH="72%" VALIGN="TOP">
<FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">在</FONT><FONT SIZE=3>Apply Template and Layout</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>对话框中显示此摸板的预览效果</FONT></TD>
</TR>
</TABLE>
</P>

<FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"></P>
<P ALIGN="JUSTIFY">目录</FONT><FONT SIZE=3>C:\Program Files\Microsoft Visual Studio\VIntDev98\Layouts</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>中为每个布局都建有一个子目录。</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">理解布局</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY">    </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>文件</FONT><FONT SIZE=3>layout.cfm</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>在定义一个布局中起关键作用，让我们来看一下由</FONT><FONT SIZE=3>Visual InterDev</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>提供的几种布局的结构。</P>
<P ALIGN="JUSTIFY">先看名为</FONT><FONT SIZE=3> Bottom1</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的布局，它在网页底部显示两个按钮：</FONT><FONT SIZE=3>Previous</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>和</FONT><FONT SIZE=3>Next</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>。在资源管理器中查看目录</FONT><FONT SIZE=3>bt1</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，右击文件</FONT><FONT SIZE=3>bt1.cfm </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，从弹出菜单中选择</FONT><FONT SIZE=3>Edit with Visual Studio</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，将用网页编辑器打开此页，转到</FONT><FONT SIZE=3>Source</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签，将如图</FONT><FONT SIZE=3>10-5</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示。</P>
<P ALIGN="CENTER"></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=2><P ALIGN="CENTER"><IMG SRC="Image236.gif" WIDTH=386 HEIGHT=319></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="CENTER"></P>
<P ALIGN="CENTER">图</FONT><FONT SIZE=3>10-5</P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"></P>
</FONT><FONT SIZE=3><P ALIGN="JUSTIFY">    </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>让我们来看一下它的结构，其中包含四个</FONT><FONT SIZE=3>Layout DTC</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，这是用于指导你向网页中添加内容。注意其中的</FONT><FONT SIZE=3>HTML</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>代码定义了一个两行一列的表格，第一行用于包含你自己的内容，它显示在网页的顶部，第二行包含了一个</FONT><FONT SIZE=3>PageNavbar DTC</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，用于产生</FONT><FONT SIZE=3>Previous</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>和</FONT><FONT SIZE=3>Next</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>按钮。</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN"><P ALIGN="JUSTIFY">注意：</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>布局使用</FONT><FONT SIZE=3>HTML</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>表格来放置内容、旗帜及导航条，</FONT><FONT SIZE=3>PageNavbar DTC</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的设置将决定它所表示的信息。</P>
<P ALIGN="JUSTIFY">再来看一个名为</FONT><FONT SIZE=3>Top and Left1</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的布局，其结构如图</FONT><FONT SIZE=3>10-6</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示，它将子页的链接放于左边而将全局导航条放于上部。从</FONT><FONT SIZE=3>source</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签中可见其中有四个</FONT><FONT SIZE=3>Layout DTC</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，</FONT><FONT SIZE=3>HTML</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>代码生成了一个两行的表格。其中第一行分为两列，每列放有一个</FONT><FONT SIZE=3>PageNavbar DTC</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，分别用于子页链接和全局导航条。第二行用于放置你自己的内容。</P>
<P ALIGN="CENTER"></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=2><P ALIGN="CENTER"><IMG SRC="Image237.gif" WIDTH=386 HEIGHT=340></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="CENTER"></P>
<P ALIGN="CENTER">图</FONT><FONT SIZE=3>10-6</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">建立自定义布局</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY">    </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>现在你对布局的结构有一个基本的了解，下面将建立一个自定义布局，此布局称为</FONT><FONT SIZE=3>Top and Left8</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，它在网页上部显示一个旗帜，而在左边显示一个全局导航条。</P>
<P ALIGN="JUSTIFY">首先寻找一个与此布局最接近的一个现有的布局，</FONT><FONT SIZE=3>Top and Left3 </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>布局在网页顶部显示一个旗帜并在左边显示子页链接，我们将对它进行修改而达到我们所需。在目录</FONT><FONT SIZE=3>C:\Program Files\Microsoft Visual Studio\VIntDev98\Layouts</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>中新建一个名为</FONT><FONT SIZE=3>tl8</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的子目录，将</FONT><FONT SIZE=3>tl3</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>目录下的三个文件拷贝到此，将</FONT><FONT SIZE=3>tl8</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>目录下的</FONT><FONT SIZE=3>TL3.INF </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>改名为</FONT><FONT SIZE=3>TL8.INF</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>修改其内容使之变为：</P>
<P ALIGN="JUSTIFY"></P>
</FONT><FONT SIZE=3><P ALIGN="JUSTIFY">[info]</P>
<P ALIGN="JUSTIFY">title=Top and Left 8</P>
<P ALIGN="JUSTIFY">version=01.00</P>
<P ALIGN="JUSTIFY">Description=preview.cfm</P>
<P ALIGN="JUSTIFY"></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">然后用网页编辑器打开文件</FONT><FONT SIZE=3>Layout.cfm</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，调出左边的</FONT><FONT SIZE=3>PageNavbar DTC</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的属性对话框，在</FONT><FONT SIZE=3>General</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签中选择</FONT><FONT SIZE=3>Global navigation bar</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>然后将</FONT><FONT SIZE=3>Appearance</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签设为如图</FONT><FONT SIZE=3>10-7</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示，点击</FONT><FONT SIZE=3>OK</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>后保存此文件。同样打开</FONT><FONT SIZE=3>Preview.cfm</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，在</FONT><FONT SIZE=3>source</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签中将</FONT><FONT SIZE=3>sibling pages</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>改为</FONT><FONT SIZE=3>global pages</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，保存之。最后将此布局应用到</FONT><FONT SIZE=3>Page6.cfm</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>页中，在浏览器中将会看到如图</FONT><FONT SIZE=3>10-8</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示的网页。</P>
<P ALIGN="CENTER"></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=2><P ALIGN="CENTER"><IMG SRC="Image238.gif" WIDTH=401 HEIGHT=279></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="CENTER"></P>
<P ALIGN="CENTER">图</FONT><FONT SIZE=3>10-7</P>
<P ALIGN="CENTER"></P>
<P ALIGN="CENTER">　</P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="CENTER">图</FONT><FONT SIZE=3>10-8</P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"></P></FONT><p>
<p>
<font color="red">此手册未经本公司允许,不得擅自转载、转贴、篡改。违者将追究其法律责任。</font>
</BODY>
</HTML>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -