http://www.aoaob.com 奥奥比网络致力于在网络领域为以网络设计和开发的广大人员提供教程资讯 zh-cn aoaob.com Fri, 30 Jul 2010 13:16:18 +0800 http://www.aoaob.com/Article_3426.html 译序：Userfocus是英国一家专门从事网站可用性设计的咨询培训公司。它为我们分享了247条Web可用性设计的指导方针，并把它们清晰的分为六个大类：首页可用性设计、任务导向、导航和信息架构、表单和数据输入、可信度、写作和内容质量、页面布局和视觉设计、搜索可用性、帮助反馈和容错。如Userfocus所说，“虽然易用性系统的设计远不止应用一些简单的指导方针，但是它们却可以为获取稳定性和好的实践提 Mon, 20 Jul 2009 09:54:32 +0800 http://www.aoaob.com/Article_3425.html <a href="http://www.aoaob.com/Article_3425.html"><img src="http://www.aoaob.com/img/image/2009-7/09071310100331478_s320.gif" border="0" /></a><br /> 在国外优秀的设计网站中，开始流行一种这样的Web创意设计风格：整站由一个单一页面组成，通过设置锚点的方式，利用JavaScript技术，实现网站内容的滑动导航。这种创意十足的Web设计效果，可以很大程度上给人一种流畅华丽的动画震撼，沉醉于其美妙的操作设计的同时，更为网站设计者的构造灵感而折服，这里就为你搜集了10个创意大导航单页面网站设计。 WeBleedDesign Gavin Mon, 13 Jul 2009 10:10:05 +0800 http://www.aoaob.com/Article_3423.html 最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然：我原以为CSS 布局的意义早已深入人心，却没想到还有这么多设计师及开发人员持有异议。 静下心来看罢大家的讨论，一番细想，觉得原因可能有两个方面： 一方面，IE6阴魂不散，让Web开发成本居高不下。网上曾经有一个统计，数据显示Web开发人员针对IE6的投入/产出比是最低的。相信大多数前端工程师都有被IE6折磨得咬 Fri, 3 Jul 2009 12:45:45 +0800 http://www.aoaob.com/Article_3422.html hResume是发布简历和个人简历的微格式。 主要是用于发布简历和个人简历hResume格式是基于一套共同的众多领域恢复今日公布在网站上。 在可能的情况下字段名称已选定，并从原有微格式重复使用。实现hResume的方式，简单的来说就是把微格式中的Hcard、hCalendar、hReview、XFN高级综合应用. hResumes的创作：必须填写的格式：hCard 语义的XHTML设计原则 Fri, 3 Jul 2009 12:45:43 +0800 http://www.aoaob.com/Article_3421.html 微软在今年六月正式发布了Live搜索的继承者Bing，同时也提供了一套非常全面的API。如同Google API，通过使用Bing API，Web开发者可以在网站中集成bing搜索中的各种服务，从而丰富网站功能，并为网站带来流量。CSS9.NET在本篇文章通过一个完整的使用示例，向大家展示如何使用jQuery来调用Bing API实现简单的Web搜索引擎，并对Bing API有一个基本的了解。 Fri, 3 Jul 2009 12:45:39 +0800 http://www.aoaob.com/Article_3420.html 游标（Cursor）是处理数据的一种方法，为了查看或者处理结果集中的数据，游标提供了在结果集中一次以行或者多行前进或向后浏览数据的能力。我们可以把游标当作一个指针，它可以指定结果中的任何位置，然后允许用户对指定位置的数据进行处理。 1.游标的组成 游标包含两个部分：一个是游标结果集、一个是游标位置。 游标结果集：定义该游标得SELECT语句返回的行的集合。游标位置：指向这个结果集某一行的 Fri, 3 Jul 2009 12:45:38 +0800 http://www.aoaob.com/Article_3419.html FlashCs4在界面上与其上一个版本cs3总体来说并没有特别大的区别,在工具菜单中添加了3d工具deco工具骨骼工具.针对mc添加了一个动画编辑器. 脚本语言没有变化. 主要针对新版本中的3d功能以及骨骼工具做了相对的试用下面是具体的示例. 一、3d工具的使用以实例 cs4没有3dmax等3d软件强大的建模工具,但是在cs4中提供了一个z轴的概念,那么在flash这个开发环境下就从原来的 Fri, 3 Jul 2009 12:45:35 +0800 http://www.aoaob.com/Article_3418.html <a href="http://www.aoaob.com/Article_3418.html"><img src="http://www.aoaob.com/img/image/2009-7/09070312452932170_s320.jpg" border="0" /></a><br /> 什么是品牌的视觉传达 品牌，这个熟悉而又陌生的名词，有时总会让人产生误解。品牌很广，广到一个意会颇深的战略发展理念；品牌很小，小到一个清晰可见的图形符号。关于品牌，这里就不详细介绍了。要提到的是一套服务于品牌推广的手段CI系统（Corporate Identity System），即企业形象识别系统应运而生。CI系统是由理念识别（Mind Identify 简称MI）、行为识别（Beha Fri, 3 Jul 2009 12:45:31 +0800 http://www.aoaob.com/Article_3417.html <a href="http://www.aoaob.com/Article_3417.html"><img src="http://www.aoaob.com/img/image/2009-6/09062411472637642_s320.jpg" border="0" /></a><br /> [Dianae+kerembeyit]插画精选集开始5张P非出自以上两位作者.Dianae:http://dianae.deviantart.com/Kerembeyit:http://kerembeyit.deviantart.com/ 原图尺寸：900x1175 原图尺寸：800x1060 原图尺寸：1600x1200 原图尺寸：900 Wed, 24 Jun 2009 11:47:49 +0800 http://www.aoaob.com/Article_3416.html 随着公司业务的增加，需求变的越来越多，团队也因此在不断的扩大，我们经常会遇到几个人协同工作来完成同一件作品或者维护修改别人作品的时候，那么是什么最让你最感到困扰呢？我们在实现一个表现复杂的页面的同时，CSS文件就会比较繁琐，众多的选择符、属性让人眼花缭乱，那么如何更快的定位、如何更高效的编写样式呢？CSS的书写被很多人所忽略。关于书写风格，翻看了一些知名网站的作品，发现横向连排几乎成为各大产品 Tue, 23 Jun 2009 10:17:01 +0800 http://www.aoaob.com/Article_3415.html 2009年3月20日，微软向全球发布了Windows Internet Explorer 8(IE8)正式版，成为人们关注的焦点。IE8迄今最符合标准的版本，它完全支持级联样式表 (CSS) 级别 2.1，并加强了对 CSS 3、HTML 4.01 的支持，也能很好地支持 HTML 5。由于改进了对这些 HTML 元素的支持，Web 开发人员现在可以构建更具表现力和可访问的 HTML 标记。本 Tue, 23 Jun 2009 10:16:58 +0800 http://www.aoaob.com/Article_3414.html <a href="http://www.aoaob.com/Article_3414.html"><img src="http://www.aoaob.com/img/image/2009-6/09062310165211804_s320.jpg" border="0" /></a><br />原文：用CSS3将你的设计带入下个高度译自：Take Your Design To The Next Level With CSS3版权所有，转载请注明出处，多谢！！ 级联样式表在13年前被引入，而且被广泛使用的CSS 2.1 标准在11年前被创建，显然我们现在已经与当年相差千里了。相当了不起的是期间网站开发有了多少进步——事实上，我们也无法想象。 为什么会这样呢，当提到CSS的时候，过去我们 Tue, 23 Jun 2009 10:16:55 +0800 http://www.aoaob.com/Article_3413.html 在我的前一篇教程《九宫格基本布局》中，我介绍了用相对定位加绝对定位的方法来制作九宫格的基本布局。这是一种比较符合人们惯性思维的方法，好像制作过程中一切都是顺理成章的事情，然而因为IE6让人恶心的奇偶性BUG，使得这种布局方法要想通用变得有点遥不可及，因为国内大多数用户还是用着IE6，我们不能因此而丢掉这部分用户。 这个BUG目前是无药可治，也没有什么Hack技巧能运用，唯一能用的方式就是绕开 Tue, 23 Jun 2009 10:16:47 +0800 http://www.aoaob.com/Article_3412.html <a href="http://www.aoaob.com/Article_3412.html"><img src="http://www.aoaob.com/img/image/2009-6/09062310164246174_s320.jpg" border="0" /></a><br /> 图层样式可以说是Photoshop针对质感的专用工具了，在经过针对性的设置之后，所创造出的质感可以做到乱真的效果，它还可以隐藏某一或全部效果，可以储存、拷贝，或粘贴到其他的文件中，Photoshop软件本身也自带了很多编辑好的样式，以便用户方便的使用,图层样式创造质感所适用的范围很广，一般为：光滑、粗擦，透明半透明，金属、塑料等材质物体，添加阴影，发光效果等很多效果。 首先制作出了珍珠的 Tue, 23 Jun 2009 10:16:45 +0800 http://www.aoaob.com/Article_3411.html <a href="http://www.aoaob.com/Article_3411.html"><img src="http://www.aoaob.com/img/image/2009-6/09062310162197744_s320.jpg" border="0" /></a><br /> 海报跟音乐本身的默契是从60年代到现在依然强劲的一个不变的传统。 如今，大多数的独立乐队都有着源源不断新的海报，但一旦演唱会结束，海报就会被扔掉，这实在令人难以置信。所以这些流落在外的音乐海报会被各地的音乐爱好者而收藏也不足为奇了。 下面是从众多充满想象力和创造力的海报中精选的50幅作品，确实很值得收藏。 Rilo Kiley Designer: Lure Design Inc Tue, 23 Jun 2009 10:16:40 +0800 http://www.aoaob.com/Article_3410.html <a href="http://www.aoaob.com/Article_3410.html"><img src="http://www.aoaob.com/img/image/2009-6/09061110031455671_s320.jpg" border="0" /></a><br /> 1. Watercolor Brushes Sunrise Design How To » Free Hi-Res Watercolor Photoshop Brushes How To » Free Hi-Res Watercolor Photoshop Brushes Set II How To » Free Photoshop Brushes: 40 Splatte Thu, 11 Jun 2009 10:03:29 +0800 http://www.aoaob.com/Article_3409.html <a href="http://www.aoaob.com/Article_3409.html"><img src="http://www.aoaob.com/img/image/2009-6/09060610115766718_s320.jpg" border="0" /></a><br /> Transformers 2: Revenge of the Fallen Movie Wallpaper Indiana Jones Poster Pirates of the Caribbean Poster Iron Man View Interface Effect X-MEN Movie Poster Sin City Effect Lord O Sat, 6 Jun 2009 10:11:57 +0800 http://www.aoaob.com/Article_3408.html <a href="http://www.aoaob.com/Article_3408.html"><img src="http://www.aoaob.com/img/image/2009-6/09060610050152706_s320.jpg" border="0" /></a><br /> K4 Laboratory Esteban Muñoz Studio IMG Espuma Restaurant Agami Creative Biola Undergrad Kusoyama XM Radio - Wild Ride WeFail Web Designer Wall Dean Oakley Web Design Sat, 6 Jun 2009 10:05:06 +0800 http://www.aoaob.com/Article_3407.html <a href="http://www.aoaob.com/Article_3407.html"><img src="http://www.aoaob.com/img/image/2009-6/09060609494016161_s320.jpg" border="0" /></a><br /> 1). Feed Stitch 2). Tolingo 3). Snoop Media 4). Nine Lion Design 5). 45royale 6). Nathan Sanders 7). PRville 09 8). Let It Bleed 9). Michal Jarosz 10). Khaki Creative 1 Sat, 6 Jun 2009 09:49:54 +0800 http://www.aoaob.com/Article_3406.html 参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 操作系统：Windows 特别提示：这不是表格的模拟。表格无论在语义、结构，还是在效果实现上，都是无法替代的。本文只针对无序列表在外观方面的一个特殊需求 别看有的东东长得个表格样，其实是披着表格皮的无序列表，为了伟大的语义，我们需要用css实现表格外观的无序列表。 个人 Thu, 4 Jun 2009 08:23:58 +0800 http://www.aoaob.com/Article_3405.html <a href="http://www.aoaob.com/Article_3405.html"><img src="http://www.aoaob.com/img/image/2009-6/09060408235510760_s320.jpg" border="0" /></a><br /> 英文原文来自Smashing Magazine。由笨活儿翻译。转载请注明出处。 正则表达式(Regular Expression, abbr. regex) 功能强大，能够用于在一大串字符里找到所需信息。它利用约定俗成的字符结构表达式来发生作用。不幸的是，简单的正则表达式对于一些高级运用，功能远远不够。若要进行筛选的结构比较复杂，你可能就需要用到高级正则表达式。 本文为您介绍正则表达式的高 Thu, 4 Jun 2009 08:23:55 +0800 http://www.aoaob.com/Article_3404.html <a href="http://www.aoaob.com/Article_3404.html"><img src="http://www.aoaob.com/img/image/2009-6/09060211454584353_s320.jpg" border="0" /></a><br /> 些网站设计，如同迷一样华丽，这里的华丽不单单是赞扬她们的画面表现，还有创意、互动等等。这里的网页不再是像淘汰的电话簿，呆板和麻木，进度条也不再是像插热水里的温度计显示。查看这些网页，我们的动作不仅仅是打开与关闭，还有探索。 这里整理了9个符合类似描述的网站Web设计，各有不同的特色，总会在第一时间抓住你的眼球，给你不一样的操作体验，不一样的视觉享受。 1. Rolando M&amp;e Tue, 2 Jun 2009 11:45:51 +0800 http://www.aoaob.com/Article_3403.html <a href="http://www.aoaob.com/Article_3403.html"><img src="http://www.aoaob.com/img/image/2009-6/09060211413664842_s320.jpg" border="0" /></a><br /> 我们在设计网站的时候，有的时候需要根据页面元素的属性来制作不同的样式，比如，对于不同的链接类型，显示不同的链接图标。CSS的选择器是个很有用的技术，通过它们，我们可以很容易的实现某些效果。今天我们通过制作个性化链接样式来介绍一下CSS的属性选择器。 先看一下演示吧： 正如上图中看到的那样，我们为每种链接定义了不同的样式：当链接a的href属性的值为"mailto"邮件链接的时候，在 Tue, 2 Jun 2009 11:41:37 +0800 http://www.aoaob.com/Article_3402.html <a href="http://www.aoaob.com/Article_3402.html"><img src="http://www.aoaob.com/img/image/2009-6/09060211084851792_s320.jpg" border="0" /></a><br /> 作者：薛欣 一岁左右的孩子大多已经会走了，但还属于脚下没“根儿”，如没有家长的“贴身保护”，随时都有摔倒的危险。家长紧随当然应该，但却给摄影带来了一些问题。拍摄儿童时要照顾光线、表情、动作、角度等诸多问题，还要让镜头避开家长就很难。常见的情况是把家长的身体局部拍进画面，影响作品的美感，如图1所示。而图2是经过处理后的照片。 图1 图2 我们首先分析一下这张图片，找出修饰的思路 Tue, 2 Jun 2009 11:08:51 +0800 http://www.aoaob.com/Article_3401.html <a href="http://www.aoaob.com/Article_3401.html"><img src="http://www.aoaob.com/img/image/2009-5/09053111280210524_s320.jpg" border="0" /></a><br /> 标志是一种图形元素，连同其标识（一个独特的设置和安排字体）形式的商标或商业品牌。通常情况下，标志的设计是立即承认。标志是一个方面，公司的商业品牌，或经济或学术实体，其形状，颜色，字体和图像通常不同于其他类似的市场。标识也被用来确定组织和其他非商业实体。 这些类型的企业的身份往往是发达国家的大公司谁专门从事这类工作。然而，如果您想节省一些钱，并希望您的标志，然后设计有许多来源获得标志设计灵感。 Sun, 31 May 2009 11:28:07 +0800 http://www.aoaob.com/Article_3400.html <a href="http://www.aoaob.com/Article_3400.html"><img src="http://www.aoaob.com/img/image/2009-5/09053111184012961_s320.jpg" border="0" /></a><br /> 2- 85 Beautiful Free Wordpress Themes 3-49 Most Downloaded Wordpress Themes 4- 30 Grid Style Wordpress Themes 5- 20 More Free First-Class Wordpress Themes 6- 45+ Free Premium WordPress Sun, 31 May 2009 11:18:41 +0800 http://www.aoaob.com/Article_3399.html <a href="http://www.aoaob.com/Article_3399.html"><img src="http://www.aoaob.com/img/image/2009-5/09053111062155767_s320.jpg" border="0" /></a><br /> 随着iPhone和iPod Touch的日益普及，估计很多朋友开始寻找它们专用的壁纸。本文向大家推荐一些iPhone和iPod Touch专用壁纸，分辨率均为标准320×480，包括抽象艺术风格、科幻及人物等系列，都是精品之作，希望大家喜欢。（直接保存图片即可下载） Sun, 31 May 2009 11:06:27 +0800 http://www.aoaob.com/Article_3398.html 在 Facebook 上有一个彩蛋： 登录 facebook.com ，点击你首页的任何地方，键盘输入 Up, Up, Down, Down, Left, Right, Left, Right, B, A, Enter 后，再点击页面或滚动一下滚动条，你会发现特殊的变化（如下图），嘿嘿 ^^ 玩过“魂斗罗”的朋友，肯定一眼就能看出输入的字符原来就是“魂斗罗”中的“秘技”。其实“秘技 Sun, 31 May 2009 10:11:08 +0800 http://www.aoaob.com/Article_3397.html 最近对微格式进行了一些学习，在学习过程中收获不少。在此分享下，欢迎交流！微型格式的优点： 语义化的HTML和CSS类名称来标记共同内容。 使机器可以阅读和理解可能只有人类可理解的数据，一系列的标准化方法。 微格式允许网站上的内容轻易地与其他应用对接，从而提高信息的使用率。 hCalendar微格式基本规则： 属性和子属性通过class来描述。 特定的hCalendar Sun, 31 May 2009 10:11:06 +0800 http://www.aoaob.com/Article_3396.html 很久没写blog，太忙了。没什么时间写复杂的东西，重新把颜色渐变效果写一遍。关于颜色的效果一般就两个，颜色梯度变化和样式的颜色渐变，前者在ie中一般用滤镜实现。 实例效果 预览效果1： 这是一个颜色梯度变化演示： 运行代码框&lt;!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o Sun, 31 May 2009 10:11:02 +0800