仓酷云

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

[DIV+CSS] 给大家带来Web尺度建构的站点一览表

[复制链接]
再现理想 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:59:41 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
poluoluo文章简介:Web尺度不单单是不必表格的站点.
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毛病?
内容与体现的辨别度


  • 是不是一切的体现类信息都用CSS来处置了?(字体、色彩、补白、边框等等)
  • 是不是一切的粉饰性图片都用CSS来处置而不是间接写在(X)HTML中了?
对用户的亲和力


  • 一切的形貌性图片都用了alt属性来供应笔墨信息吗?
  • 字体利用了绝对单元而不是相对单元吗?
  • 假如字体增年夜,会不会有些排版方面的毛病呈现?
  • 是不是利用了弹出式菜单?
  • 表单(form)是不是具有亲和力?
  • 表格是不是具有亲和力?
  • 配色的亮度和对照度充足吗?
  • 是不是只用色彩来辨别主要的信息?
  • 弹出式菜单是不是有一个提早的呼应?(为一些反应不那末急迅的人士思索)
  • 是不是一切的链接都具有形貌性?3(为瞽者思索)
对设备的亲和力


  • 新旧扫瞄器都最少能承受这个站点吗?
  • 假如完整扫除CSS的话,站点还具有亲和力吗?
  • 假如一切图象都封闭的话,站点还具有亲和力吗?
  • 在Lynx等文本的扫瞄器下是不是可读?
  • 打印出来是不是可读?
  • 掌上设备中是不是可读?
  • 站点是不是包括了具体的元数据(metadata)?
  • 在分歧的扫瞄器窗口巨细下站点是不是一般?
基础的可用性


  • 从视觉上说,是不是有一个明晰的条理布局?
  • 分歧品级的题目是不是简单辨别?
  • 站点的导航栏是不是简单识别?
  • 导航栏是不是分歧?
  • 是不是利用了分歧而且符合的言语?
  • 是不是有站点舆图页面和接洽信息页面?它们找起来简单吗?
  • 复杂的站点是不是有搜刮工具?
  • 每页都有到首页链接吗?
  • 链接都有下划线吗?
  • 已会见过的毗连是不是用共同的色彩来辨别了?
站点办理


  • 站点是不是有一个成心义而且有匡助404堕落页面,这个页面是不是对一切的目次深度都无效?
  • 站点的URL是不是友爱?
  • 假如往失落“www”,链接都还一般吗?
  • 站点是不是有个图标?

提高易用性。使用CSS可以结构化HTML,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。
金色的骷髅 该用户已被删除
沙发
发表于 2015-1-17 23:52:13 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
若天明 该用户已被删除
板凳
发表于 2015-1-26 23:48:54 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
小妖女 该用户已被删除
地板
发表于 2015-2-5 04:38:38 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
小魔女 该用户已被删除
5#
发表于 2015-2-11 05:48:48 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
若相依 该用户已被删除
6#
发表于 2015-3-1 23:17:20 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
第二个灵魂 该用户已被删除
7#
发表于 2015-3-11 02:07:14 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
简单生活 该用户已被删除
8#
发表于 2015-3-17 19:10:46 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
飘飘悠悠 该用户已被删除
9#
发表于 2015-3-24 22:58:42 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-15 00:23

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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