DIV教程之ASP.NET 2.0共同MasterPage的优化CSS
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。ASP.NET2.0中增添了内建的MasterPage的撑持,这对我们来讲是一个很年夜的便当。但是经由一段工夫的利用,我发明MasterPage并非那末完善:嵌套的MasterPage不克不及撑持计划时界面,和上面要提到的ContentPage中增添CSS的成绩。
一般,在没有2.0之前,我们在页面里要增添一个CSS援用的语法以下:
<linkrel="stylesheet"href="css/test.css"/>
底本是很寻常的做法。可是在一个MasterPage的子页面中,呈现了一个很为难的场合排场,就是:我们该把上述代码放到甚么地位?
由于MasterPage的详细内容页面中,只能界说一个个的<asp:Content/>标签的内容。我们依照一般的做法在aspx内里没法对页面的<header/>内容举行把持。而这个<link/>标签又必需放在<header/>内。我实验过在<asp:Content/>外部到场这行代码,可是会提醒堕落的。
同时,我们也没法在MasterPage的<header/>外部放好一个ContentPlaceHolder用于未来放进CSS的援用代码。
因而我的做法是界说了一个helper类以下:
staticpublicclassControlHelper
{
staticpublicvoidAddStyleSheet(Pagepage,stringcssPath)
{
HtmlLinklink=newHtmlLink();
link.Href=cssPath;
link.Attributes["rel"]="stylesheet";
link.Attributes["type"]="text/css";
page.Header.Controls.Add(link);
}
}
如许,在详细页面,我们就能够经由过程以下代码增加CSS援用:
protectedvoidPage_Load(objectsender,EventArgse)
{
ControlHelper.AddStyleSheet(this.Page,"css/projectPage.css");
}
而且,这个代码撑持在详细内容页面,大概一个嵌套的MasterPage中利用。
说到这里大概有人会问,为何要把CSS分隔成如许来加载呢?有需要吗?我把一切页面的CSS界说到几个大众CSS文件里岂不是很好?
实在,熟习web尺度的HTML制造的伴侣必定晓得,在对照完善的形态下,页面的html和用于体现的CSS应当完全分别。而我们基于web尺度的计划,一般是先做出一个MasterPage中各个框架div的定位代码,和header,footer部分的润色代码。这些是每一个内容页面都要用到的,会放在一个一致的CSS内里。其他的详细内容页面,每一个页面又会有各自分歧的内容的结构,润色款式,因而我把每一个详细页面特定的部分放在它本人的CSS里。如许就构成了一个依照MasterPage的完成条理(可嵌套),逐层兼并的CSS模子。其优点是完成了每一个CSS文件的职责分别,更简单了解和保护。</p>
CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器) Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。 在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
页:
[1]