仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 804|回复: 7
打印 上一主题 下一主题

[DIV+CSS] DIV教程之ASP.NET 2.0共同MasterPage的优化CSS

[复制链接]
逍遥一派 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:21:22 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
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的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。
飘飘悠悠 该用户已被删除
沙发
发表于 2015-1-18 06:19:55 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
精灵巫婆 该用户已被删除
板凳
发表于 2015-1-23 10:56:21 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
活着的死人 该用户已被删除
地板
发表于 2015-1-31 16:01:55 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
简单生活 该用户已被删除
5#
发表于 2015-2-6 21:56:51 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
再见西城 该用户已被删除
6#
发表于 2015-2-19 00:36:50 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
愤怒的大鸟 该用户已被删除
7#
发表于 2015-3-6 12:08:04 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
不帅 该用户已被删除
8#
发表于 2015-3-13 01:09:34 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-3 16:17

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表