其他

 密碼強度提示是最近流行的一個功能，但是99%的案例都忽略了檢測機制。 基本上都是把字元分成四類：數字、小寫英文、大寫英文、符號，然後按照組合複雜度來直接判斷強弱程度： 單一，是弱密碼。兩兩組合，是中密碼。超過兩種組合，是強密碼。事實上是這樣嗎？這隻是在最理想情況下，應付窮舉的機械方案，根本沒有對應使用者的心理模型（就是以使用者為中心），可以說毫無用處，Live註冊表單就是此類案例的典型，居然說“#%^&**(”是弱密碼，你記住試試！

 　　許多網站設計者最常犯的錯誤便是當其網頁能夠在IE下正常顯示便認為其代碼正確無誤，甚至常看到有人在抱怨其網站排名不理想，到其網站簡單看一下便可發現HTML代碼中充斥各種各樣的錯誤，在那樣的代碼基礎上無論付出多少努力去最佳化網站結果都可能是付諸流水的啊! 　　事實上，IE是一款對HTML代碼容錯能力甚高的的瀏覽器，——說句題外話，儘管我們可以有各式各樣的理由可以攻擊微軟，但微軟對其產品操作的易手性及可用性方面所做的努力是不容抹殺的。—&m

 　　什麼是XHTML　　XHTML是The Extensible HyperText Markup Language(可擴充標識語言)的縮寫。HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言，看起來與HTML有些相象，只有一些小的但重要的區別，XHTML就是一個扮演著類似HTML的角色的XML，所以，本質上說，XHTML是一個過渡技術，結合了部分XML的強大功能及大多數HTML的簡單特性。　　2000年底，國際W3C組織(World Wide Web

 　　html, address,　　blockquote,　　body, dd, div,　　dl, dt, fieldset, form,　　frame, frameset,　　h1, h2, h3, h4,　　h5, h6, noframes,　　ol, p, ul, center,　　dir, hr, menu, pre { display: block }　　li { display: list-item }　　head { display: none }　　table {

在水平方向上，可以設定表格的對齊，分別有居左、置中、居右3種。基本文法     <TABLE ALIGN="LEFT">      <TABLE ALIGN="CENTER">     <TABLE

 　　1、H1應該用於文章的標題上　　2、H1應該用於網站的標題上　　相信大多數人都偏向第一種方式：用於文章標題上，從文章的角度上看，使用者進到內容頁裡，想看到的當然就是文章的內容，文章標題理所當然是最重要的、最應該突出的。　　OK，以上是在文章的角度看的，如果在頁面的角度看呢?　　頁面中除了文章內容、由內容引伸出來的連結外，還有導行、廣告、搜尋等跟文章內容無直接關係的內容。在頁面中，文章只是其中的一個組成部分，從語義的角度來講，一個頁面中只有一個大標題(H1)，用於概括頁面的內容(包

 XHTML定義了三種檔案類型聲明。最普遍使用的是XHTML Transitional。 <!DOCTYPE>是強制使用的。一個XHTML文檔有三個主要的部分：DOCTYPE Head Body 基本的文檔結構是這樣的：<!DOCTYPE ...><html><head><title>... </title></head><body> ... <

策劃設計網站建設應該注意的原則一、保持網頁的樸素 一個好的網站最重要的一點就是介面的簡單、樸素。你聽說過“KISS”法則嗎？“Keep It Simple Silly.”適用於所有的網站。製作者們很容易掉入這樣一個陷阱，即把所有可能用到的網頁技巧，例如：架構、表格、字型、GIF動畫等等都用上，這當然是好的，但如果多了的話就會讓你的訪問者眼花繚亂，不知所措，也不會給他們留下很深的印象。

設計與開發之間本有一線界限，但當時代步入又一個十年，這個線變得更加模糊甚至感覺不到它的存在。使用PS設計網頁版面，足矣？或許五年前是吧！現在的互連網使用者要求越來越多。沒有內涵的華麗很快就會被丟棄。如果你追求華而不實的設計，那麼相信你很快會被時代遺棄。2011年不再屬於單純的華麗而是注重功能。新的一年或者未來十年的設計趨勢是響應設計（responsive design）、持續聯絡（constant connection）和虛擬現實（virtual

使用960柵格系統設計簡潔網站教程我們將學習如何使用960柵格系統設計網站介面。該柵格系統會最佳化網站設計流程。最終效果預覽1.建立文檔參數：寬1680px、高1100px，背景亮灰色（#F9F9F9）2.添加網格網上有很多柵格系統可供下載，是我們建立屬於自己的柵格系統最好的參考。如果你以前沒有使用過柵格系統，本文就是簡單的入門。它讓你的工作變得輕鬆而有章可循，是原型布局最得力的助手。下載960柵格系統，地址http://960.gs/下載完成後，來到“templates&rdquo

IT時報 尤歆飛網購市場日益火爆，各類網店雨後春筍般湧現。為了在日趨激烈的競爭中脫穎而出，網店掌柜們紛紛妝點門面，以奪人眼球。於是，網店裝修逐漸走俏起來。雖然無需日晒雨淋，只要輕點滑鼠，但是這個行業競爭相當激烈，網店裝修師並不像外界所稱的那樣“輕點滑鼠、年賺10萬”。競爭激烈

 目前，越來越多的傳統企業開始從開淘寶店開始試水來做電子商務，促使淘寶店數量急劇上升，剛剛查詢了一下，淘寶店鋪已經超過365萬個。用於店鋪越來越多，競爭自然越來越激烈，一個企業如何才能通過淘寶把自己的產品瘋狂的賣出去呢？傳統開淘寶店路子如下：1、註冊淘寶店鋪2、裝修淘寶店鋪3、進行推廣促銷4、積累店鋪信譽5、逐步提升銷售這是傳統思路下去開展，成功之路是非常漫長的，殘酷的，渺茫的，因為淘寶賣家已經有三百多萬，並且每天都還在瘋狂增長之中，與你同樣操作的競爭者不計其數，如同千軍萬馬過獨木橋，

Google日前報價60億美元收購Groupon，這個搜尋巨頭的目的何在？商戶喜歡Groupon的什麼地方呢？Groupon是目前互連網領域最火熱的公司之一，這家團購網站每天都會提供給使用者來自本地商戶的最低折扣商品。它的運作方式在於，Groupon聯絡本地商戶，然後承諾如果商戶提供低折扣的商品或服務的話，將為這些商戶帶來大量的客戶。例如，Groupon會向使用者提供50%的用餐優惠券，但是要求參團人數達到1000人，這就會鼓勵人們分享這個團購的訊息，並讓身邊的朋友也參與其中，從而為Groupo

作為Web開發人員，對自己的行業前景，人人都有自己的看法，然而，任何行業都有出人意料的地方。著名的Web開發設計部落格noupe.com曾向他們的讀者做了一個調查，請他們列舉Web開發領域那些讓他們感到意外的事情，收到了各種各樣的反饋，本文就是這次調查的結果與分析。一個真正的符合Web標準的IE這個訊息讓我們振奮，在經過9個版本更替後，我們終於看到了（或者說即將看到）一個真正符合Web標準的IE瀏覽器。在Web開發設計界，人們對IE的忍耐到達了極限，最終，很多人宣布不再支援IE的某些版本，IE9

你是否曾為表單設計感到過沮喪或不知所措呢？接下來三篇文章，希望能徹底改變你的看法，真正愛上Web表單設計。首先感謝Luke Wroblewski的協助，讓我有機會細心品味設計表單的樂趣。總體來說，Web表單主宰著結算、註冊和資料輸入。每天eBay、Taobao上的大量物品主要通過出售物品（Sell Your Item）表單售出；MySpace、Facebook等超過幾億的使用者都是通過Web表單加入網站社區的；YouTube、Youku通過上傳視頻（Upload Your

當我們在沒有資料，沒有時間去瞭解具體情況，沒有多餘的精力和資金做各種測試，在構思階段想要驗證自己想法的時候，如何用最快速的方法發現有問題的設計並把他扼殺在搖籃中？接下來的內容應該對你有所協助。我寫本文前，我希望大家能夠明白不好的設計是有多種原因造成的，我寫這篇文章的目的是想探討下如何快速的鑒別出不好的設計，並避免這樣的設計發生在自己身上。但有時候明知道是不好的設計卻還是發生在自己身上了——原因你懂的。下面說正題：我拿來舉例子的這一家網站算是比較著名的威客網站，就是發布任務

 代碼如下:<div style="width:1000px;margin:0 auto;"> <div style="background-color:red; text-align:left;"> 區塊1 </div> <div style="background-color:yellow;"> 區塊2 </div> </div> 在IE9

今天這篇文章向大家分享幾份對學習CSS3非常有協助的手冊，大家記得收藏起來。CSS3是對CSS 規範的一個很大的改善和增強，它使得Web開發人員可以很容易的在網站中加入時尚的效果。以前很多需要編寫JavaScript才能實現的效果，如今只需 要簡單的寫幾句CSS3代碼就能實現。CSS3 Click Chart示範 CSS3 特性的範例程式碼以及瀏覽器支援情況的詳細資料。HTML5 & CSS3 Support五大主流瀏覽器對 HTML5 和 CSS3 支援特性一覽表，值得收藏！CSS3

CSS3新增添了實現動畫效果的新功能，通過本文，你可以對這些新功能有個初步瞭解。本文將為大家帶來一些充滿創意的菜單懸停效果。它由表徵圖，主標 題，副標題等簡單的元素構成，通過CSS3最新的過渡（transition）和動畫（animation）兩個功能實現滑鼠移至上方時的動畫效果。我們用同 樣的元素做出了9種不同的效果。示範 下載樣本中所用的表徵圖實際上是一種網路符號字型，包含在@font-face。這種字型是有Just Be

高度相等列在Web頁面設計中永遠是一個網頁設計師的需求。如果所有列都有相同的背景色，高度相等還是不相等都無關緊要，因為你只要在這些列的父元素中設定一個背景色就可以了。但是，如果一個或多個列需要單獨設定自己的背景色，那麼它的視覺完整性的設計就顯得非常重要了。大家都知道當初Table實現等高列布局是多麼的簡單，但是我們使用CSS來建立等高列布局並非是那麼容易的事情。如果一個設計是固定寬度（非流體的寬度設計），那麼實現多列等高效果是相當的容易。最好的技術就是使用Dan Cederholm的Faux