日志标签:Html

Google 搜索结果的富文本摘要开始支持 HTML 5 的 microdata

时间:2010年03月13日作者:青雨被围观 403 次评论次数:0

HTML 5的新特性之一包括利用microdata来针对网页里的特殊架构信息做描述。

今天,Google搜索结果的富文本摘要开始支持microdata和 RDFa数据格式。只要使用microdata来标记出你的网页,Google就可以理解你网页里的评论、用户或事件信息,并将它们呈现在搜索结果的富文本摘要里。

比如页面里对“必输客批萨店”的用户评论,HTML代码一般是这样的:

继续阅读:Google 搜索结果的富文本摘要开始支持 HTML 5 的 microdata»

标签:分类:Html/Css

设计出好网页的窍门

时间:2009年02月20日作者:青雨被围观 351 次评论次数:0

我们浏览任何一个网页,仅从界面上就可以轻易的识别出专业和非专业的区别,那么怎么才能让网页设计的专业、漂亮、好看?这就要涉及到美术的一些基本常识。首先网页风格的形成主要依赖于网页的版式设计,页面的色调处理,还有图片与文字的组合形式等。

一、版面编排
网页设计首先涉及到的是页面的版面编排问题。”版面编排”实际上就是中国古代画论中的”经营位置”。网页作为一种版面,既有文字,又有图片。文字有大 有小,还有标题和正文之分;图片也有大小,而且有横有竖之别。图片和文字都需要同时展示给观众,不能简单地罗列在一个页面上,这样往往会搞得杂乱无章。必 须根据内容的需要,将这些图片和文字按照一定的次序进行合理的编排和布局,使它们组成一个有机的整体,展现给广大的观众。

继续阅读:设计出好网页的窍门»

标签:,分类:Html/Css

Web页面设计基础

时间:2009年02月19日作者:青雨被围观 304 次评论次数:0

设计原则 

Web作为出版物的一种,同其他出版物如报纸,杂志等在设计上有许多共同之处,也要遵循一些设计的基本原则,不同之处在于Web的“非所见即所得”特性和交互性。因此,熟悉一些设计的基本原则,再对Web的特殊性作一些考虑,便不难设计出美观大方的页面来。如果有美术设计基础,对Web页面的设计会很有帮助。如果不具备这方面的背景知识,那么下面的一些原则将会对你有点帮助。 

设计的3C原则 

所谓3C原则是指:简洁、一致性、好的对比度。
Web页面设计需要遵循这三条原则。 
继续阅读:Web页面设计基础»

标签:分类:Html/Css

网页媒体播放器代码详解

时间:2009年02月19日作者:青雨被围观 316 次评论次数:0

老式的播放器,新式播放器是在MediaPlayer9.0以后出现的,也就是说只有装了9.0或9.0以上的播放器才能正常使用的代码:

代码:
<object classid=”clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95″ id=”MediaPlayer1″ width=”286″ height=”225″>
    <param name=”AudioStream” value=”-1″>
    <param name=”AutoSize” value=”-1″>
    <!–是否自动调整播放大小–>
    <param name=”AutoStart” value=”-1″>
    <!–是否自动播放–>
    <param name=”AnimationAtStart” value=”-1″> 继续阅读:网页媒体播放器代码详解»
标签:分类:Code/Js

网页的审美需求

时间:2009年02月19日作者:青雨被围观 330 次评论次数:0

  网页设计是一们新兴的设计类和网络的交叉学科,近几年随着网络的发展而逐渐收到人们的重视,它本身以网络为载体,把各种信息以最快捷、方便的方式传达给受众。在这种标准的要求下,逐步产生了审美的需求。人们对美的追求是不断深入的,网页设计同样如此。网页不光是把各种东西放上去,能看就行,这是远远不够的!要考虑如何受众能更多的和更有效率的接收网页上的信息,从而使他们对给网站留下很好的印象,那就更能促进自己网站的运作。这就需要从审美的方面入手,结合使用方便的要求,就能制作出清晰、整体性好的页面。使人浏览起来心情愉快,接收信息也会更加容易。同时提升网站的形象。运用一些平面设计中美的基本形式到网页中去就能是网页更加富有美感,例如将平面设计中的节奏与韵律和骨格的形式溶入到网页中,这样会使内容繁多的页面更加有条理,也会是人浏览起来主次分明。当然这种美首先建立在页面的内容充实,而且实用,一个内容空洞无物的网页既使做得再漂亮也不会吸引人,顶多赢得几声赞叹,没有任何的用处。没有实用性的东西是不会具有生命力的。要想将页面做的更漂亮, 继续阅读:网页的审美需求»
标签:分类:Html/Css

HTML标记参考手册

时间:2009年02月19日作者:青雨被围观 334 次评论次数:0

总类(所有HTML文件都有的) 

文件类型 <HTML></HTML> (放在档案的开头与结尾) 
文件主题 <TITLE></TITLE> (必须放在「文头」区块内) 
文头 <HEAD></HEAD> (描述性资料,像是「主题」) 
文体 <BODY></BODY> (文件本体) 

结构性定义(由浏览器控制的显示风格)  继续阅读:HTML标记参考手册»

标签:分类:Html/Css

简单实用 网页技巧

时间:2009年02月19日作者:青雨被围观 326 次评论次数:0

一、让文字改变颜色 

在有些网页我们可以看到一些文字,当鼠标移上去是一种颜色,移开就是另外一种颜色,这是怎么样实现的呢? 

原来我们只需要在Head内预先定义两个类,分别定义了两种颜色,这在后面的HTML源文件中会用到这个颜色的定义: 

  <style>  继续阅读:简单实用 网页技巧»

标签:分类:Html/Css

target=”_blank”不符合标准?

时间:2009年02月19日作者:青雨被围观 374 次评论次数:0

本文参考了以下文章:

Kevin Yank的《New-Window Links in a Standards-Compliant World》 
《Standards-based Replacement for target=”_blank” in External Links》
我们要在新窗口中打开链接通常的做法是在链接后面加target=”_blank”,我们采用过渡型的DOCTYPE(xhtml1-transitional. dtd)时没有问题,但是当我们使用严格的DOCTYPE(xhtml1-strict.dtd)时,这个方法将通不过W3C的校验,会出现如下错误提示: 继续阅读:target=”_blank”不符合标准?»

标签:分类:Html/Css

分离美工 杜绝重复

时间:2009年02月19日作者:青雨被围观 346 次评论次数:0

如果你正在设计一个交互式网站,你一定会关注两个主要的问题,就是美工和程序。这也是一个网站在建设中抛开其内容之后最关键的要素。通常有两种方式来协调美工和程序之间的关系: 

  1.先做好美工页面,然后由程序员直接在美工页面的HTML文件中嵌入ASP、JSP、PHP等程序代码。 

  2.美工和程序同时进行,但这时因为没有页面框架,程序只能做出一些关键代码,双方完成后再进行一次美工页面和程序代码的嵌入合成。 

  在实际的网站建设过程中,由于人员、进度等环境的限制,大家通常会混合地使用上面两种协调方式。然而这两种方法都有不足之处:  继续阅读:分离美工 杜绝重复»

标签:分类:Html/Css

禁止背景图在网页中平铺

时间:2009年02月19日作者:青雨被围观 383 次评论次数:0

如果我们希望在网页的不同角落里放置不重复平铺的背景图,该怎么办呢? 
  比如网页的背景要如图所示,并要求在不同的分辩率下该背景图都显示在右下角,想想看,有办法吗?
http://blog.znzt.net/UpZnztblog/css/2005101801.gif 继续阅读:禁止背景图在网页中平铺»

标签:分类:Html/Css