Ajax Web - Fdream's Blog

2005-4

Fdream 发表于 Ajax Web，已被阅读 17572 次，评论 0 条
关键词：Macromedia CSS 网页设计

Greg Rewis

Dreamweaver Evangelist

自从 Dreamweaver MX 2004 发布以来，我曾经无数次向 Dreamweaver 的新老用户演示它的新特征和新功能。每次进行产品演示，我很快就会极力称赞 Dreamweaver MX 2004 设计和呈现 CSS（或层叠样式表）的新功能。

然而最近某位新用户问了一个问题，说实话，这个问题一下子让我张口结舌。这位用户只是问：“我为什么要使用 CSS?”当时我意识到，尽管我们这些每天与 HTML 和 CSS 打交道的人非常了解 CSS 的优点，但仍有很多人并不了解。或者说并不完全了解 CSS 所能提供的所有优点。本文是我对上面那位新用户的书面回答。

CSS 起源

回顾 CSS 的优点之前，我要先介绍一下它的历史。Web 管理组织 W3C 在 1996 年 11 月推荐使用 CSS，并批准了 CSS 1 级规范。CSS 1 级规范说明了用于 HTML 页面的属性。这些属性代替了传统的字体标签和其他“样式”标记，例如颜色和边距。1998 年 5 月，W3C 批准了 CSS 2 级规范，将一些附加功能添加到 1 级规范，并引进了定位属性。这些属性代替了表格标签普遍（但是错误）的用法，用来设计页面元素的表示。CSS 规范的最新版本是 CSS 2.1，它改进了某些属性，并删除了在当前浏览器里没有作用或作用很小的属性。

不幸的是，就像很多新技术一样，CSS 经历了漫长的过程才被广泛采纳。其中的重要原因在于浏览器，以及为这些浏览器建立站点的 Web 设计者们。CSS 批准期间，Netscape Navigator (NN) 仍然是主导浏览器，而该浏览器基本上不支持 CSS。Microsoft 在其第 3 版浏览器中添加了对 CSS 非常有限的支持，但当时大多数的 Web 设计者（本人在内）仍然将 NN 作为首选平台进行页面编码。

继续阅读全文

关于链接特效（CSS）

2005-4

Fdream 发表于 Ajax Web，已被阅读 11947 次，评论 0 条
关键词：CSS 特效

经常看到有些网页的链接做的很漂亮，研究了一下，整理了一些代码，供大家参考：

　　一、先看看超连没有下划线的例子

　　在<head>和</head>之间加上如下的CSS语法：

引用内容：

<!--

a:link { text-decoration: none}

a:active { text-decoration: none }

a:visited { text-decoration: none }

-->

</style>

　　这样浏览器在执行时，就明白：a:link指正常的未被访问过的链接a:active指正在点击的链接a:visited指已经访问过的链接其中，text-decoration是文字修饰效果的意思，none参数表示使有超级链接的文字不显示下划线。如果讲none替换成underline就表示有下划线，换成overline则给超连文字加上划线，换成line-through给超连文字加上删除线，blink则使文字在闪烁。

　　二、类似的控制：使粗体文字加上删除线

继续阅读全文

网页自适应不同分辨率显示

2005-4

Fdream 发表于 Ajax Web，已被阅读 11137 次，评论 1 条
关键词：JavaScript JS 技巧

尽管现在显示器的主流是17英寸的，但不少用户仍然使用的是15英寸的显示器。我们在用一张图片做首页时，为了能使页面在不同的分辨率下都能完美的显示出来，就需要考虑网页能否根据不同的分辨率自动显示相应的页面。

这里有一种比较简单的方法，可以轻松解决上述问题：

首先准备好要在两个不同分辨率下分别显示的文件，这里假设为 index1.html 和 index2.html；

其次在你的首页文件 index.html 或者 index.htm的页面代码中的<head>和</head>中加入以下代码：

引用内容：

<!--

function pagechange() {