与你相遇在夏季 www.springer.cn

易趣网视觉规范PPT：
http://tt3g.net/blog/wp-content/ … hnet-guidelines.rar

阿里巴巴（中国）用户界面指南：
http://www.ahfqw.com/30web/ali

QQ迷你屋视觉规范：http://www.tt3g.net/blog/wp-cont … orld-guidelines.doc

Windows User Experience Interaction Guidelines：http://msdn.microsoft.com/en-us/library/aa511258.aspx

用DW8.02插入FLASH就不会有边框的DW8.02http://download.macromedia.com/p … 8_802_update_cn.exe方法2（强烈推荐）：国外有针对更新的JS版解决方案: 程序代码
This text is replaced by the Flash movie.
var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699"); so.write("flashcontent");这种方法是在网页中放一个DIV层之后在层中重新置入SWF文件各参数分别为: SWF文件名 实例名 宽 高 版本 背景色说明文件中还有其他更多的属性相关的用法如果FLASH正常显示层中本来的文字用户基本看不到如果由于FLASH PLAYER版本过低导致FLASH文件不能播放的话文字就会显现可以在其中加入GETPLAYER的地址也可以加入你想加入的东西更可以用来当做FLASH文件的文字描述(用于被搜索引索收录)一举多得可以参见http://www.windows.com正是用的这个解决办法JS文件的下载: 点击下载此文件这个是ADOBE上的解决方案:演示动画:http://www.adobe.com/devnet/activecontent/articles/javascript_solution2.html地址:http://www.adobe.com/devnet/activecontent/articles/before_after.html方法3：1.（推荐）安装kb917425 ie兼容性修补程序，它恢复了4月安全更新 (kb912812) 中包含的 ie active x 更新行为。遇到兼容性问题的客户以及受ie activex更新影响的网站和程序的客户应该使用此修补程序。此修补程序是临时的，并且仅适用于 kb912812.此 ie 兼容性修补程序不可用于将来的安全更新.安装该项之后,您可能需要重新启动计算机.文件名： windowsxp-kb917425-x86-chs.exe版本： 917425知识库 (kb) 文章： kb917425 发布日期： 2006/4/11语言： 简体中文下载大小： [...]

方法1
div.RoundedCorner{background: #9BD1FA}b.rtop, b.rbottom{display:block;background: #FFF}b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}b.r1{margin: 0 5px}b.r2{margin: 0 3px}b.r3{margin: 0 2px}b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

无图片实现圆角矩形
方法2
.spiffy{ display:block;} .spiffy *{ display:block;height:1px;overflow:hidden;background:#0a67e6;} .spiffy1{ border-right:1px solid #95bdf4;padding-right:1px;margin-right:3px;border-left:1px solid #95bdf4;padding-left:1px;margin-left:3px;background:#478dec;} .spiffy2{ border-right:1px solid #e6effc;border-left:1px solid #e6effc;padding:0px 1px;background:#3883ea;margin:0px 1px;} .spiffy3{ border-right:1px solid #3883ea;border-left:1px solid #3883ea;margin:0px 1px;} .spiffy4{ border-right:1px solid #95bdf4;border-left:1px solid #95bdf4;} .spiffy5{ [...]

Ajallerix : AJAX, simple, fast Web image gallery demo ; at Novell
AJAX - microlink pattern tutorial : A microlink is a link that opens up content below it.
Ajax BBC News RSS Reader : demo by Nigel Crawley
AJAX Chat in Python with Dojo : at AquaAjax
Ajax Chess : multiplayer chess
Ajax examples [...]

网页的个性化是指网页根据用户直接提供的，或从用户间接获得的信息调整自己的内容表达方式，以满足各个用户不同的需求。*个性化网站模式举例：这里可以给大家举例4个模式：第一个模式：一些大型社区或者BLOG 为用户的个人主页或者个人BLOG 提供内容布局自主；第二个模式：去过当当网这样的网站你应该会记得，你访问过哪些产品，购买这个产品的还看过哪些产品；第三种模式：一些网上商城，在用户购物即将结帐的时候，网页根据用户购物筐里面的商品内容，自动推荐相关的其他产品；第四种模式：就是个性化定制了，这个大家用过的无数。好了，刚才说了个性化的概念，也举例说明。应该有个了解了吧？成功使用个性化网站功能可以给用户带来亲切感，而且方便，也就是用户体验。还可以提高用户的使用效率，从而增加网站的网站收入。但是做用户体验是要投入的，比如技术投入。你要开发属于自己的个性化功能，抄袭恐怕不合适。另外，真正的用户个性化往往需要设计、开发、维护一个完整的个人化数据管理系统。*网站在选择个性化是要注意哪些条件： 一个网站在选择是否要上个性化功能的时候，其实现在很多网站有个通病，觉得哪种时髦就上哪种，这个是错误的。其实有很多东西需要注意，我整理了一下： 1）网站有相当大数量的用户经常重复使用此网站：这个是基础条件，一个网站都没有用户流量，你投入搞个性化做什么？你对谁个性呢？2）网站的信息量远大于单一用户所需要的信息量；3）网站信息的板块相对稳定：板块都不先稳定，网站自身天天改变，乱的不仅仅是你，还有用户；4）用户使用网站时所感兴趣的内容有明显不同的倾向：网站任何一个设计都不能同时最大程度满足所有兴趣倾向的需求，这时候就产生用户需求了，你就要通过跟踪调查的用户习惯，细分个性化功能。5）不同用户群体使用网站时的兴趣倾向相对稳定； 6）相对多的用户在每次使用网站时要进行同样的繁琐的操作以得到自己感兴趣的信息7）用户愿意将个性化要求的信息提供给网站的拥有者：现在有很多交友网站在这么强求用户，手记必填、地址必填等等，会索要大量的用户资料，然后用户才能个性化。那么，如果你网站黏性不够，损失的只有网站。网民选择性很强。这个大家是要注意的，不要妄想你觉得这个个性化好，就放上去。如果用户不甩你，就白搭。8）很多用户提出了个人化的要求或期望：这个不用解释了，就看你怎么给用户留通道，你能听到他们的声音了。9）用户进行个性化设置需要投入的时间和精力与其得到的利益成比例：这个理解？你要站在用户的角度去想。 10）网站拥有者支持个性化的资源投入，认为可以获得更高的利益产出：不赚钱的东西咱不做。当然这个赚钱不是说直接来源，还可以是间接的。如果你的投入产出比失调，你要负责任。这10点是一个网站在考虑其功能是否支持个性化的一些可能必须的条件。*设计个性化之前要注意什么：今天第二个大点是说在设计个性化之前要注意什么，下面我花几分钟说一下，在个性化过程中要注意哪些问题：1）个人化设置简洁明了：比如你BLOG系统允许他自动设置的，无论是界面还是功能。于是他搞来搞去，最后头都晕了。又回不去，坐那里哭。所以简洁明了也是用户体验。2）提供个人化的网页和非个人化网页的区别暗示：这点是个细节，要暗示的合理，不要喧宾夺主。建议多参考一些这方面做得比较好的WEB2.0站点。3）不要过于自信的推理用户的喜好，这个是做网站的通病。4）在个性化过程中要注意的最后一点：保护个人信息的隐私权。 总结一下：网站架构要清晰、操作要人性化、界面要简洁明了、功能要实用、操作要简单。]]>

作者：John Gallant , Holly Bergevin 翻译：w3cpro.cn 原文地址：http://www.communitymx.com/content/article.cfm?cid=1C603 翻译地址：http://www.w3cpro.cn/article/xhtmlcss/124.html1现在IE7已经推出一段时间并且渗透到用户当中，不用等太久我们就可以在页面上使用更高级的CSS。两个最有用的项目将是 Child子和Adjacent Sibling相邻兄弟选择符。现在已是时候使用它们制作网页，并且更深入研究它们。注意，选择器包括现行的符号，“>”,“+”和空格（后代选择符），涉及到子选择器，相邻兄弟选择器，后代选择器，统称为选择符。一个较好的方法在我们研究选择符之前，弄清楚他们的不同和为什么它们是好东西的原因是个不错的主意。原因很简单，它减少网页的“class-itis”弊病。主要原因就是“class-itis”在目前网页中非常普遍，直到现在，我们拥有了为建立配合CSS选择器而存在而且支持完美的后代选择符，即两个选择器之间空格。当使用后代选择符，右边的一个元素选择器是被选择的，不管左边的元素选择器标签有几个。举例，p a{color:red;}，意思是段落里面的所有链接都是红色。这非常有用，也是一类相当广泛的选择组合。代表性的class-itis的级数像下面一样。首先，你使用一个非常好的干净的html结构运用简单的CSS样式构建标题、段落等等。然后有人告诉你每个div块第一段里文本颜色需要红色。你不能仅改变目标段落的样式，因为那可能影响全部，所以你被迫命名一个特殊class应用在第一段。于是数十次相同的要求在后面继续，结果就形成了class-itis现象。为什么说这样是糟糕有害的？因为这和font标签比起来没什么区别。当然，classes允许无穷的花样，但是紧随其后就是无穷的混乱，或可能更快胜于随后。举个例子，假设你已经给所有第一段加上class属性，而且一切都好。现在你被告知，首两段需要样式，不仅是第一个。为使用正确class完成目的，你必须确信第二段的每个都有专用的class。最后，这样的习惯导致源代码里到处都是class，感觉像新旧两个样式在打斗冲突，让人头痛。如果我们只针对CSS讲这样未必不好，实际上“运用下列样式到每个div块第一段和第二段里面。”这样的情况发生了，最新的CSS选择符允许我们耍点小聪明就可办到。回顾复习下让我们复习一些术语。W3C CSS2.1 规范解释了选择器（selectors）和选择（combinators）：“一个选择器是用选择符连接起来的一个或更多的选择器。选择符包括：空格，‘>’和‘+’。空格可能出现在一个选择符和简单的选择器之间。”一个简单的选择器可以是一种类型选择器或是通用选择器跟随零或者更多属性选择器，ID选择器或者伪类，在任何顺序。第一个支持的选择符（也经常被称作选择器，这是唯一正确的部分）是子选择符。在简单的选择器之间指定“>”符号。一个简单的例子，#leftcol>p{color:blue;}，意思是#leftcol下面所有子段落文本颜色是蓝色。但是如果#leftcol有一个DIV，而且DIV还有一个段落，#left>p选择器不会使这个段落里的文本变成蓝色，因为子选择符，不像频繁使用的后代选择符，只选择直接的孩子，不是“>”符号的左边元素任何深度的嵌套后代。另外一个新支持的选择符将是相邻选择符，使用"+"符号。子选择符可以指向另外一个元素的子部，相邻选择符可以指向跟随的元素，但与前面的元素独立。例子，h2+p {color:blue;}，跟随h2元素后面段落的文本颜色为蓝色。现在你明白选择符怎么工作，我们开始研究复杂联合元素，看看我们能不能不使用class达到目的。2使用选择符我们从简单但充分复杂的html结构开始：First DIV Paragraph One - link A link B Second DIV Paragraph Two - [...]

No matter how short your hair is, it’s always fun to try new styles. For summer, you want ideas that are quick, easy to achieve, melt-proof and sexy. We asked New York City stylist Kim Lepine what she tells clients at her Madison Avenue salon. First, she says, get a haircut, even if it’s just a trim. “You don’t want to begin the summer with split ends,” she notes. Then, try out these styling ideas:

Work with your curl. If you have texture or curl in your hair, it’s beautiful, sexy and modern to play that up, says Lepine. Use gel or styling pomade to accentuate individual curls. Short and long pieces can be flipped upward. And one or two hairs around your face can be pin-curled and pulled off the face with small barrettes.

—————第一步：我的第一步包含下面這些（大致說明一下，也歡迎大家分享自己的第一步） 我只是把我想得到的，頭一次商談要注意的貼出來 確認客戶是否真的需要網站： 我發現，有的客戶只是想要電子郵件，而不是網站。 所以必須先確定他是否真的需要網站。 我自己親自談還是業務幫我談： 親自談有時候甚至可以當下馬上改設計 業務幫我談就不一樣，因為話經過業務加油添醋，會不一樣 客戶有沒有自己的行銷企畫： 企畫書怎麼會交給設計師寫？設計師應該是提案給客戶選吧～ 客戶有沒有認真去思考「網站」就看他有沒有自己寫一份報告給老闆看過 難道是為了網站而網站 客戶有沒有特殊癖好： 網站風水學？無障礙網站？ 沒有先搞清楚這些特殊癖好，小心網站做好後才被削 客戶準備多少資料要做網站： 千萬不要相信客戶說「資料很多，很齊全」 因為網站上面要用的資料可不是那麼簡單 照片一定要，現有的型錄也跑不掉 涉及健康、生命安全的產品最好有政府檢驗過的報告 有爭議的網站內容最好別接（如吃下肚子，馬上瘦十公斤的廣告傳單） 公司簡介、部門組織、地圖、聯絡資料一樣都不能少 當客戶問起什麼資料要準備時＝還沒準備好要做網站 這些都沒有，等這些資料都做好了，再做網站吧！ 購物網站： 預算不夠的公司，不妨建議他去找PCHOME、YAHOO合作開店 預算更低的，先玩網路拍賣吧 購物網站不等於東西就能賣出去 東西賣不出去，就算有購物網站也一樣 東西賣得出去，就算沒有購物網站也能賣 網址註冊、主機、電子郵件： 客戶有沒有自己的網址？自己的主機？自己的電子郵件？ 這些都涉及到以後的網站設計好要放哪裡 展示我的作品： 作品是有風格差異的，不一樣的設計師做的就不一樣 難不成要幾米去畫火影忍者（能看嗎？） 風格不喜歡從客戶眼神及談話內容就能感覺到 不要隨口答應「沒問題，我能改到你滿意」 發現客戶要的不屬於自己的風格，可以介紹別的設計師 設計師應該把重心放在自己擅長的案子上 平均完稿時間有多久： 我所謂的完稿是指畫面排好，還沒做 HTML 只是用繪圖軟體先給客戶看排版，這段時間要花多久 報價： 第一步不報價，我通常只會說一個 RANGE 價格範圍 因為還沒有看到有多少資料要處理，不可能有正確的報價 報價高低的參考因素可以事先告知 如資料的處理量多寡、是否包含網址、空間主機、電子郵件等等 合約書： 可以先給對方看過，大家先對合約有認識 不一定要第一次就簽約，不過大家對合約有共識 [...]

步骤1：项目讨论在接到项目后首先需要开项目开发讨论会，讨论网站的栏目，开发方向，文字内容和图片等等。步骤2：激发灵感考虑网站结构，认识客户中心思想要体现的内容，按客户需求展开创意的灵感。步骤3：框架导航程序员和设计师具体讨论网站整体制作步骤4：项目计划项目大概工作量和所需的时间，写成项目计划书给客户看。步骤5：设计初稿设计师作最基本的设计工作，主页和主要分页。设计师作最基本的设计工作，主页和主要分页。步骤6：客户反馈客户对设计初稿提出建议。步骤7：重新设计跟据客户对设计初稿建议和项目需求，进行修改设计或重新设计。步骤8：客户满意经过：设计初稿-客户反馈-重新设计的过程，最后得到了客户的满意。步骤9：其它页设计最基本的设计同意, 您就能开始制作站点每个页的布局和设计。]]>

五枚金币
有个叫阿巴格的人生活在内蒙古草原上。有一次，年少的阿巴格和他爸爸在草原上迷了路，阿巴格又累又怕，到最后快走不动了。爸爸就从兜里掏出５枚硬币，把一枚硬币埋在草地里，把其余４枚放在阿巴格的手上，说：“人生有５枚金币，童年、少年、青年、中年、老年各有一枚，你现在才用了一枚，就是埋在草地里的那一枚，你不能把５枚都扔在草原里，你要一点点地用，每一次都用出不同来，这样才不枉人生一世。今天我们一定要走出草原，你将来也一定要走出草原。世界很大，人活着，就要多走些地方，多看看，不要让你的金币没有用就扔掉。”在父亲的鼓励下，那天阿巴格走出了草原。长大后，阿巴格离开了家乡，成了一名优秀的船长