第三章:创建页面和内容

摘自微软Expression Web 3深度

  • 在Facebook上分享
  • 在Twitter上分享
  • 分享在LinkedIn
  • 在Reddit分享
  • 通过电子邮件分享
  • 印刷资源
123 第3页
第3页3

HTML的书签

大多数超链接带你去它链接页面的顶部,但你也可以链接到一个特定的点在一个页面使用一个HTML书签。


提示- - - - - -FAQ页面上的HTML书签经常使用这样的读者可以很容易地直接导航到一个特定的页面。


HTML标记定义一个点在一个文档中。创建一个链接到一个HTML书签,您首先必须在页面创建书签。将插入点放在要让书签,然后选择插入、书签显示书签对话框所示图3.9

图3.9

HTML在书签书签管理对话框,允许您在一个页面链接到一个特定的点。

创建一个书签后,可以使用书签按钮链接到书签插入超链接对话框中显示在文件对话框中,选择所示图3.10。选择你的书签链接链接到文档中。

你可以在外部网站链接到书签页。当你点击书签按钮,Expression Web 3书签和解析远程页面将显示他们的书签对话框。

图3.10

Expression Web 3列出了所有书签页面上的链接,所以你可以选择正确的点你的超链接。

超链接ScreenTips

让你的网站访问,包括一个标题属性为所有你的链接。title属性配置使用ScreenTip按钮插入超链接对话框。ScreenTip您输入的文本将显示为一个弹出当一个网站访问者都笼罩在链接。它还将被屏幕阅读器阅读。


提示- - - - - -Expression Web 3指出ScreenTips支持Internet Explorer 4.0或更高版本。事实上,ScreenTips支持所有当前的浏览器和HTML规范的一部分。


拼写检查

没有什么会毁了一个专业的外观比拼写错误。即使你不是一个坏拼字,你一定会犯错误,因此背景拼写检查方便。

Expression Web 3使用拼写检查功能从微软办公室。这使你的优势。首先,你受益于办公室的拼写检查程序是成熟,因此可靠和健壮。第二,如果你也有办公室安装在你的电脑上,Expression Web 3将分享从你的办公室应用程序自定义词典。因此,任何词汇也将你添加到你的字典在Expression Web 3中被识别。如果你选择,Expression Web 3将下划线单词它认为拼写错误的红线。右键单击加下划线文本>将显示一个菜单,允许您忽略这个问题或采取行动来纠正它。


不强调——拼写错误如果你注意到几句话,绝对是拼写错误在你的网站,但Expression Web 3没有强调他们有红线,你可能已经配置了拼写的选择所以拼写错误是不可见的。选择工具,拼写,拼写选项,并确保检查拼写检查你输入和隐藏不检查拼写错误。


拼写配置选项,选择工具,拼写,拼写选项显示拼写选项对话框中所示图3.11。你可以改变拼写选择或编辑自定义词典中。

图3.11

拼写选项在拼写中配置选项对话框。从这里,您还可以编辑您的自定义词典。

配置页面属性

属性配置为一个特定的页面使用页面属性对话框。您可以访问页面属性通过打开一个页面并选择文件,属性。

页面属性对话框中有五个选项卡。

General选项卡

General选项卡允许您轻松配置页面标题,描述,关键词,和其他一般信息(见图3.12)。

图3.12

的General选项卡页面属性对话框提供了设置页面标题和其他通用的页面设置。

您输入的标题的General选项卡将显示在浏览器的标题栏,查看页面。您输入的描述和关键词会被添加元标记页面上的帮助搜索引擎索引。


提示- - - - - -如果一个动态Web模板或ASP。净主页应用于当前页面,许多选项的页面属性对话框将被禁用,因为他们可能会控制的动态Web主页模板。


你也可以指定一个基地的位置,也称为基础href。基地href的基URL是页面。例如,如果您输入http://www.mysite.com/products作为基href链接,指向软件。htm会链接到http://www.mysite.com/products/software.htm。这是方便当你网站的目录结构经常变化。通过使用href的基地,您可以很容易地更新所有链接的绝对位置通过改变页面的一个属性。

默认目标属性允许您指定一个默认的帧的链接不显式地指定一个框架。这是最常用的,当你想要一个特定的页面上的链接打开一个新窗口。通过设置默认目标新窗口,你可以迫使所有默认的链接打开一个新窗口。

背景声音也可以设置在“常规”选项卡。在页面加载的时候然后播放声音。你也可以选择循环特定次数或无限。记住,大多数人觉得背景声音很讨厌,很可能离开你的网站如果你强迫他们听背景声音。在你选择之前添加一个背景声音,给它做了仔细研究。

格式选项卡

格式选项卡包含属性的背景图像,超链接的颜色,和其他颜色(见页图3.13)。

图3.13

格式化一个页面的背景和颜色是使用格式化选项卡来完成的。

除了指定一个背景图像,您还可以指定一个图像作为水印被添加。水印背景滚动页时将保持静止。

超链接的颜色和其他页面的颜色也在格式化选项卡配置。这里颜色更改添加到页面,如嵌入式样式表。

→关于样式表的更多信息,请参见第十七章,“创建样式表”。

高级选项卡

Advanced选项卡,所示图3.13,包含页边距的设置。保证金条目下面是应用于页面作为内联样式<身体>标记。

自定义标签

自定义选项卡配置为当前页面(见元标记图3.15)。前部分是系统变量(HTTP-EQUIV META标签),和底部是用户变量,比如关键字和描述元标签。

所示图3.14,任何在“常规”选项卡上输入关键字和描述信息将自定义选项卡。

图3.14

页面应用利润率为内联风格所以他们与所有现代浏览器。

图3.15

META标签很容易配置自定义选项卡。注意,设置的General选项卡携带此选项卡。

语言选项卡

语言选项卡页面(参见配置语言图3.15)。语言设置决定了页面编码的页面。


注意:深入讨论了META元素是超出了这本书的范围。如果你想在这个强大的HTML元素的更多信息,见http://www.informit.com/articles/article.aspx?p=28768&seqNum=8


Web浏览器依赖页面编码和语言设置,以确定如何正确显示页面。确保您已经正确地设置这些语言和地区的目标。在几乎所有情况下,默认设置都很好。然而,如果您正在设计一个网页为一个特定的地区或语言,一定要设置适当的编码和测试网站正确的外观。

语言选项卡还使您能够控制Expression Web 3是否包括一个字节顺序标记(BOM)页面上。一个字节顺序标记是一个隐藏序列的字符在文件的开始,可用于确定文件的编码特征。一些文件类型(比如PHP文件)可以体验问题当BOM添加到页面,所以Expression Web 3允许您配置文件类型将默认情况下,不会有物料清单添加。你可以覆盖这些设置语言选项卡为特定文件如图所示之前图3.16

图3.16

页面的语言和编码配置在语言选项卡上。

→有关配置BOM设置的更多信息在Expression Web 3中,看到第11章,“配置页面编辑器选项。”

使用代码片段

网页设计师通常在几页重用代码。无论你是重用一行代码或者一个代码块,你要不惜一切代价避免拼写错误。代码片段可以防止输入错误,并添加一个高度方便代码重用。

将一个代码片段插入到页面,切换到代码视图并按按ctrl enter。从列表中选择所需的代码片段,按Enter,如图所示图3.17,它会自动被添加到你的页面。您还可以双击的代码片段,它将被添加到您的页面。

图3.17

可以轻松添加代码片段在代码视图按按ctrl enter。


代码片段不显示你可能按页面上按ctrl enter但不会插入代码片段的选择;相反,插入点保持每次向下移动一行。你可以插入一个代码片段只有当你在代码视图。在设计视图中,按ctrl enter插入一个换行符。在代码视图,按ctrl enter提出智能弹出的代码片段。


添加、删除或修改现有的代码片段,选择工具、页面编辑器选项,然后单击页面中的代码片段标签编辑器选项对话框,如图所示图3.18

你可以添加一个新的代码片段通过点击添加并输入所需的信息。你可以控制的插入点后出现插入片段通过添加管道符号(|)代码片段。如果你添加两个管道符号,两管之间的所有代码符号插入片段时将自动选择。

当你添加自己的代码片段,它们存储在一个XML文件位于微软AppData \漫游\ \表达式\ Web 3 \片段文件夹在您的概要目录。你的片段转移到另外一台机器上或备份它们(我强烈推荐),您可以简单地备份片段。xml文件片段的文件夹。

图3.18

使代码重用代码片段方便。Expression Web 3有很多现有的片段。

配置文件编辑器

默认情况下,当你双击大多数文件在文件夹列表中,Expression Web 3将打开该文件在自己的窗口。在大多数情况下,这是你想要发生什么;然而,在某些情况下,您可能想要覆盖的行为所以某些文件类型在不同的应用程序打开。


注意:默认情况下,你的资料目录是c: \ \ <用户名>用户在Windows 7中,Windows Vista和Windows Server 2008。在Windows XP, c:\Documents and Settings\ <用户名>。


指定应用程序来打开为一个特定的文件类型,选择工具、应用程序选项并单击配置编辑器选项卡。配置编辑器对话框包含一个编辑器或关联的文件扩展名的列表为每个(参见编辑图3.19)。编辑列表中可以重新安排或移动到列表的顶部是用作默认编辑器。当一个文件在文件夹列表中双击在Expression Web 3中,它将默认编辑器中打开的文件类型。


注意:有些文件类型(如图像)不是默认打开Expression Web 3当你双击文件夹列表。


图3.19

配置编辑器选项卡允许您配置特定的文件类型与您选择的应用程序打开。

下面的按钮是可用的配置编辑器选项卡上所示图3.19:

  • 新的扩展允许您添加一个新的文件扩展名和配置适当的编辑器。

  • 修改扩展允许你改变选中的扩展。例如,如果选择HTML,您可以点击修改扩展改变扩展HTM。这并不修改应用程序用于编辑文件类型。

  • 删除扩展从列表中删除选中的扩展。如果文件类型然后双击在Expression Web 3中,系统将提示您选择哪些项目应该用于编辑文件类型。

  • 新编辑器添加一个新的编辑选中的文件类型。

  • 删除编辑器删除选择的编辑器从选中的文件类型。

配置一个新的文件扩展名,单击新扩展按钮显示打开的对话框中,如图所示图3.20。输入文件扩展名(没有点在它前面)并选择程序用于编辑文件类型从列表中可用的应用程序。如果程序要使用新文件类型不上市,点击浏览,浏览到您想使用应用程序的可执行文件。


警告- - - - - -编辑器配置为一个特定的文件扩展名在Expression Web 3不影响Windows文件关联。设置在Expression Web 3只具体Expression Web 3。


配置一个新的编辑现有的文件类型,选择文件类型,然后单击新编辑按钮来显示对话框打开。选择编辑器或单击浏览更多;然后浏览到可执行文件。然后,您可以使用向上移动,向下移动,或设置为默认按钮来调整新编辑的层次结构。

选择从一个上市的编辑在编辑一个文件,右键单击该文件在文件夹列表并选择打开所示图3.21。从列表中选择所需的编辑在编辑器中打开所选文件。

图3.20

打开对话框包含一个预置的应用程序列表。点击浏览更多如果您想要使用的应用程序没有上市。

图3.21

Expression Web 3显示配置编辑器的列表。选择您想使用的编辑器编辑选中的文件。

大部分的代码片段

因为微软Expression Web 3针对设计师而不是开发人员,支持编写代码在Expression Web 3是有限的。PHP和JavaScript开发人员将会发现一些智能感知和彩色编码(功能缺失的ASP。网络开发人员),但即使是这些功能是有限的。

缺乏这些编码特性的不仅仅是一个不便;它会导致编码错误,很难找到,非常沮丧。代码片段可以帮助缓解这些问题。

随着你的网站的复杂性,你可能会积累很多你经常使用的代码页。通过创建代码片段示例代码你找到在互联网上或者你自己写的代码,你可以获得一个快速和简单的存储库的代码,您可以插入没有无意中创建你的网站中的错误。

版权©培生教育。保留所有权利。

版权©2009 IDG通信公司。Raybet2

123 第3页
第3页3
企业网络2022的10个最强大的公司