📄 part10_1.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=6><P ALIGN="CENTER">第十章</FONT><FONT SIZE=6> </FONT><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=6>站点设计</P>
<P ALIGN="CENTER"></P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>专业设计的网站必须提供一致的用户界面，使用相似的背景图片，标题的颜色、图标、列表、链接以及其他元素都应该相同，字体和大小也应一致。在网页中，导航条是一个非常重要的元素，它们为用户提供了一条方便的途径来在站点中漫游。一般来说，导航条都位于每一网页中相同的位置，它们必须使用相同的颜色、图片，有着相同的外观，这使得用户对网站的结构一目了然，而不会在多次链接后迷失方向。</P>
</FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> Visual InterDev</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>提供了多种工具用于设计外观一致的网站，主题定义了一系列图片和</FONT><FONT SIZE=3>style sheet</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，它们允许你定义网站中一系列网页的外观。</FONT><FONT SIZE=3>Site diagrams</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>定义了网站的导航结构，它们在网页间建立父</FONT><FONT SIZE=3>/</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>子关系。布局定义了导航条的外观及它在网页中的位置，它们使用</FONT><FONT SIZE=3>site diagram</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>中定义的信息。</P>
</FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>本章将将讲述主题、</FONT><FONT SIZE=3>site diagram</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>和布局，逐步教你怎样使用这些工具，另外还介绍了怎样建立自定义的主题和布局。你还可以看到怎样使用</FONT><FONT SIZE=3>PageNavbar DTC</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>来显示旗帜和导航条。</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=5><P ALIGN="JUSTIFY">主题（</FONT><FONT FACE="Arial" SIZE=5>Themes</FONT><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=5>）</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>主题是一组图片和</FONT><FONT SIZE=3>style sheet</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>nature</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>”主题赋于一个空的网页，它的代码将如下所示：</P>
<P ALIGN="JUSTIFY"></P>
</FONT><FONT SIZE=3><P ALIGN="JUSTIFY"><html></P>
<P ALIGN="JUSTIFY"><head></P>
<P ALIGN="JUSTIFY"><meta name=”GENERATOR” Content=”Microsoft Visual Studio 6.0”></P>
<P ALIGN="JUSTIFY"><link rel=”stylesheet” type=”text/css” </P>
<P ALIGN="JUSTIFY"> href=”_Themes/nature/THEME.CSS” VI6.0THEME=”Nature”></P>
<P ALIGN="JUSTIFY"><link rel=”stylesheet” type=”text/css” </P>
<P ALIGN="JUSTIFY"> href=”_Themes/nature/GRAPH0.CSS” VI6.0THEME=”Nature”></P>
<P ALIGN="JUSTIFY"><link rel=”stylesheet” type=”text/css” </P>
<P ALIGN="JUSTIFY"> href=”_Themes/nature/COLOR0.CSS” VI6.0THEME=”Nature”></P>
<P ALIGN="JUSTIFY"><link rel=”stylesheet” type=”text/css” </P>
<P ALIGN="JUSTIFY"> href=”_Themes/nature/CUSTOM.CSS” VI6.0THEME=”Nature”></P>
<P ALIGN="JUSTIFY"></head></P>
<P ALIGN="JUSTIFY"><body></P>
<P ALIGN="JUSTIFY"><p>&nbsp;</p></P>
<P ALIGN="JUSTIFY"></body></P>
<P ALIGN="JUSTIFY"></html></P>
<P ALIGN="JUSTIFY"></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">其中</FONT><FONT SIZE=3><link></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标识符引用一个外部的</FONT><FONT SIZE=3>style sheet</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，上面各个</FONT><FONT SIZE=3>style sheet</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="35%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">THEME.CSS</FONT></TD>
<TD WIDTH="65%" VALIGN="TOP">
<FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">定义文件体的字体、背景图象等</FONT></TD>
</TR>
<TR><TD WIDTH="35%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">GRAPH0.CSS</FONT></TD>
<TD WIDTH="65%" VALIGN="TOP">
<FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">定义旗帜和非图象导航控件的图象及字体信息</FONT></TD>
</TR>
<TR><TD WIDTH="35%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">COLOR0.CSS</FONT></TD>
<TD WIDTH="65%" VALIGN="TOP">
<FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">定义链接的颜色、表格及阴影的颜色及页的背景颜色等</FONT></TD>
</TR>
<TR><TD WIDTH="35%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">CUSTOM.CSS</FONT></TD>
<TD WIDTH="65%" VALIGN="TOP">
<FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">定义图形化导航控件及标号</FONT></TD>
</TR>
</TABLE>
</P>
<FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"></P>
<P ALIGN="JUSTIFY">一个名为</FONT><FONT SIZE=3>Themes</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的字典在每个项目的顶部都存在，它包含有在此项目中所使用的主题所在的子目录，子目录名与主题名相同，你会看到此主题的文件被拷贝进了此子目录中。使用</FONT><FONT SIZE=3>Microsoft FrontPage</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>也可以为网页指定主题</FONT><FONT SIZE=3>, </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>这些主题可以被</FONT><FONT SIZE=3>Visual InterDev</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>识别，然而</FONT><FONT SIZE=3>Visual InterDev</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>使用的主题却不能被</FONT><FONT SIZE=3>FrontPage</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>在新建一个项目过程中可以指定一个主题，回忆在用项目向导建立一个新项目时，第四步提示你选择一个主题，这时你可以从列表框中选择，左边的图框会显示此主题的外观。此时选择的主题用于项目中所有的网页。</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>Apply Theme and Layout</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>项，将弹出一个对话框，选中其中的</FONT><FONT SIZE=3>Theme</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签，从中你可以选择一个主题，并在右边框中显示其效果。注意存放主题的缺省路径是</FONT><FONT SIZE=3>C</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>：\</FONT><FONT SIZE=3>Program Files\Microsoft Visual Studio\VintDev98\Themes</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，当然你可以浏览其他的路径来寻找主题</FONT><FONT SIZE=3>.</P>
<P ALIGN="JUSTIFY"> </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>change</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>Apply Theme and Layout</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>项，第二种方法可以从菜单中选择</FONT><FONT SIZE=3>Edit | Apply Theme and Layout</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>Apply Theme and Layout</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>命令，从弹出的对话框中选择</FONT><FONT SIZE=3><none></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>项即可。</P></FONT><p>
<p>
<font color="red">此手册未经本公司允许,不得擅自转载、转贴、篡改。违者将追究其法律责任。</font>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -