|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
也许唯一可以让世人留恋net网页编程的理由就剩下它的王牌——跨平台。系列文章目次索引:《.NET,你健忘了么》
在文章伊始,自己先宣布声明,因为从小语文较差,以是为文章起名字同样成了我最疾苦的事变之一,以是为了便利,我就不换名字了,固然,本文叫做HTML,你健忘了么?更加符合。
在上文中,我写了一些非支流标签的利用,本文,让我们将非支流举行究竟,看看那些非支流利用者。
本文中,我所指的非支流利用者并非说,那些涂着盛饰,摆着奇异心情的收集非支流MM,而专指一些我们没有注重到的利用者。好比,利用非PC端上彀用户,如视觉停滞用户。
好,让我们步进明天的话题。
1.重新入手下手,<link>引进CSS。
让我们先来看一句罕见的代码:- <linkrel="stylesheet"href="../hr.css"type="text/css">
复制代码 <link>标签我信任年夜多半人都不生疏,当我们必要在一个HTML页面中往援用另外一个内部的文件,比方CSS的时分,那末就必要用link标签将其引进。那末这段代码有甚么成绩么?
先来看我把这段代码翻译成他所等价的一行:- <linkrel="stylesheet"href="../hr.css"type="text/css"media="all">
复制代码 二者之间的差异是media属性。让我们先来懂得一下media属性,media属性指定了一些终端设备,然后同意扫瞄器依据分歧的终端设备往下载分歧的内部文件。假如下面的代码,尺度应当怎样往写呢?- <linkrel="stylesheet"href="../hr.css"type="text/css"media="all"><linkrel="stylesheet"href="../hrhandheld.css"type="text/css"media="handheld"><linkrel="stylesheet"href="../hrprint.css"type="text/css"media="print"><linkrel="stylesheet"href="../hrtv.css"type="text/css"media="tv">
复制代码 懂得我的意义了么?我的意义就是说,我们应当思索分歧的终端设备,然后为分歧的终端设备往援用分歧的CSS款式。
这一点,不晓得,您已经注重过了么?那些非支流的终端设备,您想过为他们指定一些款式文件么?
2.title属性
这个属性我信任没有人会不晓得这个属性。最多见的用途:- <imgsrc="~/Love.img"title="Love"/>
复制代码 alt关于我们来讲大概其实不经常使用,我们都有眼睛,城市往依据本人的视觉往判别这张图片的感化和内容。可是,别忘了,那些为了节俭收集流量而克制Image的人,也别忘了那些视觉有成绩,利用读屏器的人,假如我们疏忽了这个属性,那末关于他们来讲的确是件对照疾苦的事。
看如许一个页面:
<br>
这是腾讯的一条体育旧事,我们先无妨假定本人是个视觉有停滞的残疾人,你正在读这条旧事,俄然之间冒出了如许的一张图,你会甚么感到呢?大概会想,这个图事实纪录着甚么?这个图事实是甚么意义?这个图事实是做甚么的?带着十万个不爽,没举措,跳已往持续读。可是利用了title呢?
<br>
这又是一个甚么感到。读屏器会告知你,伊万输球十分扫兴,你能够点击看其他的出色组图。你这时候才很分明,本来是如许!
以是,在援用一个Image,大概是Menu的时分,你是不是健忘了这个title属性呢?同理,你是不是健忘了<a>中的Title属性呢?你是不是健忘了那些非支流的利用者呢?
3.关于窗口弹出成绩。
在我们利用javascript中,我们很经常使用的一个函数有个window.open(****);
在超链接中,有个属性叫target。
在这里,我们就来会商一下关于翻开新窗口的成绩。
关于我们来说,翻开新窗口年夜不了就点个小小的叉就能够了!可是,关于视觉有停滞的人来讲,稀里糊涂弹出个新窗口,然后临时以往,几十个窗口摆在他们眼前,我们试想一下,假如你不识字,几十个窗口摆在你眼前,你晓得该往关哪一个页面么?
因而,沙沙在这里给出个倡议,只管制止弹出新窗口,假如他人必要弹出新窗口,那末让他们在“新窗口翻开链接”就行了……
呵呵!请时候记住残障人士……他们看页面真的不简单。
4.关于年夜图象的显现成绩
假如您是豪富,那您一定不会了解我们一般老公民的心事。
当你利用手机往上彀时,按流量计费。当翻开一个页面,这个页面有一个很年夜的图片的时分,你会不会为这个图片所酿成的流量悄悄疼爱呢?假如是个玉人,我认了……但是,假如是芙蓉姐姐,我却多花了几毛钱,哥们们,赚点钱不简单……
打趣回打趣,可是这点切实其实要值得我们注重。
也就是说页面的流量成绩,那我们该怎样办理呢?体例有良多:好比我们能够创立超链接,让用户往自行翻开。大概创立图象的缩略图,让用户往预览,然后翻开。
程序员兄弟们?流量成绩要注重……
5.页面结构的前后成绩
我们思索如许一种结构体例:- <divid="menu"style="float:right"></div><divid="content"></div>
复制代码 这段代码在显现的时分是menu浮动到屏幕右边,然后content上移将本来menu的地位占据。如许关于我们来讲没有成绩!
可是请思索思索PDA上这个页面的显现,他读的时分只会思索div的按次,因而乎就是先读menu,然后你必要用转动条才干找到次要部分content。如许酿成的用户体验是否是很差呢?
固然,这个触及到一个折衷性的成绩,由于,假如我们才用相对结构,大概凝胶式结构的话,一样也有着其他的如许或那样的弱点。
在这里,沙沙只是倡议人人,要依据分歧的用户人群,往选择分歧的页面结构体例!
6.再谈视觉停滞人士:ASP.NET的Label控件
<br>
伴侣们,Label这个控件你们必定不生疏,但是你们在利用的时分,往利用这个属性了么?AssociatedControlID。
写段尺度的代码:- <asp:LabelID="LabelUserName"runat="server"AssociatedControlID="TextBoxUserName"Text="用户名:"></asp:Label><asp:TextBoxID="TextBoxUserName"runat="server"></asp:TextBox><br/><br/><asp:LabelID="LabelPassword"runat="server"AssociatedControlID="TextBoxPassword"Text="暗码:"></asp:Label><asp:TextBoxID="TextBoxPassword"runat="server"TextMode="Password"></asp:TextBox>
复制代码 这一点对我们来讲无所谓,可是关于那些利用读屏器的残障人士来讲很主要,AssiciatedControlID属性将匡助他们将标签和表单准确地联系关系起来。
韦恩下游增补:ASP.NET中的Label只是HTML中Label控件的一个小封装,而AssiciatedControl属性则是对应的Label中的for属性,Label这个标签自己就是为了其他的HTML控件服务的,假如没有了for(大概AssiciatedControlID)属性,那末这个标签我们还不往利用span大概div将之取代。实践上最早的单选框和多选框都是必要用Label往代办署理的,不然很难操纵。
这个我也只是停止在实际层面,我不是残障人士,也没有见过读屏器是个甚么容貌。可是,请人人恪守就行了。
7.一些七零八落的划定规矩
A.请不要将一般笔墨加高低划线,这个我就未几说了,良多人城市嫌疑是超链接的。
B.请不要把两个超链接离得太近,良多远视的人看工具是双影,这个我深有体味。
C.请制止有白色和绿色往辨别一些划定规矩,据标明:红绿色盲是最多的。
好了,这一期我就写到这里,也不早了,该睡了,今天还要下班。
小弟才疏学浅,以是不敷的地方,但愿人人多多拍砖。有增补的也但愿人人多多指教,我会随时存眷而且修正文章。感谢!
来自:http://www.ckuyun.com/xinyuperfect/archive/2009/03/25/1421025.html
效率会有不少的变化。而实际上net网页编程是基于堆栈机器来设计,这和我们常见的基于寄存器的本地机器是差异比较大的。总体来说,这是一种虚拟机的设计思路。 |
|