HTML
20个学习CSS的绝佳网站-让你从入门到精通
九 30th
CSS(层叠样式表)是一种简单的设计语言,能够将页面变漂亮这回事儿变的简单化。在HTML和XHTML中设定页面的样式,这是最常用的应用。但也可以应用于 XML类的文档,包括SVG和XUL。他负责管理网页的设计和外观。使用CSS,你可以控制文字的颜色、字体、段落间距、分栏的数目大小布局、背景图片颜 色,以及其他很多种的效果。接下来才是要说的是学习并掌握CSS的20个绝佳站点。这里收集到的CSS站点能使你从初学者到高级人员。这些能协助你开发和改进网站。恩,随便看看吧。 Csstutorial 这个站点全部是关于CSS的。万一你不熟悉CSS:CSS是HTML的一种姐妹技术,可以设计你的页面。这些细节都在教程里面,不过现在我就可以说Css可以让你页面看起来更好! Visit Site cssbasics 这个网站中,你可以从每段内容里学到单独的样式,覆盖了Css所有的基础知识。 Visit Site w3schools 在这个站点里,你会学到如何使用Css来控制多种页面的样式和布局。 Visit Site ht...阅读全文【悦宽网】
网站首页head区代码规范
八 21st
head区是指首页HTML代码的<head>和</head>之间的内容。 必须加入的标签 1.公司版权注释 <!— The site is designed by Maketown,Inc 06/2000 —> 2.网页显示字符集 简体中文:<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=gb2312″> 繁体中文:<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=BIG5″> 英 语:<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=iso-8859-1″> 3.网页制作者信息 <META name=”author” content=”hhlong.com”> 4.网站简介 <META NAME=”DEs criptION” CONTENT=”xxxxxxxxxxxxxxxxxxxxxxxxxx”> 抱歉,如果你要查看本帖隐藏内容请[回复]后再[刷新] 阅读全文【悦宽网】
网页颜色变黑白代码
八 15th
网页颜色变黑白代码 1、为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 或: *{filter:gray; color:gray;} 使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。 2、如果网站没有使用CSS,可以在网页/模板的HTML代码和 之间插入: <style> html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} </style> 抱歉,如果你要查看本帖隐藏内容请[回复]后再[刷新] 阅读全文【悦宽网】
HTML代码的美感
七 29th
每当我访问精美的网站,我都情不自禁地会去查看源代码。这就好比你拥有一副X光眼镜,能够看到任何人——甚至透视他们的遮羞布。这简直是天经地义的事情嘛!我迫不及待地想了解,这个精美的网站,是不是由同样具有美感的代码所写成,而或者只是金玉其外败絮其中。代码?美感?当然!归根结蒂,代码如诗。(译注:“Code is poetry”为著名博客系统 Wordpress 的宣传语。)这仅仅是最基础的 HTML 而已,自然不如其它动态语言般复杂而优雅,但它依旧保持了它的创造者所赋予的艺术笔触。 这就让我不禁开始思考,如何让代码具有美感?对于 HTML 而言,这一切都是手工活。让我们看看标记语言如何能达到具有美感的境界。 图片有足够大(译注:2000×2000),你大可以把它打印出来并贴在你的个人储物箱中,并让你的朋友留下深刻印象。话说回来,这的确是个令人纠结的大小。我会放出 PSD 原图方便大家修改。 HTML5 – HTML5 及其新元素带来了前所未有的美感...阅读全文【悦宽网】
现在如何在你的站点上使用HTML5
七 23rd
已经有许多文章是关于HTML5的了,例如“HTML5有什么期待?”和“HTML5会如何改变网络”之类的,但是对于Web开发人员来说,最主要需要知道的是:我现在可以用上HTML5来做些什么,我怎么开始使用它?好消息是现在已经有不少的HTML5里的东西可以使用了。但是,开始你就必须要明白一件事情,你需要知道你的受众如何,否则的话你就不该使用HTML5。假如你的站点的访问大部分人都是在使用IE6,那么你完全没有任何理由使用HTML5。另一方面,如果你站点的访问者都是使用手机浏览器,如iPhone和iPad,那么你还在等什么呢?马上就可以开始动手了!等等,这里有一些准则,看完再动手不迟。 你现在可以使用哪些HTML5特性? 虽然HTML5标准现在仍然是个草案,在标准化组织手里依然还在商讨,但是重要的部分已经被许多现代的浏览器实现了。Apple Safari, Google Chrome, Mozilla Firefox, Opera和Microsoft IE9都已经很好的支持了HTML5的部分特性。 先来看看各浏览器在HTML5T...阅读全文【悦宽网】
我所钟爱的 HTML5 资源
七 19th
HTML5 越来越引起人们的关注,苹果甚至将 HTML5 视为 Flash 的掘墓人。然而,作为一种尚未成型的技术,HTML5 对很多人来说仍然是陌生的。本文收集了 15 个非常值得收藏的 HTML5 资源,这些资源可以让你同 HTML5 的发展保持一致,并始终处于这门技术的最前沿。 1. WTF is HTML5 这是一个关于 HTML5 Infographics 的站点,包含诸如 HTML5 同 Flash 的对比,HTML5 不同浏览器支持情况,HTML5 最受欢迎的功能等资料。 2. Dive Into HTML 5 Mark Pilgrim 是知名软件开发师与博客作者,他在线编写了一本有关 HTML5 的书,侧重 HTML5 的编程方面的功能。抱歉,如果你要查看本帖隐藏内容请[回复]后再[刷新] 阅读全文【悦宽网】
按比例缩小图片方法总结
七 7th
其实早些时候就想写一下这个东东,因为想换下主题用用,但发现日志里的图片却因为太大而把POST撑开了,变得很难看。我想遇到这个问题的人一定不少吧。之前一直太忙,没时间去整它,今天抽点时间写一下怎样解决图片撑开的问题,方法很多的、接下来一一给大家道来… 方法一:Max-width|Max-height 这是最简单的方法了,给图片一个最大的宽度和高度: #Imgbox img { max-width: 500px; max-height: 300px; border:0; } 但它的效果并不怎么好,因为目前的IE6并不认识这个max-width和max-height。而且有时候图片的宽高相差很大。这样做后图片会变形。 方法二:Max-width/height+Expression 先来了解下什么是CSS expression: IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript脚本关联起来,这里的CSS属性可以是元素固有的...阅读全文【悦宽网】
Web 设计师的 50 个超便利工具
七 2nd
作为一个 Web 设计师并不容易,不仅考虑设计与架构,还要时刻注意各种小细节,设计师的工作被各种各样的问题包围,你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题。本文介绍了50个非常强大的工具,你会发现,其中的一些工具会让你感到惊艳在,这是第一部分。 LaunchList 站点发布前的工作清单,预设了28个需要检查的事项,也可以自定义。同类工具: Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist。 Pencil Project: Sketching and Prototyping with Firefox 一个开源 GUI 原型设计工具。 Zootool 一个非常漂亮的书签工具,可以将你收集的各种素材,图片,文档,链接,视频等在线组织到一起。 抱歉,如果你要查看本帖隐藏内容请[回复]后再[刷新] 阅读全文【悦宽网】
你从没见过的 HTML5 动画效果
六 26th
HTML5 的 Canvas 对象将改变 JavaScript 的使命,使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的,基于 HTML5 Canvas 和 JavaScript 的动画,这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是,这些都是浏览器的原生动画,无需任何插件。 Tunnelers 纯 JavaScript + HTML5 Canvas 生成的交互动画,难以置信。 The Mesmerizer 在格子中移动鼠标,颜色随着改变并扩散到周围的格子,很迷幻。用鼠标点四角的格子,或按键盘,可以看到更奇妙的效果。 Burn 在页面上移动鼠标,或按下鼠标,这样的效果,很难相信是浏览器原生的。 Cheloniidae Live 也是基于纯粹的 JavaScript,不过使用了一个 JavaScript 库。很有趣,你可以通过修改其 JavaScript 代码实现自己的效果(可惜被墙了)。 抱歉,如果你要查看本帖隐藏内容请[回复]后再[刷新] 阅读全文【悦宽网】
2010网页设计趋势
六 25th
纯粹主义者会说,伟大的设计是永恒的。是的,在一个理想世界中,我们可以忽视趋势与流行。 但是实事求是地讲,跟踪和融入设计的趋势是很有价值的,尤其是网站方面。让我们面对现实:网络时刻在迅速变化,而不像其他媒体,网站设计的趋势不再仅仅受美学驱动。技术是不断变化的,媒介的能力和手段都在随之而发生巨大变化。2010年,我们看到设计师在网页设计方面不断推陈出新,形成了以下明显的趋势… 印刷式设计 印刷设计一直都是网页设计的灵感来源。网页设计已经有了一段的历史,足够形成一个强劲的没有印刷设计经验的设计师核心。而结果我们看到更多的灵感是来自于印刷,似乎这些设计师不仅仅是网站设计。 衬线字体 印刷的最重要问题之一是可读性。印刷设计师们总是倾向于衬线字体,因为这种字体边缘明显,提高可视效果,使字形更容易识别。 抱歉,如果你要查看本帖隐藏内容请[回复]后再[刷新] 阅读全文【悦宽网】


近期评论