书签 分享 收藏 举报 版权申诉 / 38

类型asp基础学.docx

  • 文档编号:11708426
  • 上传时间:2023-06-02
  • 格式:DOCX
  • 页数:38
  • 大小:144.58KB

...

contentplaceholderid="mainContent"runat="server"/>

Allcontentcopyright©WroxPressanditssubsidiaries

2004.

总结一下,每个Master页面都必须包含如下元素:

●      基本的HTML和XML输入标记

●      第一行是<%@master…%>

●      带有ID的

ContentPlaceHolder>标记

现在,Master页面可以作为容器包含其他页面了。

下一节中将创建一些Content页面。

2.2.2 创建Content页面

与ASP.NET2.0一样,VWD也减少了开发人员的输入。

在SolutionExplorer中,右击根目录并选择AddNewItem。

通常选择WebForm;Content页面没有特定的模板。

注意对话框底部的Selectmasterpage(如图2-2所示)复选框。

当选中该复选框并单击Add按钮时,VWD将显示另一个对话框,询问为新的Content页面选用哪个Master页面。

图 2-2

在如图2-3所示的对话框中,开发人员可以选中要使用的Master页面。

选中Master页面(通常命名为MasterPage.master)并单击OK。

图 2-3

VWD在这个Content页面中设置了两个值。

在Design视图中看不到这两个值,但切换到Source视图就可以看到它们,如下面的代码所示。

首先,所使用的Master页面将在第一条指令中说明。

其次,VWD将在这个页面中放置一个

content>控件,该控件的ID和Master页面中占位符的ID相同。

一个Master页面中可能会包含多个可以插入Content页面的位置。

指示符表明哪个占位符将由这个特定的页面填充。

<%@PageLanguage="VB"MasterPageFile="MyMasterPage.master"%>

ContentID="Content1"

ContentPlaceHolderID="ContentPlaceHolderIDinMasterPage"

Runat="Server">

 

...contentgoeshere

 

Content>

总结一下,一个Content页面包含如下特性:

●      没有HTML的

DOCTYPEHTML…>标记和XML的标记

●      第一行的<%@pageMasterPageFile=…%>指示ASP.NET2.0应使用哪个Master页面

●      包含一个

content>标记

理论上并不难,而且代码由VWD自动添加。

在下面的示例中,可以看到Master和Content页面的相互协作。

2.2.3 Master和Content页面的示例

本书中的所有练习基本上都可以在Design视图中完成(不用直接处理代码)。

但是切换到Source视图查看VWD如何创建页面是一件很有趣的事情。

下面显示的代码是一个公司的Master页面(名为research.master)和一个名为missionstatement的Content页面示例。

第一行阴影代码指示Master页面,在第二个阴影部分是一个控件,该控件定义了一个内容占位符,Content页面的内容可以插入到这个占位符中:

<%@MasterLanguage="VB"%>

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN"

"http:

//www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

//www.w3.org/1999/xhtml">

CorporateMaster

CorporationName

contentplaceholder

id="ContentPlaceHolderMissionStatement"

runat="server">

contentplaceholder>

下面是该示例中Content页面的代码。

灰色部分指示了Master页面和描述插入到Master页面中的内容的控件。

ContentPlaceHolder的ID必须匹配Master页面中的ContentPlaceHolder的ID。

下面的代码是完整的;页面的顶部不包含其他标记或属性:

<%@PageLanguage="VB"MasterPageFile="~/research.master"Title="UntitledPage"%>

 

ContentID="Content1"

ContentPlaceHolderID="ContentPlaceHolderMissionStatement"

Runat="Server">

 

OurMissionStatementistoprovidevaluetothecustomer.

 

Content>

注意Content页面必须包含一组最小化的标记。

Content页面中没有

DOCTYPE>或者

//www.w3.org/1999/xhtml”>等标记,也不会包含信息。

这些数据由Master页面提供。

2.2.4 在Master页面中使用级联样式表

在Master页面中声明到级联样式表(CascadingStyleSheet,CSS)的链接是一个不错的选择。

CSS是HTML的特性,而不是ASP.NET2.0的特性,所以本书没有深入讨论这个主题。

然而,CSS将在第5章中和相关主题一起讨论。

在附录E中还有HTML和CSS的简单参考。

简而言之,CSS包含了用于页面和控件的各种样式的格式,因此页面在显示时,其上面的所有元素、文本和按钮以及链接的风格等等,都会根据CSS中定义的格式显示。

有了CSS,设计人员就可以少用(并维护)很多使用很频繁的单个样式格式标记。

CSS还可以加快页面的加载速度,因为CSS在浏览器中只加载一次,当需要重复使用时,可以直接使用保存在客户端缓存中的CSS。

在一个Master页面中,应该在部分包含一个类似如下的链接(灰色部分代码)从而将页面和CSS链接在一起:

WroxUnited

runat="server"/>

在下面的“试一试”部分,您将有机会创建WroxUnited站点的Master页面。

在本书每一章的练习中,您都将为站点添加内容和功能。

现在只需要简单地创建Master页面的架构。

在本书的后续章节中将为Master页面添加其他部分,所以现在该文件看起来还不是很完整,暂时不用关注这个问题!

(1)打开本章的示例站点,目录是C:

\BegASPNET2\Chapters\Begin\Chapter02。

首先导入一个作者创建的CSS文件。

右击站点的根目录并选择AddExistingItem,如图2-4所示。

图 2-4

(2)导航到存放本书下载文件的文件夹(C:

\BegASPNET2\WroxUnited),选择site.css并单击Add。

CSS是HTML的主题(不是ASP.NET的),但是如果打开该文件,将可以看到为HTML编写的样式集,例如

等。

不必修改该文件。

可以看到在SolutionExplorer内显示的文件列表中已经包含了文件site.css。

如果打开了这个CSS文件,请关闭它。

(3)再次右击根目录,但这次选择AddNewItem并使用MasterPage模板。

将该页面命名为site.master。

确保Selectmasterpage复选框没有选中(这个选项只用于Content页面)。

在VWD创建该页面之后可以在Design视图中查看它,不过现在它是一个空页面。

注意,在Source视图中可以看到VWD已经添加了几个标记和控件(查看如下代码)。

第一个标记是一个指示符,表明这是一个Master页面,而第二个标记是普通的文档类型指示符。

接下来是一个插入脚本代码的位置,然后是一个XMLNS值。

可以看到,VWD在标记内创建了一个contentplaceholder控件:

<%@masterlanguage="VB"debug="true"%>

DOCTYPEHTMLPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"

"http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

 

//www.w3.org/1999/xhtml">

 

...

 

contentplaceholderid="mainContent"runat="server"/>

(4)可以修改表单(form)的名称,把由VWD产生的普通名称修改为更适合自己情况的名称。

切换到Source视图并将修改为

(5)切换到Design视图设置样式表。

在Properties窗口的顶端,打开控件下拉列表并选择Document。

在属性列表的底部找到StyleSheet(如图2-5所示),单击椭圆形的按钮,并找到site.css。

单击OK。

图 2-5

(6)添加

标记分隔页面可以简化页面格式的修改。

创建的Master页面将在

内使用4个
区域。

有些区域中会包含其他

标记(子层次结构的
)。

第一个

是由VWD自动创建的;其他的需手动添加。

可以从工具箱的HTML面板中将

拖放到页面上,但是在Design视图中很难将其放到正确的位置上。

您可以使用Source视图进行精确定位。

(7)切换到Source视图并在窗体内找到默认的

标记的开头到
标记的末尾都选中,可以注意到Properties窗口中现在显示的是
的属性。

将id属性设置为content。

(8)继续停留在Source视图中,通过拖放将另一个

从工具箱的HTML面板中拖放到的上方,但仍然在内。

将其id属性设置为header。

(9)在表单内另外添加两个

标记。

将标题下面的第一个

的id设置为sidebar,并将最下面的那个
的id设置为footer。

(10)在Source视图中,现在创建子层次结构的

标记,这些标记将位于前面创建的
内部。

在header

内,拖放一个
并将其id设置为logo。

在logo

的后面将显示一些简单的文本,如下所示:

 

WroxUnited

(11)在sidebar

中添加文本Navigation,如下面的代码所示:

Navigation

(12)在后面几个章节中将在content

内添加控件,但现在,只添加一个class为itemcontent的子层次结构

contentplaceholderid="mainContent"runat="server"/>

(13)在footer

中添加两个版权信息:

Allimagesandcontentcopyright©WroxPressanditssubsidiaries

2004.

Websitedesignedby

//www.frogboxdesign.co.uk"title="croak">FrogBox

Design

 

 

操作回顾

首先为站点导入一个CSS文件,这个文件是由作者创建好的,包含在本书的下载代码中(实际上,作者并不善于设计。

我们觉得红色、粉红色和橙红色组合在一起比较合适,所以我们邀请FrogBoxDesign的一位设计师对示例站点进行设计)。

由于CSS是HTML的技术,因此在这里没有讨论样式表的结构(详细内容可以参考附录E)。

然而,更重要的目标是使用VWD帮助创建一个Master页面,这个页面包含3个基本组成部分。

通过使用MasterPage模板,VWD为您创建了基本的HTML和XML输入标记。

VWD还在第一行添加了<%@master…%>。

最后,VWD提供了一个

,该
中包含了一个

ContentPlaceHolder>标记。

每个占位符标记都需要一个ID,因此可以将该标记的ID修改为有意义的名称。

然后对Master页面做了一些基本的修改,使它能支持本书后续章节将要添加的功能。

所有这些内容其实都是HTML的功能,而不是ASP.NET2.0的。

首先,使用VWD的IntelliSense工具为要导入的CSS文件添加一个链接。

然后创建了几个

标记,以便在标题区、边条(sidebar)、内容区和脚本区组织页面的内容。

下面的“试一试”部分将创建一个Content页面,这个页面用于填充site.master页面中的占位符。

由于“aboutthesite”页面很简单,所以先从创建该页面开始介绍。

(1)在VWD中打开WroxUnited站点,右击根目录。

选择AddNewItem并选中WebForm模板。

将该页面命名为About.aspx并确保同时选中Selectamasterpage和Placecodeinseparatefile两个复选框,如图2-6所示,即使该页面没有任何代码(如果没有为代码指定一个单独的文件,那么代码的架构标记(frameworktag)就将出现在.aspx文件中。

最好和站点的其他页面保持统一,将容

配套讲稿:

如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制:

部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词:
asp 基础
提示  冰点文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
本文标题:asp基础学.docx
链接地址:https://www.bingdoc.com/p-11708426.html

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2