教育技术人的网上交流空间
|
教育技术公共课
|
微信公众号
关注微信公众号
论坛动态早知道
QQ登录
微信登录
找回密码
您好,请
登录
注册
论坛
论坛
群组
课程
资讯
团队
学档(日志)
Blog
动态
有问必答
云课堂
搜索
本版
文章
帖子
日志
相册
群组
用户
快捷导航
管理的小组
参加的小组
教育技术第8课设计:作品导航及内容界面设
404
0
听Steam教育概述
2323
0
教育技术第5课设计——明确作品选题-收集整
3355
2
教育技术第4课设计——视觉学习材料设计-个
3501
2
STEAM课程教学设计
3333
0
学习策略示例:子弹笔记
10707
0
应用思考-教育技术论坛
›
≡课程中心≡
›
教育技术公共课
›
Web 设计中的 5 个最具争议性的话题
返回列表
Web 设计中的 5 个最具争议性的话题
[复制链接]
etthink
发表于 2010-3-3 13:08:50
|
显示全部楼层
|
阅读模式
Web 设计中的 5 个最具争议性的话题在 Web 空前繁荣的今天,有关 Web 设计中的各种观点很多会成为话题,有的很快达成一致,有的则一直争议下去,本文讲述 Web 设计中的 5 大经典争议,这些争议从它们诞生的那天起,就被正反两方争得不亦乐乎。 争议之一:链接是否应该在新窗口打开
正方:
外部链接应该始终从新窗口打开,当你浏览一个站点的时候,点击了一个链接,却被带到另外一个站点,你在这个站点的会话也因此丢失,这实在令人恼怒。因此,站点内的链接可以在现有窗口打开,而站点外链接则应该在新窗口打开。
反方:
作为 Web 设计师,我们不该控制用户的行为,一个链接是否在新窗口打开,应该是用户自己的选择。剥夺用户的控制权,在用户的桌面上打开一堆窗口或标签,这才是真正让人恼怒的事。如果用户想打开新窗口,他们可以自己选择,而对非熟练用户,新窗口让他们丢失了“后退”按钮更让他们无所适从。
和事佬:
总体来讲,应该避免使用新窗口打开链接,但在某些场合,如打开购物车中的帮助链接,打开一个非 html 文件(如 PDF 文件),应该使用新窗口。为了提高易用性,最好在需要打开新窗口的地方,用一个小图标提示一下。
争议之二:在链接中应该使用诸如“Click here” 一类的笼统词汇吗?
正方:
事实证明
,“Click here” 比描述性的链接更容易获得点击,因此应该使用该词汇以获得更好的点击率。
反方:
“Click here” 一类的链接损害 Web 的易用性,用户在点击之前,只能通过周围的上下文关系猜测这个链接是做什么的。
Quality guidelines
建议,任何链接文字都应该明确描述该链接的目的。
和事佬:
为了提高站点的易用性,可访问性和 SEO 性能,应该始终使用描述性链接。很有趣听到有人说 “Click here” 比描述性链接可以获得更多点击率,不知道那些点击进来的人是不是看两眼就离开了。
争议之三:使用该继续使用 <b> 和 <i> 两个标签?
正方:
如果你仅仅想把一个词设为粗体,而这个词并没有强调表示重要的意思,应该使用 <b> 标签,不该用 <strong> 标签,读屏软件对 <b> 和<i> 标签有不同的发音,而 HTML5 规范中仍包含这两个标签。
反方:
这两个标签的作用是将文字设置为粗体或斜体,从语义角度看,任何装饰性的东西都应该使用 CSS 实现,如果要强调一个词语,应该使用 <strong> 或 <em> 标签。
和事佬:
<b> 和 <i> 标签不应该用于修饰文字的式样,这些视觉的修饰应该交由 CSS 处理。如果要强调一个词汇或语句,应该使用 <strong> 或 <em> 标签。只有在那些没有别的标签可用的场合,才可以考虑 <b> 和 <i> 。
争议之四:站点 Logo 是否因出现在 <h1> 标签中?
正方s:
Logo 不应包围在标题标签中,标题标签应该包含这个页面的标题或描述性内容,这是 SEO 的最佳方式,否则,站点中的每个页的标题岂不是全变成公司名字了?
反方:
一个站点最明显的标志是它的 Logo, 而 <h1> 是一个页面最顶级的标题,将 Logo 包围其中很自然,这样,即使没有 CSS 人们也很容易该明白这个页面的结构。
和事佬:
标题标签的作用是描述内容的层级结构,如果一个站点有一个描述站点内容的标题,应该放在 <h1> 中,否则,第二级结构或描述性的对象,就是 Logo。
争议之五:是否应该支持 IE6?
正方:
IE6 现在仍占有
10%
的市场份额(在国内更高-译者注),因此,网站毫无疑问应该支持 IE6。世界上仍然有很多公司的系统仍需使用 IE6 访问,另外,还有很多人根本不知道怎么升级他们的浏览器。
反方:
IE6 已经过时,不支持最新的 Web 技术,它给在线用户带来安全隐患,也是众多 Web 开发设计师的噩梦。包括 YouTube 在内的大型站点已经
停止支持 IE6
。你也不例外。
和事佬:
IE6 毫无疑问在衰退,随着大公司对它的抛弃,它的死亡可能来得比预期还快,是否支持 IE6 要看的具体情况,可以考虑为 IE6 用户提供最基本的页面格式,而不必为它挣扎。
本文来源:
http://line25.com/articles/top-5-web-design-debates-that-cause-the-most-riots
学教育技术,上教育技术论坛!http://www.etthink.com
回复
举报
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
优秀版主
授予优秀版主
优秀会员
授予论坛优秀会员
etthink
管理员
11
关注
462
粉丝
7946
帖子
发送私信
收听TA
Ta的主页
推荐阅读
更多+
254449
优秀微课作品——图像处理
教育技术第8课设计:作品导航及内容界面设
教学设计
2025-04-01
听Steam教育概述
教学设计
2025-03-06
教育技术第5课设计——明确作品选题-收集整
教学设计
2025-02-28
教育技术第4课设计——视觉学习材料设计-个
教学设计
2025-02-26
会员达人
更多+
etthink
主题:7946
积分:191820
DZDZ
主题:0
积分:7
广告位
信息推荐
更多+
优秀微课作品——图像处理那些事
优秀作品——绿殇之小草
优秀美术微课——画竹
bbc数学故事纪录片下载
中学化学课件模板
想不到QQ影音回来了,特发图高兴一下
多窗口文件及文件夹管理
相框和蒙版
优秀微课作品——滴眼药水
优秀作品展示——数学奇思秒想系列之乘法趣
PBL教学模式及发展
2019年初三到初六准备到皖南、黄山看看
最新信息
更多+
[微课-翻转-影视]
优秀微课作品——图像处理那些事
12-08
[优秀作品]
优秀作品——绿殇之小草
12-19
[微课-翻转-影视]
优秀美术微课——画竹
12-17
[数学教学资源]
bbc数学故事纪录片下载
02-18
[PPT课件高效制作]
中学化学课件模板
12-23
[PPT课件高效制作]
设计制作了一个MOOCs课程的模板
01-05
[信息化教学助手]
想不到QQ影音回来了,特发图高兴一下
12-29
[微课-翻转-影视]
优秀微课作品——李清照
12-04
[信息化教学助手]
多窗口文件及文件夹管理
03-16
[技友交流]
相框和蒙版
03-29
[研究-应用-写作]
研究方法:定性比较研究方法
04-10
[应用方案]
在线学习服务师-技能人才认定
04-09
[研究-应用-写作]
教育研究方法:问卷调查法及应用要点
04-06
[应用方案]
用猫抓代替vediodownloadhelper插件
04-05
[应用方案]
人工智能输出文档格式问题解决
04-01
[教学设计]
教育技术第8课设计:作品导航及内容界面设
04-01
[应用方案]
网页文件在线分享方案
03-30
[教学设计]
教育技术第1课设计:三个问题与三个假设
03-30
[教学设计]
第11周 讨论的优化
03-29
[教学设计]
第10周 练习的优化
03-29
[PPT课件高效制作]
教育培训类模板整理下载
09-15
[优秀作品]
两个优秀模拟动画的例子:鬼斗大闹电脑和co
12-13
[PPT课件高效制作]
天好动画作品打包下载
12-04
[PPT课件高效制作]
2018-2019学年第2学期课件制作课程中十大优
01-10
[研究-应用-写作]
如何写摘要(本科学位论文)
12-17
[研究-应用-写作]
研究方法:定性比较研究方法
04-10
[应用方案]
在线学习服务师-技能人才认定
04-09
[研究-应用-写作]
教育研究方法:问卷调查法及应用要点
04-06
[应用方案]
用猫抓代替vediodownloadhelper插件
04-05
[应用方案]
人工智能输出文档格式问题解决
04-01
快速回复
返回顶部
返回列表