摘自微软深度Expression Web 3: Microsoft Expression Web 3给你很多选择在创建新的页面。不仅可以选择标准的HTML页面,ASP。网络页面和文件、PHP文件和ASP文件,但您还可以创建新的页面,有一个现有的CSS布局。
这是邓小平同志会见Microsoft Expression Web 3深度。 |
|
吉姆·柴郡 发表的, ISBN-10: 0 - 7897 - 3981 - x ISBN-13: 978-0-7897-3981-0 |
|
通讯:注册和保存!得到特别优惠,免费章节,文章参考指南更新,并将其插入脉冲发生的事情在你的角落行业通过订阅InformIT通讯!注册后免费优惠券!
现在尝试Safari在线图书!获得最大的完全可搜索的e-reference图书馆为程序员和IT专业人员!
创建页面
Expression Web 3给你很多选择在创建新的页面。不仅可以选择标准的HTML页面,ASP。网络页面和文件、PHP文件和ASP文件,但您还可以创建新的页面,有一个现有的CSS布局。
Expression Web 3中创建一个新页面,选择文件,新的页面来显示新对话框所示图3.1。
左边的对话框包含一个页面类型的列表。当一个页面类型被选中时,在正确的列表填充大量可以创建页面。
列出的许多页面的类型并不是真正传统意义上的页面。例如,如果您选择ASP。网络作为页面类型,您将看到选项如Web配置和站点地图,这两个是可扩展标记语言(XML)文件,而不是实际的页面。
创建一个页面就是容易在新的对话框中选择页面的类型并单击OK。创建新页面后,您需要添加内容之前,它将提供任何有用的目的。让我们回顾一下类型的页面格式时你可以选择使用新的对话框来创建新的页面。
General页面
表3.1显示了可用的页面格式当您选择一般在新的对话框中,您可以找到更多的信息在某些格式。
新对话框很容易创建任何类型的页面。
表3.1 General页面格式
类型 |
描述 |
更多的信息 |
HTML |
创建一个标准,空白的HTML页面。 |
|
ASPX |
创建一个ASP。净Web表单。当你选择这个选项,你也可以选择选择编程语言的页面。 |
关于ASP的更多信息。净Web表单,见25章”,使用标准的ASP。网络控制。” |
ASP |
创建一个传统ASP页面。 |
在传统ASP的更多信息,阅读山姆在21天自学活动服务器页面3.0从萨姆斯出版社出版。 |
PHP |
为使用PHP脚本创建一个PHP文件。 |
有关使用PHP的更多信息,请参见32章,使用PHP。 |
CSS |
创建一个空的CSS文件。 |
CSS文件的更多信息,请参阅第17章,“创建样式表”。 |
主页 |
创建一个新的ASP。网主页,可以作为模板用于其他ASP。网络页面。 |
关于ASP的更多信息。净主人页,见27章”,使用ASP。净大师”页面和用户控件。 |
动态Web模板 |
创建一个新的动态Web模板。其他页面就可以连接到动态Web模板为您的网站创建一个一致的外观和感觉。 |
动态Web模板的更多信息,请参阅19章,“使用动态Web模板”。 |
JavaScript |
创建一个新的JavaScript文件(. js文件扩展名)。可以使用JavaScript中输入该文件在一个或多个页面的链接文件所需的页面。 |
有关JavaScript文件的更多信息,请参见22章,“客户端脚本”。 |
XML |
创建一个新的空XML文件。 |
在XML文件的更多信息,阅读使用XML特别版从什么出版社出版。 |
文本文件 |
创建一个空的文本文件。 |
|
创建动态Web模板 |
创建一个新的基于动态Web页面模板。选择此选项后,系统将提示您为动态Web页面应该基于模板。 |
|
创建从主页 |
创建一个新的ASP。净Web表单基于ASP。净主页。选择此选项后,系统将提示您的主页页面应该为基础。 |
注意:创建动态Web模板和创建的主页选项只出现一个网站是否已经打开Expression Web 3。
ASP。网络页面
表3.2中所示的页面类型可供选择,当你选择ASP。在新的对话框中。
表3.2 ASP。网络页面格式
类型 |
描述 |
更多的信息 |
ASPX |
创建一个新的ASP。净Web表单。这是相同的选项可用的通用部分。 |
|
主页 |
创建一个新的ASP。净主页。这是相同的选项可用的通用部分。 |
|
网络用户 |
创建一个新的ASP。网用户控件,可以插入一个ASP。净Web表单。 |
关于ASP的更多信息。网用户控件,见30章”,使用ASP。净Web部件。” |
网络 |
创建一个新的web配置文件(称为web . config),可以用来为ASP.NET2.0应用程序配置的设置。 |
使用配置网络上的更多信息。配置文件,请阅读特别版使用ASP.NET从什么出版社出版。 |
Web 3.5的配置 |
创建一个新的web配置文件(称为web . config),可以用来为ASP.NET3.5应用程序配置的设置。 |
ASP。NET 3.5应用程序允许使用ASP。净AJAX。更多信息在使用ASP。净AJAX,看到31章,使用ASP。净AJAX。” |
站点地图ASP.NET |
创建一个新的ASP。网络站点地图,可以结合使用ASP。网导航控件。 |
关于ASP的更多信息。网络站点地图,看到26章,使用ASP。网导航控件。” |
创建从主页 |
创建一个新页面基于现有的ASP。净主页。这是相同的选项可用的通用部分。 |
CSS布局
当你选择CSS布局选项在新的对话框中,您将可以选择选择从一系列的页面布局。当你选择一个特定的布局,Expression Web 3创建一个新的CSS文件,以及一个新的HTML页面,然后新CSS文件的HTML页面的链接。代码还将添加到HTML页面和CSS文件创建布局选择。
在选择所需的布局,您可以修改CSS文件来定制页面的外观。
→有关修改CSS文件的更多信息,请参阅第18章,“管理CSS样式。”
样式表
样式表部分提供了各种各样的预先创建CSS文件,您可以使用在你的网站。不幸的是,Expression Web 3没有提供一个预览的风格出现在CSS文件中,所以你需要一个适用于你的网站看看它将提供什么样的格式。
这些CSS文件移动到CSS是一个伟大的方式,只要你愿意做一些修改,当他们不给你你想要的。例如,在我的经验中,颜色采用这些CSS文件有点大声,不愉快的。然而,他们很容易修改。
提示- - - - - -CSS布局选项允许您轻松地创建页面布局是基于CSS的而不是使用表或其他传统布局的技巧。基于css布局越来越受欢迎,很大程度上是因为今天的浏览器能够持续呈现它们。然而,如果你选择使用CSS布局,你应该仔细检查你的网站在不同的浏览器。
提示- - - - - -你最好使用Expression Web 3提供的CSS文件来学习CSS技巧。在你获得更好的理解CSS,最好经常创建自己的CSS文件完全控制他们。
框架页面
帧页面部分提供了一系列帧的布局。当你选择一个框架的布局,Expression Web 3将创建所有的页面布局。
→使用框架的更多信息,参见第六章,“使用帧”。
导入文件
添加内容往往不仅仅是文本输入和配置。在许多情况下,你也会增加图形文件,Flash动画、视频文件,和其他文件。
将文件导入到您的站点,选择文件,导入,文件显示导入对话框所示图3.2。
单击添加文件按钮导入一个或多个文件。您还可以单击Add文件夹导入文件夹和文件夹内的所有文件。你已经添加了文件或文件夹后,他们将在导入对话框出现在列表中。如果你想改变一个导入文件的名称,选择文件,然后点击修改按钮。
完成导入过程,单击OK。文件将不会被导入到网站,直到你点击OK。
你可能会想要一些图形和其他文件导入到你的网站。导入对话框使它容易。
格式化文本
Expression Web 3中添加文本页面类似于创建文档在你最喜欢的文字处理器。许多相同的工具可用。
我不打算进入基本文本格式的细节,因为我相信你已经了解如何粗体和斜体文本。相反,我将解释如何使用HTML-specific格式。
提示- - - - - -文件和文件夹添加到导入对话框将直到你完成导入过程,删除它们,或者关闭网站。这意味着您可以添加文件或文件夹,然后单击Close导入它们。
如果你关闭网站文件仍然在进口清单,Expression Web 3会问你是否想要导入之前关闭这个网站。
Expression Web 3格式文本如何
你开始格式化文本页面之前,您应该熟悉Expression Web 3应用格式。因为Expression Web 3旨在创建符合标准的网站,它通常使用CSS应用格式。它会如何这样做是基于CSS模式设置。
当前的CSS模式设置使用一个图标在状态栏显示页面时打开。调整CSS模式设置,单击状态栏上的CSS模式图标并选择所需的模式,如图所示图3.3。
默认情况下,CSS模式设置被设置为自动。在这种模式下,Expression Web 3将使用CSS格式化规则配置页面的CSS标签编辑器选项对话框。
→更多信息使用CSS标签在页面编辑器选项对话框中,请参阅第11章,“配置页面编辑器选项。”
当CSS模式设置为手动,Expression Web 3将自动显示风格应用程序工具栏所示图3.4。风格应用程序工具栏允许您指定编辑时如何应用样式。
CSS模式设置控制应用样式,可以通过状态栏调整。
你可以控制如何应用通过设置CSS样式手册和使用工具栏风格应用程序模式。
当CSS模式设置设置为汽车(默认),你的摆布Expression Web 3时到CSS样式定义。在许多情况下,这是一个合适的情况。然而,您可能希望更细粒度的控制,创建样式。例如,您可能有一个CSS文件附加到当前页面,你可能想要确保所有新创建的CSS样式创建CSS文件内。
通过设置CSS模式设置为手动,你可以使用工具栏风格应用程序指定使用目标规则创建新的样式下拉如图3.4所示。基于当前选中,以下选项中可用目标规则下拉。
现有的CSS元素如果所选页面元素已经有一个CSS类或应用ID,您可以选择CSS ID或类从目标规则下拉。如果你修改所选元素,Expression Web 3将修改应用CSS类或ID。
内联样式如果所选元素内联风格应用,从目标选择内联样式规则下拉时将导致内联样式修改格式更改。
新的内联样式格式变化将反映在一个新的内联样式。
新的自动识别导致Expression Web 3创建一个新的,任何格式自动生成CSS ID应用更改。Expression Web 3将创建一个新的CSS ID在嵌入式样式表在当前页面。
新的汽车类导致Expression Web 3创建一个新的,自动生成CSS类应用的任何格式更改。与新的自动识别选项,创建CSS类在嵌入式样式表在当前页面。
应用新风格允许您创建一个新的样式使用新样式对话框。新风格的位置可以在新的样式对话框中指定。
→在创建和编辑CSS样式的更多信息,参见第十七章,“创建样式表”。
字体的家庭
在字处理应用程序中,您适用于文本的字体将永远是文档的字体观众看到。网页不工作。你看到页面上的文本格式化的在一个特定的字体,字体必须安装在你的机器上。如果它不是,浏览器将替代字体。
注意:有些字体安装在几乎所有的计算机;Arial, Helvetica和无衬线字体被认为是最安全的。Times New Roman(衬线字体)是另一种常见的字体。这是默认字体Expression Web 3使用。