《第八章 ASP网页模板与站点地图》由会员分享，可在线阅读，更多相关《第八章 ASP网页模板与站点地图（63页珍藏版）》请在金锄头文库上搜索。
1、第八章网页模板与站点地图学习目标：n n1认识网页模板的功能n n2能创建MasterPage与ContentPagen n3能将网站的所有网页套用一致性的网页模板n n4能创建SiteMap文件n n5认识SiteMapPath、Menu与TreeView等导航控件n n6能为网站创建站点地图8-1制作网页模板n n8-1-1网页模板的简介8-1-2创建MasterPage与ContentPage从菜单栏选择“文件”|“新建文件”选项。n n从菜单栏选择“文件”|“新建文件”选项。8-1-3设计ContentPage的内容完成后,界面显示如下8-1-4指定ContentPage套用的网页模板
2、完成后,界面显示如下将整个网站套用网页模板n nn nn nn nn nn nn n以下就是在源文件视图中将整个网站套用网页模板的操作示范完成后,界面显示如下n n（ ）在网站中加入母版页后，会自动产生什么控件？）在网站中加入母版页后，会自动产生什么控件？n nContentContent ContentPlaceHolderContentPlaceHolderMasterMasterMasterPlaceHolderMasterPlaceHoldern n2 2（ ）关于）关于ContentPageContentPage与与ContentContent控件，下列叙述哪控件，下列叙述哪个是错误
3、的？个是错误的？n n可以在可以在ContentContent控件中放置其他控件控件中放置其他控件n n可以自定义可以自定义ContentContent控件的内容，或采用母版页定义的控件的内容，或采用母版页定义的内容内容n nContentPageContentPage是由是由标签与标签与ContentContent控件组成的控件组成的n n一个网站只能有一个一个网站只能有一个ContentPageContentPagen n3 3（ ）在）在ASP.NETASP.NET网页设置哪个属性，可以套用网页样网页设置哪个属性，可以套用网页样板？板？n n的的mastermaster属性属性 的的ma
4、sterPageFilemasterPageFile属性属性n n的的mastermaster属性属性 的的masterPageFilemasterPageFile属性属性n n新建一个新建一个01_EX0101_EX01的的ASP.NETASP.NET网站网站n n程序，然后编写程序，规则如下：程序，然后编写程序，规则如下：n n 新建一个新建一个Master.masterMaster.master的母版页，利用表格设的母版页，利用表格设计如右图所示的版面布局，左栏的图片为计如右图所示的版面布局，左栏的图片为imageimage文文件夹的件夹的image.gifimage.gif。n n 中
5、间的中间的ContentPlaceHolderContentPlaceHolder控件放置多行文本控件放置多行文本框，显示首页内容。框，显示首页内容。n n 下面的页尾区域显示网页版权说明。下面的页尾区域显示网页版权说明。n n 为为Master.masterMaster.master新增一个新增一个Blog.aspxBlog.aspx的内容页的内容页面，并自定义如右图所示的内容。面，并自定义如右图所示的内容。n n 设置网站默认的设置网站默认的Default.aspxDefault.aspx网页为起始页，并网页为起始页，并手动套用手动套用Mast-er.masterMast-er.maste
6、r，采用默认的母版页内，采用默认的母版页内容。容。 8-2站点地图功能n n8-2-1站点地图的简介1SiteMapPath控件：显示站点地图路径，可以向上一层的网页链接，但是不能链接下一层的网页。2 Menu控件：显示导航网站中每个网页的菜单，当鼠标指针停留在菜单上时，会展开该节点（必须绑定SiteMapDataSource控件）。 3TreeView控件：显示导航网站中每个网页的树状结构，可以展开或折叠节点（必须绑定SiteMapDataSource控件）。8-2-2创建站点地图文件上述语法说明如下n n（1）与之间包含站点地图信息。n n（2）表示没有子节点的单一节点。n n（3）与表示
7、包含子节点的父节点，可以继续向下编辑多个层次的节点。n n（4）一个站点地图只能有一个根节点siteMapNode。n n从菜单栏中选择“文件”|“新建文件”选项。8-2-3利用SiteMapPath控件创建站点地图n n到SiteMapPath控件的智能标签中选择“自动格式化”选项完成后,界面显示如下8-2-4利用Menu控件创建站点地图n n弹出自动套用格式窗口后，在“选择方案”列表框中选择想要套用在站点地图的样式，然后单击”确定”按钮。8-2-5利用TreeView控件创建站点地图从“工具箱”窗口的地图索引标签内选择TreeView控件，然后将控件拖到网页中。n n在智能标签选择“自动套
8、用格式”选项。n n1 1（ ）下列哪一个）下列哪一个WebServerWebServer控件不能制作出站点地图的效果？控件不能制作出站点地图的效果？n nMenuMenuTreeViewTreeViewImageMapImageMapSiteMapPathSiteMapPathn n2 2（ ）在）在Web.sitemapWeb.sitemap文件利用哪个标签可以编辑站点地图的节点文件利用哪个标签可以编辑站点地图的节点？n nn nn n3 3（ ）MenuMenu控件分为哪两种查看模式？控件分为哪两种查看模式？n n设计与执行设计与执行展开与收起展开与收起浮动与隐藏浮动与隐藏静态与动态静态
9、与动态n n4 4（ ）在）在TreeViewTreeView控件的节点，可利用哪个属性设置是否展开节点控件的节点，可利用哪个属性设置是否展开节点？n nExpandedExpandedShowCheckBoxShowCheckBoxSelectAcionSelectAcionNavigateUrlNavigateUrln n1打开练习文件CH0802_EX01（Ma-ster.master），按题意操作：n n新增一个Web.sitemap文件，并编辑站点地图的节点及其超链接。n n在网页模板的上方创建SiteMapPath控件，并设置自动化格式为“一般”，分隔符为“-”n n2打开练习文件
10、CH0802_EX02（Ma-ster.mas-ter），按题意操作：n n在Web.sitemap文件中加入“个人档案”的子节点为“学历/经历”与“家庭”，“网志”的子节点为“工作”、“英文”与“趣事”。n n在网页模板的左方创建Menu控件，并设置数据源为Web.sitemap文件。n n（1 1）利用模板的观念来设计网页，可以让同一个网站的）利用模板的观念来设计网页，可以让同一个网站的网页呈现相同的样式与风格，以便用户浏览时有一致性的网页呈现相同的样式与风格，以便用户浏览时有一致性的感觉。感觉。n n（2 2）母版页（）母版页（MasterPageMasterPage）是扩展名为）是扩展
11、名为.master.master的文件，的文件，它是由母版页本身与一个或多个内容页面组成的。它是由母版页本身与一个或多个内容页面组成的。n n（3 3）内容页面（）内容页面（ContentPageContentPage）是由）是由标签标签组成的，除了组成的，除了标签以外，其他网页内容都要在标签以外，其他网页内容都要在标签中编写。标签中编写。n n（4 4）编辑网页时，只要设置）编辑网页时，只要设置标签的标签的MasterPageFileMasterPageFile属性，然后删除属性，然后删除标签以外的程序代标签以外的程序代码，就会将网页套用指定的网页模板。码，就会将网页套用指定的网页模板。n
12、n（5 5）ASP.NET2.0ASP.NET2.0新增的站点地图功能可以将网站的所有新增的站点地图功能可以将网站的所有网页链接记录保存起来，然后借助导航控件，在每个网页网页链接记录保存起来，然后借助导航控件，在每个网页显示这些链接。当浏览网页时，只要直接选择回到第几层显示这些链接。当浏览网页时，只要直接选择回到第几层就可以了。就可以了。n n6 6）利用）利用SiteMapPathSiteMapPath、MenuMenu、TreeViewTreeView导航控件导航控件可以设计站点地图，但可以设计站点地图，但MenuMenu与与TreeViewTreeView控件必须控件必须绑定绑定Site
13、MapDataSourceSiteMapDataSource控件。控件。n n（7 7）SiteMapDataSourceSiteMapDataSource是数据类型的控件，会是数据类型的控件，会通过站点地图提供者到通过站点地图提供者到Web.sitemapWeb.sitemap文件读取站文件读取站点地图信息，存储站点地图数据的数据源。点地图信息，存储站点地图数据的数据源。n n（8 8）在站点地图文件可以利用）在站点地图文件可以利用创建单一节点，或者利用创建单一节点，或者利用与与创建包含创建包含子节点的父节点。子节点的父节点。n n（9 9）SiteMapPathSiteMapPath控件的
14、控件的PathDirectionPathDirection属性可以属性可以设置站点地图的路径方向，设置站点地图的路径方向，PathSeparatorPathSeparator属性则属性则可以设置每个节点之间的分隔符。可以设置每个节点之间的分隔符。n n（10）Menu控件分为以下两种查看模式。n n静态：一直都显示的项目。n n动态：只有当鼠标指针停留在父节点时，才会显示子菜单的项目。n n（11）在Menu控件的智能标签选择编辑菜单项目，可以自定义菜单的项目与子项目；而在TreeView控件的智能标签选择编辑节点，则可以自定义树状结构的节点与子节点。n n1 1（ ）下列哪个为）下列哪个为A
15、SP.NETASP.NET母版页面的扩展名？母版页面的扩展名？n n.css.css.sitemap.sitemap.master.master.skin.skinn n2 2（ ）下列哪个文件可以设置将网站的所有网页套用同）下列哪个文件可以设置将网站的所有网页套用同一个网页模板？一个网页模板？n nMaster.masterMaster.masterWeb.sitemapWeb.sitemapDefault.aspxDefault.aspxweb.configweb.confign n3 3（ ）自定义树状结构的节点时，哪一个属性可设置是）自定义树状结构的节点时，哪一个属性可设置是否展开树状
16、节点？否展开树状节点？n nSelectAcionSelectAcionExpandedExpandedNavigateUrlNavigateUrlTextTextn n4 4（ ）关于站点地图的功能，下列叙述哪个是错误的？）关于站点地图的功能，下列叙述哪个是错误的？n nSiteMapPathSiteMapPath必须绑定必须绑定SiteMapDataSourceSiteMapDataSource控制才能显示控制才能显示站点地图站点地图n nSiteMapPathSiteMapPath控件制作的站点地图只能显示前面的节点，控件制作的站点地图只能显示前面的节点，而无法显示子节点而无法显示子节点
17、n n使用导航控件创建站点地图之前，要先创建使用导航控件创建站点地图之前，要先创建Web.sitemapWeb.sitemap文件文件n n在在Web.sitemapWeb.sitemap文件中要利用文件中要利用标签创建标签创建节点节点n n5 5（ ）若设置）若设置MenuMenu控件的控件的MaximumDynamicDisplayLevelsMaximumDynamicDisplayLevels属性值为属性值为1 1，StaticDis-StaticDis-playLevelplayLevel属性值为属性值为3 3，则会如何显示菜单？，则会如何显示菜单？n n前前1 1层动态，后层动态，
18、后3 3层静态显示层静态显示前前1 1层静态，后层静态，后3 3层动态显示层动态显示n n前前3 3层动态，后层动态，后1 1层静态显示层静态显示前前3 3层静态，后层静态，后1 1层动态显示层动态显示n n1打开练习文件CH08Q01（Default.aspx），按题意操作：n n新增一个Q01.master的母版页，利用表格设计如右图所示的页面布局，上方的图片为image文件夹的logo.gif，而下方的图片为build.gif。n n将Default.aspx套用Q01.master，并默认为ContentPlaceHolder1的内容n n2打开练习文件CH08Q02（Q02.mast
19、er），按题意操作：n n为Q02.master新增下面的内容页面。n nArticle.aspx：精华文章。n nDiscuss.aspx：讨论区。n nDownload.aspx：下载区。n nNews.aspx：焦点新闻。n nShare.aspx：好康分享。n n在Q02.master左方窗格设置每一个项目的超级链接，其中Default.aspx为“ASP.NET知识网”。n n3 3 打开练习文件打开练习文件CH08Q03CH08Q03（Q03.masterQ03.master），按），按题意操作：题意操作：n n 在在web.configweb.config文件中设置网站的所有网页
20、都套文件中设置网站的所有网页都套用用Q03.masterQ03.master网页模板。网页模板。n n 新增一个新增一个Web.sitemapWeb.sitemap文件，并编辑站点地图文件，并编辑站点地图的节点及其超级链接，网站结构如右图所示。的节点及其超级链接，网站结构如右图所示。n n 在内容区的上方创建在内容区的上方创建SiteMapPathSiteMapPath控件，并设置控件，并设置数据源为数据源为Web.sitemapWeb.sitemap文件，自动套用格式为文件，自动套用格式为“ “专业专业” ”。n n 在内容区的左方创建在内容区的左方创建TreeViewTreeView控件，并设置数控件，并设置数据源为据源为Web.sitemapWeb.sitemap文件，自动套用格式为文件，自动套用格式为“ “项项目列表符号目列表符号66
