今天网站制作下昼,我一个朋友问我:对于一个想了解web网站制作尺度老网页设计师有什么建议。
我想将我email复贴在这里让更多人见将是一个很好范例。我复是:这有一个全面,非正式,有些罗嗦指南,送给所有听说过web网站制作尺度,网站制作但愿使用web网站制作尺洞又不知道从哪里开始设计师。
正文如何网页制作-如何制作网站
首先不要急着开始!在做任何事情之前做好2个心理准备,这对你学习过程是最重要事情:
1).学习需要时间,要循序渐;
2).前过程中会遇到挫折。
但是你并不网站制作孤傲,我们中许多人正在投入到学习和使用web网站制作尺度行列中来。有一个不断扩大免费创建网站集团来免费创建网站匡助你更容易地学习,老手在学习技术和技巧过程中遇淀多免费创建网站难题,幸运后来者(包括我自己)将从他们汗水与泪水中获益。
当最后,你能网页制作工具纯熟使用基于web网站制作尺度设计方法(使那些传统基于表格方法显得黯然无光)时,头再,你将免费网站申请惊疑用CSS布局页面并不是那么难。哦,当然,如果主流浏览器能对CSS2规范中一些操作支持更好,实际上使用时可能会更加容易。
恩,我好象有点跑题了。
那么,让我们立刻开始了解实际有用信息。首先,买一本《Designing With Web Standards》(中文版已经引入),不用多想,立刻做。已经有了?好,现在就阅读它,不要让它积满灰尘。我想说每一点在书里都有详细解释。书分为平均两免费申请网页部门,宣言(为什么你应该怎么做)和教程(你怎样做)。这对你是有用。
如何网页制作-如何制作网站
现在,第一件事情就是树立一个XHTML建站软件思惟体系概念,不管你选择HTML4.01或者XHTML 1.0 Strict(有免费创建网站良多理由选择其中任一种,现在你可以先忽略这些,以后不能忽略,除非你准备做让人麻木苦差事。),所有文档以选择一个DOCTYPE开始。告诉浏览器你文档用什么标记语言,这样做可以防止网站制作泛起不必要表现错误,否则糟糕页面显示结果会使你疯狂。打个比方:我想飞往芝加哥,就免费申请网页必需告诉旅行社我要哪里,否则可能无目乱飞到维也纳。要显示是HTML或者XHTML,你免费申请网页必需先告诉浏览器,设置DOCTYPE可以确保我到达"目地"。
下一个目标:严谨网站制作格局标识。这非常容易掌握。把所有属性加上引号(例如:<a href="link">);网页制作工具准确嵌套标识;关闭所有打开标识(例如:<input type="text" />)。每一个标识或者元素都需要关闭。
快速注释:不知道什么时候,标识(tags)变成了元素(elements),它们是相同含意,不同说法。不管你怎么称呼它们,现在网页制作工具准确称呼网页制作工具好像应该是"元素",也许一开始就是这样,我不知道也没有人告诉过我。
无论如何,每一个元素都免费申请网页必需被网页制作工具准确关闭。如果你使用HTML4.01,可以不考虑单独元素象<br>,<hr>和<input>,如果你使用XHTML,单独元素也免费申请网页必需关闭,就是在最后加一个斜杠,例如:<br>变成<br />。
接下来,是一个有点令人糊涂、关于XHTML属性规则:所有属屑免费申请网页必需有一个值,如果没有值,就用它本身。例如<input type="radio" checked="checked" />。在HTML4.01中checked是不需要值,而XHTML中它是免费申请网页必需。
最后,XHTML需要你用小写写所有代码,HTML不区分大小写,但XHTML区分,它遵循是XML语法规则。
上面就是所有关于标识变化!你已经都知道了!深呼吸、喝口啤酒,放松一下。因为那只是第一步。
如何网页制作-如何制作网站
第二节
现在,我们开始学习撰写网页制作工具准确HTML/XHTMLL,并在W3组织校验器(validator)里校验它们。如果你写得网页制作工具准确,你将到一个蓝底黄字成功信息。尝试喜欢这种颜色/字体组合吧,它将是你最好朋友。
为什么校验那么重要?有什么关系吗?因为poorly-written(随意、不严谨)标识将带来完全不可预知性。页面"生死"完全依赖于浏览器错误处理方式,尽管大多数浏览器还能很好支持poorly-written标识,但这是不网页制作工具准确习惯。嗨,是什么使得我们习惯非网站制作尺度?首要原因是浏览器大战,1995年微软能够从Netscape地盘里竞争获得市场就是因为IE对网页错误处理方式和 Netscape 一模一样。
另一个观点是:校验免费创建网站匡助你发现错误代码,确保你页面有更一致表现。校验代码是我调试布局第一件事,相信你也是。
ok,当你第一次校验你第一个站点,你很可能需要忍受一下反馈来七八十条不可思议错误信息。不幸,虽然校验有免费创建网站匡助信息,但并不完美,它只是由一些志愿者维护。好免费创建网站动静是那些错误是关联,如果你发现少了一个</p>标签并修正了它,很可能接下来24个错误都没有了。简言之,起来校验结果很糟糕,但往往并不是。
现在,你已经通过了校验,你代码也都符合规范。此时,你坚持了一个严格指导方针,但是对为什么首先要这样做还缺乏全面了解。
第三节
下一步是采用良好网站制作格局(well-formed)标识重构你已经建立文档,剥离那些被越来越多新近DOCTYPE列为“不赞成”使用表现层属性,将它们放在一个单独文件中。这就是倍受争议"表现与结构相分离",这也是为什么CSS受到人们企业建站正视原因。
这样比方:你文本是内容。内容是完整,但是没有任何内容结构提示(学做网站好比:空格、节、标题、列表等),你得到只是一个杂乱文本,完全不好用。结构层是额外,在文档中加个别元素以传达额外结构信息,来打破杂乱文本,使之更有逻辑性、组织性。但是那些元素并不能控制文本默认外表。例如,你常常发现第一页标题比正文字体大,这并不是结构作用。
是"表现层"网站制作泛起时候了。表现是网站制作格局化提示,它告诉第一页标题是红色,斜体,字体尺寸是正文字体150%。表现层是文档结构层以上额外层。CSS就属于表现层,它可以通过文档上免费网站申请简朴标记,将文档转换成令人惊异形式--可以访问CSS Zen Garden 实例。
那么,什么是从结构中分离表现最好方法?我们拿一段传统代码来网站制作仿单,其中包含用于提供表现 HTML元素或属性。是砍掉那些bgcolors和<center>标签时候了,我们来一个随堂测试:
在下面这段演示代码中,哪些用于表现属性和标签应该被消除?如何网页制作-如何制作网站
<center><h1><font face="Verdana">This is my first web site.</font></h1></center> <table border="0" cellpadding="0" cellspacing="0"> <body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> <td bgcolor="#ffffff" valign="top" align="center"><p>They're coming to take me away...</p></td>
准备好你网页制作工具谜底了吗?好,网页制作工具准确结果列在下面,这是干净没有表现痕迹结构化代码:
<h1>This is my first web site.</h1> <table> <body> <td><p>They're coming to take me away...</p></td>
就这样?就是这样。
虽然这段代码不明确符合任何一种规范,这样分离,更大意义在于使用了网页制作工具准确元素。使用表格布局则是次要问题,在上面例子中,使用表格方法不网页制作工具准确,从长、免费创建网站谨严角度考虑应该移<table>和<td>元素。虽然表格不被赞成使用,但表格依然非常有用,它们可以用在适当地方--表格排列数据上。
好,我们已经将网站制作格局从我们页面剥离,万岁!现在还做什么呢?那只剩下一些丑陋元素,Times-New-Roman字体文本和线条。一点都不有趣,哪里是我们许诺生动漂亮页面?
头Zen Garden例子,见可爱设计了吗?起来它们是多么不同?学做网站枢纽是:在那些漂亮设计下面是相同XHTML,就和你刚才未网站制作格局化文档一样乏味。不对吗?
事实上,乏味和丑陋却有一个好基础,你可能已经注意到这个没有网站制作格局化HTML起来就象1994年web一样糟糕。除了少数例外,这些元素和web本身一样老,<h2>自从Mosaic浏览器网站制作泛起那天就有了。
好处当然不仅限于此,几乎不用考虑易用性(自助建站知足那些特殊需求),内建搜索引擎优化,带宽成本下降,等等等等。Jeffrey Veen已经在年写了"web网站制作尺度商业价值",Roger Johansson在他最近"使用web网站制作尺度开发"中也解释了基于网站制作尺度设计技术和好处。
CSS已经被今天所有主流浏览器很好支持,有数不尽资源免费创建网站匡助学习CSS语法、基于CSS布局以及高级技巧。我推荐几个比较好:westCiv提供一个正在行免费CSS课程,将免费创建网站匡助你入门和快速掌握。Andrew Fernandez已经建立了一个巨大CSS资源列表,不论你是否新手都将对你有免费创建网站匡助。Eric Meyer已经写了一捆书,你可以放在案头随时查阅。这些书包括以案例为基础《Eric Meyer on CSS》《More Eric Meyer on CSS》。O’Reilly出版社出版CSS参考书:《CSS权威指南》已经发行第2版,你最好也放在桌上。同样还有Molly Holzschlag《The Designer’s Edge》以及Chris Schmitt《Designing CSS Web Pages》。
深入应用CSS细节和构建布局将花费太多时间。我就不多说了。以上就是我能给那些开始注意web网站制作尺度设计师建议。通读并分享您心得,让我们作为一个免费创建网站集团一起成长,我们中有许多人在积极推动web网站制作尺度发,我们有一个全球网络,充分利用它吧。 |