创建外观一致的Web站点ppt课件.ppt

创建外观一致的Web站点ppt课件.ppt

ID:59449045

大小:834.50 KB

页数:46页

时间:2020-09-18

创建外观一致的Web站点ppt课件.ppt_第1页
创建外观一致的Web站点ppt课件.ppt_第2页
创建外观一致的Web站点ppt课件.ppt_第3页
创建外观一致的Web站点ppt课件.ppt_第4页
创建外观一致的Web站点ppt课件.ppt_第5页
资源描述:

《创建外观一致的Web站点ppt课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第五章创建外观一致的 Web站点在构建Web站点时应该努力使同一站点的页面布局和行为保持一致。在VS2010中,常用母板、主题,外观等来创建外观一致的Web站点。本章内容:母板主题外观5.1母版、基页、页面模板一、母版(masterpage)为什么要用母版?同一网站的页面往往包含同样的页眉、菜单、页脚等公共区域。把这些内容放入母版页可以方便快捷地建立统一风格的ASP.NET网站,并且容易管理和维护,大大提高了设计效率ASP.NET2.0开始出现母版,作为页面的模板解决方案。通过设计母版,可以在单个位置定义站点中所有页面的全局外观,如果需要换LO

2、GO、调整菜单样式和网页布局,只在母版中修改即可。2、母版是什么?2、母版是什么?母版页为具有扩展名.master的ASP.NET文件,由特殊的@Master指令识别,该指令替换了用于普通.aspx页的@Page指令。看起来象正常的ASPX页面,包含页的所有顶级HTML元素(如html、head和form)、也可能包含其它HTML和服务器控件。例如,table或div用于布局、img元素用于公司徽标、静态文本用于版权声明并使用服务器控件创建站点的标准导航、ContentPlaceHolder控件用做占位符。可是它并非ASPX页面,不能直接在浏览

3、器中请求,只是其它Web页面的模版。母版页和内容页当请求页面时,母版页和内容页的标记在运行时合并,经过处理后发送到浏览器显示。3、创建母版1)Addnewitem----masterpage2)用DIV控件设置页面布局HeaderGoesHere

MenuGoesHere

4、p:ContentPlaceHolderid="ContentPlaceHolder1"runat="server">

SidebarGoesHere
FooterGoesHere创建母版3)为母版加入样式表文件.创建外观一致的Web站点

5、nat="server">4、创建使用母版的内容页创建基于母版的页面通常有两种方法:1)AddNewItem时,选中Selectmasterpage复选框<%@PageTitle=""Language="C#"MasterPageFile="~/MasterPage.master"AutoEventWireup="true"CodeFile="Default.aspx.cs

6、"Inherits="_Default"%>1.<%@中指定MasterPageFile,Title2.没有html、head、body标记,看起来不象网页文件。3.两个Content控件和ContentPlaceHol

7、der对应2)为现有页面设置母版A)在code视图中加入MasterPageFile属性,删除不需要的标记、添加ContentPlaceHolder控件B)新建一个基于母版的WebForm,将原来页面中已有部分复制到新的页面,之后删除原来的页面。——推荐(例:从Site4中导入一个页面,为它设置母版)说明Head部分的ContentPlaceHolder/Content控件是干什么用的?用来添加CSS、Javascript等内容母版也可以嵌套使用母版页后,页面控件的ID、Name在HTML中会加上前缀应用母版后控件ID的前缀命令按钮在CODE视

8、图中的定义:

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。