专注于互联网分析、用户体验、网页设计
标签类目:HTML

为什么视觉设计师需要懂HTML

注:本文所说的视觉设计师专指网页视觉设计师。

网页设计师与平面设计师都归类为设计师,其实这两个职业是跨行业的,虽然有很多设计师一直在跨行业工作着。这两个职业的最大区别应该是在思维上,对于平面设计师来说,天马行空般的创新思维很重要,他们需要的是在一张白纸上勾画出符合客户需求的绚丽创意;而对于网页设计师来说,更多的是需要考虑创意在网络上实现的成本以及可能性,天马行空般的思维成了次要的。

这也就是为何很多时候,网页设计师去做平面设计师的工作要比反过来容易得多。也许可以用这样一个比喻来形容:网页设计师去做平面设计师的工作就像是放开圈养在马棚里的马,也许没了撒野的能力,但还能奔跑;而平面设计师去做网页设计师的工作,则更像是原本狂奔的野马突然被圈养在马棚里,框架的束缚会让野马变成手足无措。

继续阅读 »

Flash的层叠顺序问题(z-index)

很多人在写页面代码时都会遇到过这样一个问题,那就是当Flash与页面中的其它HTML结构有重叠的时候,默认情况下Flash总是显示在最上面,从而遮挡住了与它有重叠部分的HTML结构,就算为该Flash或是HTML结构标签定义z-index属性却依然是无效的。

因为默认情况下在网页中添加的Flash在浏览器中是以窗口模式存在的,是独立于浏览器的HTML结构渲染的,所以这种情况下的Flash会遮盖住与它重叠的HTML。

比如这个页面:Flash的层叠顺序(z-index)

在Adobe Flash的发布设置里关于HTML的设置有一项是“窗口模式”,这里面提供了三个选项,分别是:窗口(window)、不透明无窗口(opaque)、透明无窗口(transparent)。

继续阅读 »

解读HTML:关于Profile的只言片语

制作出一个页面其实是很简单的事,但是制作出一个好的页面却是一件挺困难的事,要使一个页面最终能很好的呈现出来,包括在许多未知的环境下都能很好的呈现,这即是一件更困难的事情。在一份基于Web标准的HTML文档中,需要声明很多的规则,比如DOCTYPE声明xmlns声明等,只有做出了这些声明,网页文档才能更好的在不同的浏览器中最大程度的呈现出一样的效果。

在使用Wordpress程序搭建的博客(其它程序搭建的博客也可能有)的页面代码里会有一句这样的代码:

<head profile=”http://gmpg.org/xfn/11″>

而当我们在博客的后台添加友情链接时如果标注一下链接关系的话,就能得到这样的代码:

<a href=”http://www.etcis.com/” rel=”friend” target=”_blank”>阿猎的SEO博客</a>

继续阅读 »

解读HTML:命名空间与字符编码

在做项目的过程中,我们经常会建立各种各样的规范,以方便团队之间更好的合作更好的完成项目;同样我们也经常会听到各种各样的协议,比如Google的IM软件Gtalk使用的开放的XMPP协议,只要其他IM软件也遵循XMPP协议就能与Gtalk使用互通;而互联网上的信息无以计数,这些信息本身是独立存在的,如何将其串联并呈现在用户眼前,就需要使用到HTTP协议。

同样的道理,因为浏览器们各自的内核不同,对于默认样式的渲染也不尽相同,所以就需要一份各浏览器都遵循的规则来保证同一个网页文档在不同浏览器上呈现出来的样式是一致的,这个规则就是DOCTYPE声明

因为互联网是互通的,所以任意的两个或者以上的网页文档都可能会涉及到数据交换,而因为XML语言是允许用户自定义标签的,所以任意两个交换的文档就可能会出现相同的标签,从而导致相同标签的冲突,所以就需要一个命名空间以区分开交换文档中可能存在的相同标签。

继续阅读 »

解读HTML:WEB标准从头开始

在较早之前的网页上,我们经常可以看到如下的网页结构代码:

<html>

<head>

<title>这是一个网页</title>

<meta name=”…” content=”…” />

……

</head>

<body>

……

</body>

</html>

继续阅读 »

解读HTML:WEB标准的误解

HTML4 Elements中共计有91个标签,然而在这么多的标签中经常被使用到的标签不到四分之一,在这些常用的标签中有两个标签是属于最通用型的——div、span,这两个结构性的标签因为本身不带呈现样式及语义而被广泛的用于网页制作中,再加上之前很多人直接把WEB标准误解为就是div+css,于是在一个页面里出现了特多的div或者是span标签,尽管这些地方本身有更符合语义的标签来实现。

Table式的页面布局因为其本身的简便以及有Dreamweaver这样的可视化操作的Web制作软件的存在,从而引领了Web制作的一个时代,也正是因此而导致了过多的Web设计人员从来没有真正关注过HTML标签的真正语义,当Web标准开始兴起的时候,于是就直接被理解成是div+css的布局。

于是Web标准中的结构标签几乎变成了div的秀场。

继续阅读 »

返回顶部