给大家带来Web尺度不单单是不必表格的站点
结构清晰，容易被搜索引擎搜索到，天生优化了seo网页制造poluoluo文章简介：“Web尺度”这个词在分歧人眼里大概有分歧的寄义。有人会以为那是“不必表格的站点”，也有人会以为那是“利用经由过程考证的代码”。
Web尺度请求一览表
目次
1Web尺度，不单单是“不必表格的站点”
2有关这张一览表
3一览表
3.1代码质量
3.2内容与体现的辨别度
3.3对用户的亲和力
3.4对设备的亲和力
3.5基础的可用性
3.6站点办理
Web尺度，不单单是“不必表格的站点”
“Web尺度”这个词在分歧人眼里大概有分歧的寄义。有人会以为那是“不必表格的站点”，也有人会以为那是“利用经由过程考证的代码”。实践上，Web尺度涵盖的比这广泛很多，用Web尺度建构的站点必需保持尺度(HTML,XHTML,XML,CSS,XSLT,DOM,MathML,SVG等等)并固执于理论(经由过程考证的代码，有亲和力的代码，语义准确的代码，对用户友爱的URL等等)。
换句话说，用Web尺度建构的站点，假如幻想地看，必需简便，洁净，基于CSS，有亲和力，有可用性，和对搜刮引擎友爱。
有关这张一览表
这明显还不是一张完全的表格，极可能要加上良多器材。但是更主要的是，并不是个中每样器材都必需在你的站点中找到，这只是一个导游，用来：
展现Web尺度范畴的跨度
作为开辟者手边的便利的查询工具
匡助正在渐渐转向Web尺度的开辟者们顺应
一览表
代码质量
利用了准确的DOCTYPE吗？
http://www.w3.org/QA/2002/04/valid-dtd-list.html
利用了准确的字符集吗？
http://www.w3.org/International/O-charset.html
利用了正当的(X)HTML吗？
http://validator.w3.org/
利用了正当的CSS吗？
http://jigsaw.w3.org/css-validator/
用到了哪些CSSHack？
http://css-discuss.incutio.com/?page=CssHack
利用了过剩的class大概id吗？
代码的语义布局是不是准确？1
http://www.w3.org/2003/12/semantic-extractor.html
是不是有坏失落的链接？
http://validator.w3.org/checklink
在页面和剧本巨细的影响下，站点的速率怎样？
http://www.websiteoptimization.com/services/analyze/
有无甚么JavaScript毛病？2
内容与体现的辨别度
是不是一切的体现类信息都用CSS来处置了？(字体、色彩、补白、边框等等)
是不是一切的粉饰性图片都用CSS来处置而不是间接写在(X)HTML中了？
对用户的亲和力
一切的形貌性图片都用了alt属性来供应笔墨信息吗？
字体利用了绝对单元而不是相对单元吗？
假如字体增年夜，会不会有些排版方面的毛病呈现？
是不是利用了弹出式菜单？
表单(form)是不是具有亲和力？
表格是不是具有亲和力？
配色的亮度和对照度充足吗？
是不是只用色彩来辨别主要的信息？
弹出式菜单是不是有一个提早的呼应？(为一些反应不那末急迅的人士思索)
是不是一切的链接都具有形貌性？3(为瞽者思索)
对设备的亲和力
新旧扫瞄器都最少能承受这个站点吗？
假如完整扫除CSS的话，站点还具有亲和力吗？
假如一切图象都封闭的话，站点还具有亲和力吗？
在Lynx等文本的扫瞄器下是不是可读？
打印出来是不是可读？
掌上设备中是不是可读？
站点是不是包括了具体的元数据(metadata)？
在分歧的扫瞄器窗口巨细下站点是不是一般？
基础的可用性
从视觉上说，是不是有一个明晰的条理布局？
分歧品级的题目是不是简单辨别？
站点的导航栏是不是简单识别？
导航栏是不是分歧？
是不是利用了分歧而且符合的言语？
是不是有站点舆图页面和接洽信息页面？它们找起来简单吗？
复杂的站点是不是有搜刮工具？
每页都有到首页链接吗？
链接都有下划线吗？
已会见过的毗连是不是用共同的色彩来辨别了？
站点办理
站点是不是有一个成心义而且有匡助404堕落页面，这个页面是不是对一切的目次深度都无效？
站点的URL是不是友爱？
假如往失落“www”，链接都还一般吗？
站点是不是有个图标？
以上的这份列表于2004年蒲月在WebStandards邮件列表上构成一个大抵的框架。于2004年八月演示给悉尼Web尺度小组。另有一份能够下载的PDF版本的一览表，可供开辟者打印出来填写。
1译注：这个程序仿佛处置中文上有一些成绩，我实验过一些中文的站点都失利了，不晓得是程序堕落仍是切实其实没有标志好。
2译注：Mozilla的JavaScriptConsole和一个插件JavaScriptDebugger在这方面会有些匡助。
3译注：指的是不该该用“点这里”如许的文句做链接，而用实践相干的信息来作为链接。
表现和结构分离，在团队开发中更容易分工合作而减少相互关联性 学Dreamweaver技术的过程其实是一个增加信心的过程。 经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅. Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 所见则所得网页编辑器的优点就是直观性，使用方便，容易上手. 只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
页:
[1]