http://www.aoaob.com 奥奥比网络致力于在网络领域为以网络设计和开发的广大人员提供教程资讯 zh-cn aoaob.com Fri, 30 Jul 2010 13:15:33 +0800 http://www.aoaob.com/Article_2517.html 引子 编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。 数据天生就是文静的，总想保持自己固有的本色；而代码却天生活泼，总想改变这个世界。 你看，数据代码间的关系与物质能量间的关系有着惊人的相似。数据也是有惯性的，如果没有代码来施加外力，她总保持自己原来的状态。而代码就象能量，他存在的唯一目的，就是要努力改变数据原来的状态 Sun, 1 Jun 2008 13:19:34 +0800 http://www.aoaob.com/Article_2516.html 标准化设计解决方案 - 标记语言和样式手册 Web Standards Solutions The Markup and Style Handbook Part 1: Get Down With Markup 从标记语法谈起 Chapter5 表单 互动性一直是互联网的重点,让使用者与网站能够交换信息,彼此沟通.表单使我们能够有组织的,使用同一方式的从使用者那里收集资料,因此在设计网站时 Sun, 1 Jun 2008 13:19:29 +0800 http://www.aoaob.com/Article_2515.html web标准知识——美化段落文本 Ⅰ 上四篇的内容是把常用的XHTML标签拿出来介绍了一下，不是很详细。不过没关系，重点是要能先知道用他们，以后深入了再去细细研究更为详细的特性以及使用方法就容易多了。上篇已经说了在第五篇会开始讲CSS，刚开始讲不能讲得复杂，我们还是由浅入深，一步步来。还是那句话：先用起来，然后再去研究。即然我们第一篇讲的是段落，那我们这篇初讲CSS当然也还是要从段落开始，让我 Sun, 1 Jun 2008 13:19:25 +0800 http://www.aoaob.com/Article_2514.html 在曾经的 淘宝UED 招聘 中有这样一道题目： “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表性。 题目的难点在于两点： 垂直居中； 图片是个置换元素，有些特殊的特性。 至于如何解决，下面是一个权衡的相对结构干净，CSS简单的 Sun, 1 Jun 2008 13:19:23 +0800 http://www.aoaob.com/Article_2513.html web标准知识——用途相似的标签 这篇主讲的内容涉及链接、标题、插入、删除、上下标、分割线、换行等标签。 我们都知道网页的最大特性是“链接”，是的这个在我们现在看起来习以为常的东西，让我们的生活发生了巨大的变化，是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目： &lt;a href="URL" &gt;文本区&lt;/a&gt; 就是这个简单的标签，其 Sun, 1 Jun 2008 13:19:23 +0800 http://www.aoaob.com/Article_2066.html 原文：http://redmonk.com/anne/2006/12/05/six-myths-about-ajax/ Ajax到底是什么？是一个并不太容易掌握，但可以增加网站交互性的方法？是Web2.0的基石？还是又一轮网络开发中的跟风？就像以前流行过的闪烁字体、“溅水”页(译者：Splash page －Flash动画或大图片做的网站的简介首页，往往有个“跳过简介”或“直接进入”的小按钮 Wed, 19 Mar 2008 18:48:39 +0800 http://www.aoaob.com/Article_2065.html 目录 介绍 针对浏览器的选择器 让IE6支持PNG透明 移除超链接的虚线 给行内元素定义宽度 让固定宽度的页面居中 图片替换技术 最小宽度 隐藏水平滚动条 一. 介绍 这篇文章包括了8个非常有用的解决办法, 在进行css设计遇到问题时你就会用到它们. 二. 针对浏览器的选择器 这些选择器在你需要针对某款浏览器进行css设计时将非常有用. IE6及 Wed, 19 Mar 2008 18:48:38 +0800 http://www.aoaob.com/Article_2064.html 使用 jQuery(Ajax)/PHP/MySQL实现自动完成功能 一如往常，demo和源码的zip包在文章最后，慢慢欣赏吧！ 我觉得我有必要写这个教程，因为曾经见到的大部分关于自动完成的应用程序都只是给你一个程序源码包，然后告诉你怎么使用，而不是告诉你它是如何工作的以及为什么这样做。而知道这些可以让你对这个插件可以进一步的按自己的需求定制（关于这一点我在我的blog里写过不少关于其他应用 Wed, 19 Mar 2008 18:48:37 +0800 http://www.aoaob.com/Article_2063.html 原文：http://en.wikipedia.org/wiki/Facebook 译者：本文译自英文维基百科条目“Facebook”。只翻译了个人觉得对中国互联网从业者有价值的部分。比如有关Facebook相关的法律纠纷，就略去了。中文维基百科只完成了原文2%的翻译。如中文维基百科的志愿者们愿意，请随意使用本文的全部或部分内容充实中文维基百科的相关条目。其他转载，必须遵照维基百科的相关协议， Wed, 19 Mar 2008 18:48:35 +0800 http://www.aoaob.com/Article_2059.html b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用，甚至是反对使用的，因为认为他们只是“表现”粗体和斜体，而没有任何“语义”。更多的用 strong 和 em 标签代替。 而在新的 HTML5 工作草案 中对于 b 和 i 标签是这样定义的： The b element now represents a span of text to be stylistically off Wed, 19 Mar 2008 18:48:32 +0800 http://www.aoaob.com/Article_2058.html 【必备】UserInterface PhotoShop/Fireworks Design 配合美工将草图形成具体的符合WebPage的设计 有快速制作分层高品质PSD、PNG的能力 能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码 Flash Design 基本动画效果复杂的交互体系设计，了解第三方swf辅助设计软件复杂的交互体系设计以及 Wed, 19 Mar 2008 18:48:31 +0800 http://www.aoaob.com/Article_2057.html 来蓝色一直都在潜水,很少写帖子,太对不起大家了.下面和大家探讨一个话题,希望能引起大家的兴趣. 关于H1,一直都想和大家讨论H1用法的问题,可在RTX上好象一直没有提起大家的兴趣. 看过很多页面,很多人对H1的理解都不一样,个人有个人独到的创新想法,这样的答案也没有谁对谁错,就象大家每个人写CSS的习惯都不一样,不管怎么写最终是要达到设计稿的效果(这是最基本的要求).大家对xhtml的想法 Wed, 19 Mar 2008 18:48:30 +0800 http://www.aoaob.com/Article_2056.html <a href="http://www.aoaob.com/Article_2056.html"><img src="http://www.aoaob.com/img/image/2008-3/08031918482717139_s320.jpg" border="0" /></a><br /> 一、概况 Adobe采用了每刷新一次页面，调用一款产品的方式，给访问者展示不同的内容。 首页分成了4个区块：A.顶部导航区、B.产品展示区、C.产品列表及相关信息块、D.底部版权区解析如下： HTML片段： 二、顶部导航区 导航区域，Adobe用"dt"和"dd"分出了4个小块： 解析如下： 不太符合国内开发习惯的是，他们采用了从右向左的写法，先给出了最右 Wed, 19 Mar 2008 18:48:29 +0800 http://www.aoaob.com/Article_2052.html 在很多语言的学习中，“事件”都是一个比较难理解，但是又是一个很重要的概念。javascript中的事件处理也是一样，正因为有了事件处理，才会出现Ajax拖动的效果。本文就讨论一下JavaScript中的事件处理，读过之后，您就会知道，很多Ajax框架实现拖动效果的原理了。 一、 IE Event对象 （一）IE Event对象的主要属性和方法 在IE中有一个专门负责事件处理的对象Event Wed, 19 Mar 2008 18:48:22 +0800 http://www.aoaob.com/Article_1862.html 什么是代理？有什么作用？而SOCK5代理和HTTP代理又是什么呢？ Tue, 29 Jan 2008 05:01:55 +0800 http://www.aoaob.com/Article_1517.html 　　CSS 语法 　　CSS语法由三部分构成：选择器、属性和值： 　　selector {property: value} 　　选择器(selector)通常是你希望定义的HTML元素或标签，属性(property)是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（declaration）：　　 　　body {co Sun, 6 Jan 2008 00:47:17 +0800 http://www.aoaob.com/Article_1516.html 　　1. css 字体简写规则 　　当使用css定义字体时你可能会这样做： font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; 　　事实上你可以简写这些属性： 　　font: 1 Sun, 6 Jan 2008 00:47:16 +0800 http://www.aoaob.com/Article_1515.html 说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般，但是这个方法挺新颖的。　 　　1.display:none;的缺陷 　　搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略 　　屏幕阅读器（是为视觉上有障碍的人设计的读取屏幕内容的程序）会忽略被隐藏的文字。　 　　2. visibility: hidden ;的缺陷 　　这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据 Sun, 6 Jan 2008 00:47:15 +0800 http://www.aoaob.com/Article_1514.html 　　网页布局技巧实例，想让DIV居中，如何编写CSS？ 　　div居中的设置该如何编写css？我们在传统的表格布局中，只要设置表格的居中属性就实现了居中的块元素。应用div css网站布局，div的居中该如何编写css来控制它呢？ 　　主要的样式定义如下： 　　body {text-align: center;}　　#center { margin-right: auto; mar Sun, 6 Jan 2008 00:47:14 +0800 http://www.aoaob.com/Article_1513.html 你也许已经意识到，你可以通过指定每一键接的不同风格以建立CSS翻滚效果，这些链接包括普通的链接link (normal), 访问，翻转，以及激活。并且，你可能也知道CSS类型的顺序可以产生效果上的差别，CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。 现在让我们看看如何安排链接状态的类型在不产生冲突的情况下支持正常的翻滚效果，并且如何重新安排这 Sun, 6 Jan 2008 00:47:14 +0800 http://www.aoaob.com/Article_1512.html 　　在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网站易用性(Accessibility)，不仅因为其根生蒂固的人文精神，直接原因可能是 Sun, 6 Jan 2008 00:47:13 +0800 http://www.aoaob.com/Article_1511.html 　　在以前，为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面，这样才能够在打印的时候获得令人满意的效果。现在，通过使用结构化的XHTML和CSS，你可以实现同样的效果而只用花费少得多的精力。 　　从屏幕显示到打印效果 　　大多数的Web页面都是设计适用于在计算机屏幕上观看的。然而，有的时候用户需要将某些页面打印出来，也许就是为了保留一个长期的记录，或者将其 Sun, 6 Jan 2008 00:47:13 +0800 http://www.aoaob.com/Article_1510.html 　　三栏布局是最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。本文介绍一种用CSS的float和clear属性来获得三栏布局的方法。 　　绝大多数网页设计者都熟悉传统的网页设计技术，用这些技术可以生成带有表格、创建固定宽度布局或者“液态”(它可以根据用户浏览器窗 Sun, 6 Jan 2008 00:47:12 +0800 http://www.aoaob.com/Article_1509.html 　　css的学习和其他的学习一样,都需要特定的方法才能比较快的去掌握它.要想掌握CSS, 首先要学会HTML，我刚开始是从零开始学习的，花了一个月时间学习HTML，没有老师，书就是我唯一的老师，也没有上网的条件！一个月过后，我就开始学习CSS，刚开始看的第一本CSS书是《CSS网页样式设计》看了几天后发现根本看不懂！，之后换了一本《HTML参考大全》，这本书是网页制作师的案头常备之书！之所以更 Sun, 6 Jan 2008 00:47:11 +0800 http://www.aoaob.com/Article_1508.html LI代码的格式化: A).运用CSS格式化列表符： 以下是引用片段：ul li{ list-style-type:none; } B).如果你想将列表符换成图像，则： 以下是引用片段：ul li{ list-style-type:none; list-style-image: url(/blog/images/icon.gif); } C).为了左对齐，可以用如下代码 Sun, 6 Jan 2008 00:47:11 +0800 http://www.aoaob.com/Article_1507.html 一、CSS定位：position 　　语法： 　　position : static | absolute | fixed | relative 　　取值： 　　static :默认值。无特殊定位，对象遵循HTML定位规则。 　　absolute :将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进 Sun, 6 Jan 2008 00:47:10 +0800 http://www.aoaob.com/Article_1506.html 　　在一个具有图形背景的按钮中添加CSS风格的文本，这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率，从而有效地提高按钮外表图像的三维效果。 　　相比于常规的图形按钮，这些图形/CSS混合按钮可易于建立和载入，因为你只需要为空白按钮外面建立和载入一个图像，而不是为每一个按钮建立各自的图像。 　　同一个图像可以使用在网页所有按钮的背景。按钮的文本标签都是 Sun, 6 Jan 2008 00:47:09 +0800 http://www.aoaob.com/Article_1505.html alpha滤镜给制作网页特效提供了较大的创作空间，但由于它控制参数较多，在实际应用时，为了确定一组合适的参数值，不得不反复调整修改，在编辑窗口和预览窗口来回倒腾，甚是麻烦，本文介绍了一种简单的方法。制作一个“Alpha滤镜参数测试板”，在测试板上输入参数值后，点一下鼠标，立即可看到结果，完全的“立等可见”，使你很快就能获得一组合适地参数值，从而给你节约许多宝贵时间。　　测试板具体的制作方法：　　1 Sun, 6 Jan 2008 00:47:08 +0800 http://www.aoaob.com/Article_1504.html CSS语法立意让网页内容与视觉呈现分离，一方面使得页面维护工作更容易，不会因内容或视觉效果改变影响到另一方，这样的页面设计，也对搜寻引擎更为友善，更容易搜寻到页面内容。 CSS，Cascading Style Sheets 串接样式表，网页外观的控制语法 World Wide Web最早是以文件的概念组成，希望透过网页与超链接，让文件与知识更容易连接援引。从HTML语法大量使用文件概 Sun, 6 Jan 2008 00:47:07 +0800 http://www.aoaob.com/Article_1503.html 　　用CSS实现的固定表头的HTML表格。 曾经在项目中实现过一个固定表头的HTML表格，但使用了非常臃肿的代码，因为实际上是画了三个一样的表格。一个纯粹用HTML和CSS实现的固定表头的表格，其简化代码如下： 以下是引用片段：&lt;HTML XMLns="http://www.w3.org/1999/xHTML" XML:lang="en" lang="en"&gt;&lt;head&g Sun, 6 Jan 2008 00:47:07 +0800