搜索引擎蜘蛛工作原理搜索引擎蜘蛛是通過鏈接地址來尋找網(wǎng)頁的。網(wǎng)站優(yōu)化搜索引擎蜘蛛名稱隨搜索引擎的不同而不同。那它的原理是由一個起始鏈接開始抓取網(wǎng)頁內(nèi)容，同時也采集網(wǎng)頁上的鏈接，并將這些鏈接作為它下一步抓取的鏈接地址，如此循環(huán)，直到達到某個停止條件后才會停止。停止條件的設(shè)定通常是以時間或是數(shù)量為依據(jù)，可以通過鏈接的層數(shù)來限制網(wǎng)絡(luò)蜘蛛的爬取。同時頁面信息的重要性為客觀因素決定了蜘蛛對該網(wǎng)站頁面的檢索。站長工具中的搜索引擎蜘蛛模擬器其實它就是這個原理?；谶@蜘蛛工作原理，站長都會不自然的增加頁面關(guān)鍵詞出現(xiàn)次數(shù)，雖然對密度產(chǎn)生量的變化，但對蜘蛛而言并沒達到一定的變化。這在搜索引擎優(yōu)化過程中應(yīng)該要避免的。影響因素由國外37名優(yōu)秀的SEO界高手共同參與，以投票形式評論影響Google排名的重要因素，此次評選非常有價值，盡管沒有將200多個Google排名因素全部列出，但Google排名算法中90%-95%的重要成分已經(jīng)包含在其中了。正面因素排名 得分 分類 詳細說明1 關(guān)鍵詞（1）關(guān)鍵詞在網(wǎng)站TITLE上的使用（2）關(guān)鍵詞在網(wǎng)頁內(nèi)容上的應(yīng)用（3） 頁面內(nèi)容和關(guān)鍵詞的相關(guān)性（語義分析）（4） 關(guān)鍵詞在H1標簽中的使用（5） 關(guān)鍵詞在網(wǎng)站域名中的使用（6） 關(guān)鍵詞在頁面URL中的使用（7） 關(guān)鍵詞在H2、H3等Headline標簽中的使用（8） 圖片的關(guān)鍵詞優(yōu)化（9） 關(guān)鍵詞在Meta Description中的使用（10） 關(guān)鍵詞在Meta Keywords中的使用2 外部鏈接（1）外部鏈接的錨文字（2） 外部鏈接頁面本身的鏈接流行度（3） 外部鏈接頁面的主題性（4） 外部鏈接頁面在相關(guān)主題的網(wǎng)站社區(qū)中的鏈接流行度（5） 鏈接的年齡（6） 鏈接的周圍文字（7） 同域名下外部鏈接頁面的鏈接流行度（8） 外部鏈接的創(chuàng)建和更新時間（9）外部鏈接網(wǎng)站域名的特殊性（10） 外部鏈接網(wǎng)站的PR值3 網(wǎng)站品質(zhì)（1） 網(wǎng)站的外部鏈接流行度、廣泛度（2） 域名年齡（從被搜索引擎索引開始計算）（3） 網(wǎng)站的外部鏈接頁面內(nèi)容與關(guān)鍵詞的相關(guān)性（4）網(wǎng)站在主題相關(guān)的網(wǎng)站群中的鏈接流行度（5） 網(wǎng)站新外部鏈接產(chǎn)生的速率（6） 網(wǎng)站收錄數(shù)量（7） 用戶查詢的關(guān)鍵詞與網(wǎng)站主題的相關(guān)性（防止Google bombing）（8） 用戶行為（9） Google的人工授予權(quán)重（10） 域名的特殊性（.edu .gov等）（11） 新頁面產(chǎn)生的速率（12） 用戶搜索網(wǎng)站的次數(shù)（13） 網(wǎng)站是否通過Google Webmaster Central的認證4 頁面質(zhì)量（1）網(wǎng)站內(nèi)部鏈接結(jié)構(gòu)（2） 導(dǎo)出鏈接的質(zhì)量和相關(guān)性（3） 頁面的年齡（4） 頁面內(nèi)容的質(zhì)量（5） 網(wǎng)站的結(jié)構(gòu)層次（6） URL中“/”符號的出現(xiàn)次數(shù)（7） 拼寫和語法的正確性（8） HTML代碼是否通過W3C認證5 權(quán)重標簽 strongheading標簽在頁面內(nèi)容中的使用6 nofllow標簽nofollow標簽在頁面鏈接及meta中的使用。7 針對百度的SEO優(yōu)化負面因素排名 得分 詳細說明1、服務(wù)器經(jīng)常無法響應(yīng)；2 、與Google已經(jīng)收錄的內(nèi)容高度重復(fù)；3 、鏈向低質(zhì)量或垃圾站點；4 、網(wǎng)站大量頁面存在重復(fù)的META標簽；5 、過分堆砌關(guān)鍵詞；6 、參與鏈接工廠或大量出售鏈接；7 、服務(wù)器響應(yīng)時間非常慢；8 、網(wǎng)頁主要META更改頻率過高；9 、非常低的流量，用戶行為反映差；10、SEO優(yōu)化中關(guān)鍵詞布局技巧把頁分成小組H1(由主要關(guān)鍵詞組成) 在每頁唯一使用的一個H1標簽H2(相似的分題重復(fù)主要關(guān)鍵詞短語)段落H2(另外的一個次要主題用一些相似或重疊的變種關(guān)鍵詞))段落H2(有時一些分標題沒有關(guān)鍵詞，但是大多數(shù)也做成H2的標題)段落STRONG標簽用于站長們文章內(nèi)容的關(guān)鍵詞突出顯示通常副標題將會把重心集中在一個些較長的關(guān)鍵詞短語，特別要超過主標題,但是也將會包含一些與主標題相同的詞組。另外描寫的副標題也要改進站長們的網(wǎng)站的瀏覽效率和可用性。建議每頁使用一個H1標簽，用其他的字組文本輔助關(guān)鍵詞構(gòu)成那標題標簽中的信息。關(guān)鍵詞的提取大部分的網(wǎng)站以HTML格式存在，對于索引來說，只需要處理文本信息。因此需要把網(wǎng)頁中內(nèi)容提取出來，再過濾一些腳本如JS等以廣告形式存在的內(nèi)容，同時記錄文本的版面格式信息，網(wǎng)頁處理主要包括4個方面：關(guān)鍵詞的提取，重復(fù)，轉(zhuǎn)載的消除，鏈接分析，和網(wǎng)頁重要度計算，關(guān)鍵詞是怎么提取的，由于HTML 網(wǎng)頁來源多樣性，內(nèi)容比較隨意，新人SEO且不講究規(guī)范，工整，包含了許多無關(guān)的信息，中文網(wǎng)頁用到了詞典和切詞軟件，不應(yīng)該在文本中出等詞，稱為停用詞，有效詞語要保證在200左右。與關(guān)鍵詞有關(guān)的頁面排名因素1.標題標簽中第一個字或者詞使用關(guān)鍵詞2.域名中含有關(guān)鍵詞3.H 1標簽使用了關(guān)鍵詞4.頁面上導(dǎo)出內(nèi)部鏈接錨文字中使用了關(guān)鍵詞5.頁面上導(dǎo)出外部鏈接錨文字中使用了關(guān)鍵詞6.頁面前50-100個可見文字中使用了關(guān)鍵詞7.子域名中包含關(guān)鍵詞8.目錄名中還有關(guān)鍵詞9.其他正文標題（H2、H3）中使用了關(guān)鍵詞常見術(shù)語鏈接場（Link Farm）在 SEO 術(shù)語中，鏈接場是指一個充滿鏈接的頁面，這些鏈接其實沒有實際作用，它們只作為鏈接存在，而沒有任何實際的上下文。那些采用運用黑帽 SEO 方法的人利用鏈接場，在一個頁面中增加大量鏈接，希望能通過這種方式使 Google 誤認為這個頁面很有鏈接的價值。交互鏈接（Reciprocal Link）也稱作雙向鏈接，是對一個網(wǎng)頁不光有超文本鏈接，同時對應(yīng)有和原始網(wǎng)頁的鏈接。有機列表（Organic Listing）有機列表是 SERP 中的免費列表。有機列表的 SEO 通常涉及改進 Web 站點的實際內(nèi)容，這往往是在頁面或基礎(chǔ)架構(gòu)級別進行的。PageRankPageRank是迷戀Google的人們用來測試其站點在 Google 中的排名的一種度量標準。SEO 和搜索引擎營銷（SEM）專家也使用這個術(shù)語描述網(wǎng)頁在 SERP 中的排名以及 Google 根據(jù)排名算法給予站點的分數(shù)。無論如何定義，PageRank 都是 SEO 的重要部分。付費列表（Paid Listing）顧名思義，付費列表就是只有在付費后才能列入搜索引擎的服務(wù)。根據(jù)搜索引擎的不同，付費列表可能意味著：為包含于索引之中、每次點擊（PPC）、贊助商鏈接（Sponsored Link）或者在搜索目標關(guān)鍵詞和短語時讓站點出 SERP 中的其他方式而付費。永久重定向（Permanent Redirect）也被稱為301 重定向，是一條對網(wǎng)站瀏覽器的指令來顯示瀏覽器被要求顯示的不同的URL，當一個網(wǎng)頁經(jīng)歷過其URL 的最后一次變化以后時使用。一個永久定向是一種服務(wù)器端的重定向，能夠被搜索引擎蜘蛛適當?shù)靥幚?。排名（Ranking）排名是頁面在目標關(guān)鍵詞的SERP中列出的位置。SEO 的目標是提高 Web 頁面針對目標關(guān)鍵詞的排名。排名算法（Ranking Algorithm）排名算法是搜索引擎用來對其索引中的列表進行評估和排名的規(guī)則。排名算法決定哪些結(jié)果是與特定查詢相關(guān)的。搜索引擎營銷（Search Engine Marketing，SEM）SEM 這個術(shù)語可以與 SEO 互換使用，但 SEM 常常是指通過付費和廣告向搜索引擎推銷 Web 站點，同時應(yīng)用 SEO 技術(shù)。搜索引擎優(yōu)化（Search Engine Optimization，SEO）SEO 就是根據(jù)對搜索引擎的吸引力和可見性來優(yōu)化內(nèi)容，從而使 Web 頁面能夠被搜索引擎選中。SEO 主要用來提高有機列表的排名。搜索引擎結(jié)果頁面（Search Engine Results Page，SERP）SERP 是為特定搜索顯示的列表或結(jié)果。SERP 有時候定義為搜索引擎結(jié)果的安排（placement）。根據(jù)本系列的目的，我將其稱為頁面而不是安排。在SEO領(lǐng)域中，在SERP中取得良好的表現(xiàn)就是一切。垃圾技術(shù)（Spamming）垃圾技術(shù)是一種欺詐性的SEO手段，它嘗試欺騙爬行器（Spider），并利用排名算法中的漏洞來影響針對目標關(guān)鍵詞的排名。垃圾技術(shù)可以表現(xiàn)為多種形式，但是 “垃圾技術(shù)” 最簡單的定義是 Web 站點用來偽裝自己并影響排名的任何技術(shù)。關(guān)鍵字隱密字 （Hidden Text With Keyword Stuffing）是另外一欺騙搜索引擎的做法。通常是指設(shè)置關(guān)鍵字的顏色和網(wǎng)頁背景顏色一樣，或通過 CSS Hidden Attribute （隱密特性） 來達到優(yōu)化效果。這種做法一旦被Google發(fā)現(xiàn)，遭遇也會是該站點從Google的數(shù)據(jù)庫中除名。爬行器（Spider）爬行器在 Web 上漫游，尋找要添加進搜索引擎索引中的列表。爬行器有時也稱為 Web 爬行榜（Webcrawler）或機器人。針對有機列表優(yōu)化頁面也就是為了吸引爬行器的注意。在SEO中過多使用flash和Ajax技術(shù)，會給搜索引擎帶來很多麻煩,搜索引擎還不能很好地索引由flash、ajax表現(xiàn)的網(wǎng)頁,原因就是搜索引擎只索引頁面,而不會索引應(yīng)用程序。還有即使搜索引擎做到了完全解釋Flash文件或者ajax應(yīng)用程序，并能分析和索引它們的相關(guān)內(nèi)容，也還是沒有任何辦法使用url導(dǎo)航應(yīng)用程序，對排名沒有一點幫助。搜索引擎的主要目標的是將搜索結(jié)果提交給用戶，但當處理這些媒體信息時，搜索引擎將無法排列這些信息的順序?？傊?，F(xiàn)lash和Ajax將會帶來有創(chuàng)意的設(shè)計，也會帶來更難偵測的垃圾網(wǎng)站形式。谷歌索引的Flash，給的建議就是，網(wǎng)站設(shè)計者應(yīng)該僅在需要使用Flash和 Ajax的地方使用它，應(yīng)該主要還是多使用HTML語言設(shè)計網(wǎng)站，而將Flash和Ajax作為輔助技術(shù)，為用戶提供切實的好處。通常，HTML和 JavaScript的混合也基本可以達到使用這些技術(shù)的效果。也就是說，在使用Flash和Ajax時應(yīng)把它們當成頁面上的單元，而不是頁面本身。Link Popularity 網(wǎng)站的鏈接廣泛度。在搜索引擎排名中的作用已得到廣泛的認同和重視。實際上，即使站長們沒有在GOOGLE上提交站長們的站點，但與其它網(wǎng)站作了鏈接，Google也可能收錄站長們的網(wǎng)站。搜索引擎還可能完全依據(jù)站長們的鏈接廣泛度決定站長們的網(wǎng)站排名。Internal Links 內(nèi)部鏈接：本網(wǎng)站內(nèi)部網(wǎng)頁之間的鏈接External Links外部鏈接：本網(wǎng)站外部的鏈接，一般是指其他網(wǎng)站連到本網(wǎng)站的鏈接Backward Links或Incoming/Inbound Links反向/導(dǎo)入鏈接：意義與“外部鏈接”接近，指其他網(wǎng)站連到本網(wǎng)站的鏈接Outgoing/Outbound Links導(dǎo)出鏈接：指從本網(wǎng)站連到其他網(wǎng)站的鏈接Search Engine Positioning 搜索引擎定位Search Engine Ranking 搜索引擎排名External Files外部文件存儲把JavaScript文件和CSS文件分別放在JS和CSS外部文件中。這樣做的好處是把重要的頁面內(nèi)容放到頁面頂部，同時能縮小文件大小。有利于搜索引擎快速準確地抓取頁面重要內(nèi)容。Keyword Density 關(guān)鍵詞密度ROBOTS 搜索機器人Affiliate Marketing 聯(lián)屬網(wǎng)絡(luò)營銷（會員制營銷、網(wǎng)站聯(lián)盟等）聯(lián)屬網(wǎng)絡(luò)營銷 指的是一種網(wǎng)站A為網(wǎng)站B放置廣告按鈕，然后從為網(wǎng)站B帶來的銷售額中獲得回傭的一種廣告系統(tǒng)。某些廣告主通過這種方式獲得市場信息而不是現(xiàn)金銷售。這種方式被營銷費用比較緊張的新網(wǎng)站采用得比較普遍。Cost-Per-Click （簡稱CPC）按點擊數(shù)付費聯(lián)屬網(wǎng)絡(luò)營銷管理系統(tǒng)記錄每個客人在聯(lián)屬會員網(wǎng)站上點擊到商家網(wǎng)站的文字的或者圖片的鏈接（或者Email鏈接）次數(shù)，商家（Merchant）按每個點擊多少錢的方式支付廣告費。Cost-Per-Lead （簡稱CPL）或Cost-Per-Acquisition （簡稱CPA）按引導(dǎo)數(shù)付費或訪問者通過聯(lián)屬會員的鏈接進入商家網(wǎng)站后，如果填寫并提交了某個表單，管理系統(tǒng)就會產(chǎn)生一個對應(yīng)給這個聯(lián)屬會員的引導(dǎo)（Lead）記錄，商家按引導(dǎo)記錄數(shù)給會員付費。Cost-Per-Sale (簡稱CPS) 按銷售額付費商家只在聯(lián)屬會員的鏈接介紹的客人在商家網(wǎng)站上產(chǎn)生了實際的購買行為后（大多數(shù)是在線支付）才給聯(lián)屬會員付費，一般是設(shè)定一個傭金比例（銷售額的10%到50%不等）。Pay For Performance （按效果付費）聯(lián)屬營銷按效果付費的營銷方式無論對于商家還是聯(lián)屬會員都是比較容易接受的。由于網(wǎng)站的自動化流程越來越完善，在線支付系統(tǒng)也越來越成熟，越來越多的聯(lián)屬網(wǎng)絡(luò)營銷系統(tǒng)采用按銷售額付費的方法。由于這種方法對商家來說是一種零風(fēng)險的廣告分銷方式，商家也愿意設(shè)定比較高的傭金比例，這樣就使得這種方式的營銷系統(tǒng)被越來越多地采用。Open Directory Project (簡稱ODP) 目錄索引Full Text Search Engine 全文搜索引擎Search Index/Directory 目錄索引類搜索引擎META Search Engine 元搜索引擎Spider 俗稱“蜘蛛”Indexer 檢索程序Free For All Links （簡稱FFA）免費鏈接列表Stop Words/Filter Words 停用詞/過濾詞這兩者意義一樣，都是指一些太常用以至沒有任何檢索價值的單詞，搜索引擎碰到這些詞時一般都會過濾掉。因此為節(jié)省空間，應(yīng)盡量避免使用這一類的詞，尤其是在對文字數(shù)量有嚴格限制的地方。Spam：搜索引擎垃圾技術(shù)的統(tǒng)稱Frame Sets 框架結(jié)構(gòu)有些搜索引擎（如FAST）是不支持框架結(jié)構(gòu)的，他們的“蜘蛛”程序無法閱讀這樣的網(wǎng)頁。Image Maps 圖象區(qū)塊當“蜘蛛”程序遇到這種結(jié)構(gòu)時，往往會感到茫然不知所措。因此盡量不要設(shè)置Image Map鏈接。Dynamic Pages 動態(tài)網(wǎng)頁通過程序和數(shù)據(jù)庫連接制作的網(wǎng)頁，任何地址中帶“？”號、“&”號（及其他類似符號）的網(wǎng)頁都會把“蜘蛛”程序擋在門外。Invisable/hidden text 隱藏文本內(nèi)容意欲在不影響網(wǎng)站美觀的前提下通過包含大量關(guān)鍵詞的網(wǎng)頁提高關(guān)鍵詞相關(guān)性得分，從而達到改善搜索引擎排名的目的。Invisable/hidden links 隱藏鏈接意欲在不影響網(wǎng)站美觀的前提下通過在其它頁面添加指向目標優(yōu)化頁的隱形鏈接，通過提升鏈接得分而改善搜索引擎排名。Misleading Words 誤導(dǎo)性關(guān)鍵詞在頁面中使用與該網(wǎng)頁毫不相干的誤導(dǎo)性關(guān)鍵詞來吸引查詢該主題的訪問者訪問網(wǎng)站。這種做法嚴重影響了搜索引擎所提供結(jié)果的相關(guān)性和客觀性，為搜索引擎所深惡痛絕。Repeated Words 重復(fù)性關(guān)鍵詞這種作弊技術(shù)也被稱為“關(guān)鍵詞堆砌欺騙(Keyword Stuffing)”，網(wǎng)站優(yōu)化它利用搜索引擎對網(wǎng)頁正文和標題中出現(xiàn)的關(guān)鍵詞的高度關(guān)注來對關(guān)鍵詞進行不合理的(過度)重復(fù)。類似的其它做法還包括在HTML元標識中大量堆砌關(guān)鍵字或使用多個關(guān)鍵字元標識來提高關(guān)鍵詞的相關(guān)性。這種技術(shù)很容易被搜索引擎察覺并受到相應(yīng)懲罰。Keyword Stuffing 關(guān)鍵詞堆砌Cloaked Page 隱形頁面對實際訪問者或搜索引擎任一方隱藏真實網(wǎng)站內(nèi)容，以向搜索引擎提供非真實的搜索引擎友好的內(nèi)容提升排名。Deceptive redirects 欺騙性重定向指把用戶訪問的第一個頁面(著陸頁)迅速重定向至一個內(nèi)容完全不同的頁面。Shadow Domain 鬼域這是最常見的欺騙性重定向技術(shù)，通過欺騙性重定向使用戶訪問另外一個網(wǎng)站或頁面。Meta Refresh刷新標識Doorway Page 門頁也叫“Bridge/Portal/Jump/Entry Page”。是為某些關(guān)鍵字特別制作的頁面，專為搜索引擎設(shè)計，目的是提高特定關(guān)鍵詞在搜索引擎中的排名所設(shè)計的富含目標關(guān)鍵詞的域名，且重定向至另一域名的真實網(wǎng)站。搜索引擎的Spiders往往忽略對那些自動重定向到其它頁的頁面的檢索。Mirror Sites鏡象站點通過復(fù)制網(wǎng)站或網(wǎng)頁的內(nèi)容并分配以不同域名和服務(wù)器，以此欺騙搜索引擎對同一站點或同一頁面進行多次索引。大多數(shù)搜索引擎都提供有能夠檢測鏡象站點的適當?shù)倪^濾系統(tǒng)，一旦發(fā)覺鏡象站點，則源站點和鏡象站點都會被從索引數(shù)據(jù)庫中刪除。Link Spamming 作弊鏈接/惡意鏈接link farms 鏈接工廠Bulk Link Exchange Programs大宗鏈接交換程序Cross Link交叉鏈接Doorway Domain 門域?qū)樘岣咛囟P(guān)鍵詞在搜索引擎中的排名所設(shè)計的富含目標關(guān)鍵詞的域名，然后重定向至其它域名的主頁。由于搜索引擎一般忽略自動重定向至其它頁的頁面的檢索，所以不提倡使用這種技術(shù)。

゛駐馬店 ゛地 ゛區(qū) ゛① ゛條 ゛龍 ゛服 ゛⑤ ゛?? ゛ ??゛：==230===721===474----------------（1）在電腦上安裝PE系統(tǒng)制作軟件，然后插上U盤，根據(jù)提示將U盤一鍵制作為啟動盤（如下圖），接著將win10系統(tǒng)鏡像文件拷入U盤；（2）進入BIOS系統(tǒng)設(shè)置電腦的啟動順序，將U盤插入待裝系統(tǒng)的電腦，開機按F2（不同型號電腦可能不一樣，具體視電腦型號而定）選擇電腦硬件啟動順序，這里選擇USB Hard Drive；（3）進入PE系統(tǒng)后會自啟PE裝機工具，首先點擊“瀏覽”將保存在U盤的系統(tǒng)鏡像添加進來，接著選擇C盤作系統(tǒng)盤存放鏡像，點擊“確定”即可（4）這時候電腦就會自動安裝新的win 7系統(tǒng)，等待一段時間重啟即可安裝完成。安裝系統(tǒng)過程中要注意：（1）U盤制作成啟動盤之后不要存放任何跟系統(tǒng)安裝無關(guān)的內(nèi)容；（2）進入PE系統(tǒng)安裝win 7的時候注意系統(tǒng)安裝的路徑不能出錯，一般選擇C盤；（3）在系統(tǒng)安裝過程中不能關(guān)機或者出現(xiàn)斷點的情況；（4）系統(tǒng)安裝完成提示重啟計算機的時候要將U盤拔下，避免再次進入PE系統(tǒng)無法完成系統(tǒng)的安裝。

基于android的通訊錄的設(shè)計與實現(xiàn)一：引言學(xué)了android的開發(fā)與設(shè)計課后，對計算機軟硬件相關(guān)知識有了一定的了解；基于此，設(shè)計與實現(xiàn)一個在Android系統(tǒng)上運行的手機通訊管理軟件，實現(xiàn)手機通訊錄的基本功能，包括：添加聯(lián)系人、查看聯(lián)系人、修改聯(lián)系人、刪除聯(lián)系人、撥打電話、發(fā)送短信、查詢聯(lián)系人，以及聯(lián)系人的導(dǎo)入導(dǎo)出功能即聯(lián)系人的備份。主要開發(fā)基于Android 的手機的通訊管理軟件。以Java語言為基礎(chǔ)，結(jié)合Android移動開發(fā)平臺，并利用Android提供的SDK，實現(xiàn)在Android平臺上運行的手機通訊錄，方便廣大手機用戶更加便捷地對聯(lián)系人的信息進行管理。該手機通訊錄面向所有的Android手機用戶，為他們提供更實際便捷的手機服務(wù),具有撥號、通訊記錄等基本功能。該通訊錄的數(shù)據(jù)導(dǎo)出功能是該軟件的一個特色，可以實現(xiàn)聯(lián)系人數(shù)據(jù)導(dǎo)出到文本，實現(xiàn)數(shù)據(jù)備份。大家生活當中經(jīng)常遇到手機丟失，出現(xiàn)故障，和其他一些事故。最擔心的就是丟失手機里的電話號碼。1.1. 選題目的及意義隨著3G網(wǎng)絡(luò)的使用，移動終端不再僅是通訊網(wǎng)絡(luò)的終端，還將成為互聯(lián)網(wǎng)的終端。因此，移動終端的應(yīng)用軟件和需要的服務(wù)將會有很大的發(fā)展空間。在Google和Android手機聯(lián)盟的共同推動下，Android在眾多手機操作系統(tǒng)中脫穎而出，受到廣大消費者的歡迎。 手機通訊錄作為手機的基本功能之一，每天我們都在頻繁地使用著。根據(jù)手機功能使用調(diào)查顯示，有八成以上的消費者使用手機通訊錄功能。隨著手機通訊錄功能的不斷加強與完善，手機通訊錄對于人們的意義，已不僅僅像記事簿一樣顯示通訊地址，而是向著個性化、人性化的方向發(fā)展。通訊錄從無到有，從英文到中文，經(jīng)過了十幾年的發(fā)展歷程，今后的發(fā)展趨勢就是從通訊錄發(fā)展為名片夾，也就是在一個人名下，可以存儲座機、手機、單位、地址、電子郵件等內(nèi)容。這種名片夾在電話薄的基礎(chǔ)上，大大豐富了內(nèi)容，同時結(jié)構(gòu)也發(fā)生了革命性變化，而且隨著手機的發(fā)展，相信更優(yōu)秀的通訊錄會越來越受到社會各層人士的喜愛。1.2. 項目背景Android一詞的本義指"機器人",同時也是Google在2007年11月5日宣布的基于Linux內(nèi)核的開源手機系統(tǒng)的名稱，中文注冊商標"安致", 該平臺由操作系統(tǒng)、中間件、用戶界面和應(yīng)用軟件組成，是一個為移動終端打造的真正開放和完整的智能手機系統(tǒng)。其早期為Google開發(fā)，后由開放手機聯(lián)盟（ Open Handset Alliance）開發(fā)。它采用了軟件堆層（software stack,又名以軟件疊層）的架構(gòu)，主要分為三部分，底層以Linux內(nèi)核為基礎(chǔ)，由C語言開發(fā)，只提供基本功能；中間層包括數(shù)據(jù)庫Library和虛擬機Virtual Machine，由C++開發(fā)；最上層是由各公司自行開發(fā)，以Java編寫的各種應(yīng)用軟件，如通話程序，短信程序等。 二：功能需求。根據(jù)用戶需求總結(jié)出來的反映了用戶需求的系統(tǒng)邏輯模型轉(zhuǎn)換成可以實施的物理模型，把整個設(shè)計劃分成單元，主要解決如何去做的問題，要想創(chuàng)建整個通訊錄首先要通過增加聯(lián)系人信息來創(chuàng)建通訊錄。整個應(yīng)用程序應(yīng)劃分為4個模塊，分別是程序啟動、用戶界面、后臺服務(wù)和數(shù)據(jù)庫適配器，各模塊之間的關(guān)系如圖所示：從上圖中不難看出，后臺服務(wù)是整個應(yīng)用程序的核心，主要是“數(shù)據(jù)獲取模塊”，負責周期性的從用戶輸入的內(nèi)容中獲取信息。后臺服務(wù)在程序啟動時就由AppWidgetProvider啟動，也可由用戶界面通過startService(進行啟動，啟動后的后臺服務(wù)將一直保持運行狀態(tài)。同時用戶界面從數(shù)據(jù)獲文本信息。一方面可以避免因網(wǎng)絡(luò)通信不暢造成界面失去響應(yīng)；另一方面，后臺服務(wù)可以及時更新數(shù)據(jù)，以保證數(shù)據(jù)的準確性。數(shù)據(jù)庫適配器封裝了所有對SQLite數(shù)據(jù)庫操作的方法用戶界面和后臺服務(wù)會調(diào)用它來實現(xiàn)數(shù)據(jù)庫操作。在完成用戶界面設(shè)計、數(shù)據(jù)庫設(shè)計和模塊設(shè)計后，至此程序設(shè)計階段基本完成。文本編輯器中不同功能界面之間的切換，用戶可以通過點擊menu鍵來切換到不同的功能界面，不同功能界面的切換如圖三:設(shè)計思路。開發(fā)的基于Android手機通訊錄具有十分重要的意義。可以根據(jù)客戶需求的實際情況，開發(fā)一款實用的手機通訊錄軟件。本設(shè)計主要是采用Android的View框架編寫，部分框架運用Android中的其他組件。 當進入通訊錄的增加界面時，調(diào)用的是一個用相對布局RelativeLayout的XML布局文件。其中包括了2個Button，分別實現(xiàn)了不同的功能。第一個Button是保存內(nèi)容，當輸入聯(lián)系人姓名和號碼是點擊保存實現(xiàn)此功能。說到保存，不得不說得是保存信息涉及添加新聯(lián)系人的頭像，姓名，手機號碼，辦公室電話，家庭電話，職務(wù)職稱，單位名稱，地址，郵政編碼，Email，其他聯(lián)系方式，備注這些信息。第二個Button是返回，顧名思義就是從增加界面返回前一界面。響應(yīng)menu鍵的觸發(fā)事件，設(shè)置底部菜單是否可見，并通過對底部菜單選項的監(jiān)聽實現(xiàn)底部菜單中的增加、查找、刪除、菜單、退出等功能，其中菜單包括顯示所有、刪除所有、號碼備份功能。在聯(lián)系人信息界面時通過點擊menu鍵，會彈出通信功能框，通過與發(fā)信息、打電話、發(fā)郵件功能接口的套用來實現(xiàn)。四:流程圖一個好的系統(tǒng)設(shè)計的步驟決定了程序是否能按照設(shè)計者的目的按時完成，是否能在規(guī)定的時間內(nèi)按照設(shè)計者的要求高質(zhì)量的完成程序必要的功能。并且按照標準的設(shè)計步驟對程序進行調(diào)試，測試，以及后期的優(yōu)化完善，使程序更加具有健壯性和可用性。通過對通訊錄功能、系統(tǒng)模塊、用戶需求方面進行全方位的分析制定開發(fā)流程，開發(fā)流程如圖4-1所示。圖4-1開發(fā)流程圖采用標準的開發(fā)流程確定系統(tǒng)具有用戶管理功能，聯(lián)系人增刪改功能，通訊功能，查找功能，備份等功能。系統(tǒng)的功能圖如4-2所示。圖4-2 系統(tǒng)功能圖通過對系統(tǒng)的功能結(jié)構(gòu)的分析，設(shè)計后系統(tǒng)運行流程是系統(tǒng)運行后用戶將進入通訊錄主界面，可以看到聯(lián)系人列表。通過點擊MENU界面的增加功能選項可以新增聯(lián)系人 有沒有這個的代碼，做一下參照？ 代碼沒有去淘寶看一下吧

　　為了能讓網(wǎng)站設(shè)計正常的運行于各種瀏覽器平臺，網(wǎng)站設(shè)計師們不得不想盡辦法處理好網(wǎng)站建設(shè)中的瀏覽器兼容問題。正是因為網(wǎng)站設(shè)計當中的這一需要產(chǎn)生了一項新技術(shù)— CSS Hack。 CSS Hack 就是針對不同瀏覽器寫出不同的 CSS code 的過程，主要用來解決目前各類瀏覽器無法標準解析CSS樣式，導(dǎo)致同一網(wǎng)站設(shè)計頁面在不同瀏覽器下出現(xiàn)顯示效果不一致的兼容問題。 針對不同瀏覽器，可以將CSS Hack 網(wǎng)站設(shè)計代碼整理如下： 　　1、針對I E 系列瀏覽器的網(wǎng)站設(shè)計代碼 針對 IE 6 的專屬 CSS Hack 網(wǎng)站設(shè)計代碼 #id{ _display: block; } 也就是在網(wǎng)站設(shè)計CSS屬性前加一個小劃線就好。 針對 IE 7 的專屬 CSS Hack 網(wǎng)站設(shè)計代碼 #id{ *display: block; } 即在網(wǎng)站設(shè)計CSS屬性前加上一個星號即可 針對 IE 8 的專屬 CSS Hack 網(wǎng)站設(shè)計代碼 #id{ margin-top: 10px 9; /*IE8*/ } 如上所示，解決辦法為在網(wǎng)站設(shè)計CSS屬性后分號前加上空格與斜線并加入一個數(shù)字9即可 。　　2、針對火狐的CSS Hack 網(wǎng)站設(shè)計代碼 火狐可謂是最標準的瀏覽器之一了，網(wǎng)站設(shè)計技術(shù)只要稍稍不到位就能體現(xiàn)得淋漓盡致，所以不少網(wǎng)站設(shè)計師也很頭痛，其實想要解決火狐的兼容性除了要把網(wǎng)站設(shè)計的基礎(chǔ)知識扎牢之外只要將CSS代碼寫入到下圖 @-moz-document url-prefix（）{ } 里面就行了 @-moz-document url-prefix() { #id{ display: block; } } 。　　3、針對 Safari 的CSS Hack 網(wǎng)站設(shè)計代碼 Safari是蘋果計算機的最新作業(yè)系統(tǒng)Mac OS X中新的瀏覽器，用來取代之前的Internet Explorer for Mac，使用了KDE的KHTML作為瀏覽器的運算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近。　　4、針對 Opera 的CSS Hack 網(wǎng)站設(shè)計代碼 Opera即Opera Software ASA，是臺式機、各種設(shè)備和移動網(wǎng)絡(luò)瀏覽器市場的商業(yè)領(lǐng)袖，因快速、小巧和比其他瀏覽器更佳的標準兼容性獲得了國際上的最終用戶和業(yè)界媒體的承認，并在網(wǎng)上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } 這個世界上必然不會存在絕對完美的事物，因此運用以上方法讓我們的網(wǎng)站設(shè)計更好的與各種瀏覽器兼容的時候其實已經(jīng)違反了網(wǎng)站制作的W3C標準。

網(wǎng)頁設(shè)計，網(wǎng)頁設(shè)計原則理念（1）內(nèi)容和功能決定表現(xiàn)形式和界面設(shè)計做一個良好的網(wǎng)頁設(shè)計，需要了解客戶的東西很多，比如：1、建站目的（是主推產(chǎn)品還是平品牌，是主要注重seo還是用戶交互等）。2、網(wǎng)站類型。3、欄目規(guī)劃及每個欄目的表現(xiàn)形式及功能要求。4、主色調(diào)、客戶性別喜好、聯(lián)系方式、舊版網(wǎng)址、偏好網(wǎng)址。5、根據(jù)行業(yè)和客戶要求，哪些是著重表現(xiàn)。6、是否分期建設(shè)、考慮后期的兼容性、是否要開發(fā)其他語言版本。7、客戶是否有強烈的建站欲望。8、你是否能在精神意識上控制住客戶。當把上述的內(nèi)容都弄明白了的時候，大腦中就已經(jīng)給這個網(wǎng)站有了全面而形象的定位了，這時才是有的放矢去做界面設(shè)計的時候了。（2）界面是弱化的，突出的是功能一個好的界面設(shè)計它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者是主要什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站，能點一次的，絕不點第二次。當然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點到為止。（3）模塊化和可修改性強模塊化不僅可以提高重用性，也能統(tǒng)一網(wǎng)站風(fēng)格，還可以降低程序開發(fā)的強度。這里就設(shè)計一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識了，不再冗述。無論是架構(gòu)還是模塊或圖片，都要考慮可修改性強。舉個簡單的例子logo、按鈕等，很多人喜歡制作圖片，n個按鈕就是n張圖片。如果只做3-5類按鈕的背景圖片，然后用在網(wǎng)頁代碼里打上文字，那么修改起來就簡單，而網(wǎng)頁顯示的字體是帶有鋸齒的，一般即能清晰又保證美觀的字體字號有幾類：宋體12px |宋體12px粗體|宋體14px |宋體14px粗體|黑體20px | verdana 9px | arialblack 12px+ |（4）創(chuàng)意是可恥的，分析能力遠比創(chuàng)意來的重要設(shè)計界動輒就大談什么“創(chuàng)意”，需要指出的是，還沒有搞清目的意義和內(nèi)容，還沒在技術(shù)制作上臻于完善的基礎(chǔ)上，用創(chuàng)藝和特效來迷惑客戶和訪客是可恥的。一個網(wǎng)站設(shè)計者的分析能力遠比創(chuàng)藝來的重要。

研究網(wǎng)頁柵格系統(tǒng)前，來看一組數(shù)據(jù)： 網(wǎng)站 首頁頁面寬度 px Yahoo! 950 淘寶 950 MySpace 960 新浪 950 網(wǎng)易 960 Live Search 958 搜狐 950 優(yōu)酷 960 AOL 960 上面列舉的都是Alexa全球排名前100的站點，它們的首頁寬度為950px/960px. 除了微軟的Live Search, 這些站點有個共同特點：頁面結(jié)構(gòu)較復(fù)雜，都可以認為是門戶型網(wǎng)站。 再來看看Google, YouTube, Facebook, Flickr!, eBay等知名站點，它們的首頁寬度沒什么固定規(guī)律，共同的特點是：功能專一，頁面結(jié)構(gòu)相對簡單。 根據(jù)上面的簡單分析可以認為：當搭建頁面結(jié)構(gòu)復(fù)雜的門戶型網(wǎng)站時，開發(fā)工程師們不約而同地都選擇將頁面寬度定為950px/960px. 這是一件很有趣的事情，為什么要選擇這個寬度呢？這個寬度值究竟有什么魔力？ 神奇的960 設(shè)計師們對蘋果情有獨衷。在 1024 x 768 的分辨率下，打開Firefox： 自然狀態(tài)下，F(xiàn)irefox窗體的大小約為 974 x 650. 減掉左右兩邊7px的邊框，網(wǎng)頁的實際大小為上圖中的紅色部分，高寬為 960 x 650. 有趣的960就這樣出現(xiàn)了。是的，可以認為一切就這么簡單。柵格系統(tǒng)最早出現(xiàn)在平面設(shè)計領(lǐng)域，設(shè)計師們愛用蘋果，蘋果下瀏覽器的默認寬度為960px, 于是960就這么“自然”地出現(xiàn)了。 數(shù)字背后的奧妙 上面的“自然”出現(xiàn)，細究自然是不讓人信服的。蘋果系統(tǒng)的設(shè)計者們在沒有喝醉酒的情況下選擇了960，而不是其它什么1000之類的整數(shù)，自然另有奧妙。 科學(xué)界有很多問題都可以歸結(jié)到數(shù)學(xué)問題上，我們也從數(shù)學(xué)著手： 960可以分解為2的6次方乘以3和5, 這使得960可以分割成以下寬度的整數(shù)倍： 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480 共26種（26 = 7 * 2 * 2 - 2, 減去2是去掉1和960自身），我們標記為： N(960) = N(2^6 * 3 * 5) = 26 根據(jù)上面的算法，可以得到： N(360) = N(2^3 * 3^2 * 5) = 22 N(480) = N(2^5 * 3 * 5) = 22 N(720) = N(2^4 * 3^2 * 5) = 28 N(750) = N(2 * 3 * 5^3) = 14 N(800) = N(2^5 * 5^2) = 16 N(960) = N(2^6 * 3 * 5) = 26 N(1000) = N(2^3 * 5^3) = 14 N(1024) = N(2^10) = 9 N(1440) = N(2^6 * 3^2 * 5) = 34 N(1920) = N(2^7 * 3 * 5) = 30 根據(jù)直覺（嚴格證明也不難，不過還是留給數(shù)學(xué)系的學(xué)生去證明吧），我們得到一個有趣的結(jié)論： 要使得N(width)最大，width的取值有兩個系列： A系列： …, 320, 720, 1440, … B系列： …, 480, 960, 1920, … N越大，可組合的寬度值就越多。對柵格系統(tǒng)來說，這意味著越靈活！ 目前絕大多數(shù)顯示器都支持 1024 x 768 及其以上分辨率。為了有效的利用屏幕寬度同時保證柵格的靈活度，可以看出960是非常合適的。這樣，在目前主流顯示器下，960就成為網(wǎng)頁柵格系統(tǒng)中的最佳寬度了。（也許不久的將來，將會流行1440）首先澄清一個應(yīng)用場景問題。研究(1)中指出，對于結(jié)構(gòu)復(fù)雜的網(wǎng)站，不少設(shè)計師們喜歡采用960固定寬度布局。但要注意的是，960并不是萬能鑰匙，大部分網(wǎng)站沒有也不需要柵格系統(tǒng)。Amazon采用的是寬度自適應(yīng)布局，最大限度的呈現(xiàn)信息。Google更是簡簡單單，主題部分就一個列表。eBay的頁面非常簡潔，商品頁面寬度自適應(yīng)，信息自然流暢，噪音少，購物很踏實。類似的站點還有很多，對于這些站點來說，寬度自適應(yīng)布局更受青睞。有個很有意思的網(wǎng)站是Yahoo!, 看起來是固定寬度布局，實際上在CSS中只要去掉一行，就能搖身一變自適應(yīng)寬度了：以下為引用的內(nèi)容：#page { width: 70em;}為什么Yahoo!最后選擇了定寬布局呢?這很可能是因為定寬布局比寬度自適應(yīng)布局更容易控制。對于結(jié)構(gòu)復(fù)雜的網(wǎng)站來說，可維護性和可擴展性非常重要。Yahoo!是以信息展示為主的門戶型網(wǎng)站，960的寬度對于信息的閱讀比較友善(Joe Clark寫了一篇屏幕閱讀時有關(guān)行長的有趣文章)。種種因素使得Yahoo!最后采用了定寬布局(Tommy Olsson總結(jié)了每種布局設(shè)計的優(yōu)缺點)。這里將只關(guān)注定寬布局，適用的場景是搭建復(fù)雜的門戶型網(wǎng)站。對于寬度自適應(yīng)布局和相應(yīng)的柵格系統(tǒng)，暫不討論(根據(jù)實現(xiàn)的技術(shù)手段不同，寬度自適應(yīng)布局又分為流體布局和彈性布局。我個人蠻喜歡彈性布局，以后有時間再研究)。好了，已經(jīng)將范圍縮小到定寬布局的網(wǎng)頁柵格系統(tǒng)，那我們開始吧。并不遙遠的750 還記得800×600的顯示器不?雖然才時隔幾年，感覺卻好像是上個世紀的事了。Mark Boulton做了最早的探索：將750分割成均等的6份，這就形成了柵格系統(tǒng)，稍加組合劃分就形成了兩欄布局和三欄布局。Mark Boulton還研究了Gutter(垂直欄之間的間隙)對柵格的影響，有興趣的可以閱讀原文，或者跟著我往下看吧，下面將詳細闡述。幾個術(shù)語和一個公式一個標準的柵格系統(tǒng)，包括以下部分：將Flowline的總寬度標記為W, Column的寬度標記為c, Gutter寬度標記為g, Margin的寬度標記為m, Column的個數(shù)標記為N, 我們可以得到以下公式：W = c * N + g * (N - 1) + 2 * m一般來說，Gutter的寬度是Margin的兩倍，上面的公式可以簡化為：W = c * N + g * (N - 1) + g = (c + g) * N將c+g標記為C, 公式變得非常簡單：W = C * N上面的公式就是柵格系統(tǒng)的基礎(chǔ)，很簡單吧。950的來歷具體應(yīng)用時，Margin其實是一個空白邊，從視覺上看并不屬于總寬度。不少柵格設(shè)計里習(xí)慣性地設(shè)定Gutter為10px, 這樣Margin就是5px. 當W為960，分割成6列時，柵格如下圖：上圖的處理是左右Margin各為5px. 也可以將Margin集中放在一邊，比如右邊：無論Margin放在何處(這只影響技術(shù)實現(xiàn)，不影響設(shè)計)，我們真正要關(guān)注的是去除Margin之后的部分：這就是我們要真正關(guān)注的950!將W的含義變?yōu)槿コ齅argin的總寬度，公式變化為：W = N * C - g將上面的公式實例化一下：950 = 12 * 80 - 10950 = 16 * 60 - 10950 = 24 * 40 - 10這就形成了960蛋糕的三種常見切法。12 x 8016 x 6024 x 40上面三種切法，N越大，靈活度越高。可以根據(jù)網(wǎng)頁的實際復(fù)雜度來選用對應(yīng)的切法。在960 Grid System首頁中，展示了12 x 80的應(yīng)用：我們來看下 研究(1)中開頭列舉的網(wǎng)站的柵格應(yīng)用情況。Yahoo!是很標準的 24 x 40 柵格：淘寶網(wǎng)目前只有商城上部分使用了柵格系統(tǒng)(大的兩欄布局遵守了 24 x 40 的柵格化，主體部分使用的另一套740的柵格劃分)：網(wǎng)易很不錯，采用的是 16 x 60 的柵格系統(tǒng)：研究(1)中的其它站點都沒有真正嚴格地采用柵格系統(tǒng)。柵格系統(tǒng)的優(yōu)勢上面的“發(fā)現(xiàn)”是讓人有點沮喪的。目前嚴格采用柵格系統(tǒng)的站點非常少，為什么我們還要努力的讓網(wǎng)頁柵格化呢?柵格系統(tǒng)具有以下優(yōu)勢：能大大提高網(wǎng)頁的規(guī)范性。在柵格系統(tǒng)下，頁面中所有組件的尺寸都是有規(guī)律的。這對于大型網(wǎng)站的開發(fā)和維護來說，能節(jié)約不少成本。基于柵格進行設(shè)計，可以讓整個網(wǎng)站各個頁面的布局保持一致。這能增加頁面的相似度，提升用戶體驗。對于設(shè)計師們來說，靈活地運用柵格系統(tǒng)，能做出很多優(yōu)秀和獨特的設(shè)計。(詳見《超越CSS》一書)對于大型網(wǎng)站來說，我相信柵格化將是一種潮流和趨勢。下面討論柵格系統(tǒng)中的黃金分割。黃金分割黃金分割可以歸結(jié)為數(shù)學(xué)問題：對于長度為1的線段，將其分成兩部分 x 和 1 - x, 使得：x / 1 = (1 - x) / x化為簡單的二次方程：x^2 + x - 1 = 0正數(shù)解為：x = (sqrt(5) - 1) / 2 ~= 0.618這就是黃金分割。這個比例不僅僅出現(xiàn)在諸如繪畫、雕塑、音樂、建筑等藝術(shù)領(lǐng)域，在管理、工程設(shè)計等方面也有著不可忽視的作用。 (這是個自然界的魔數(shù)，類似的還有真空光速、普朗克常數(shù)、精細結(jié)構(gòu)等等，感興趣的Google吧)在平面設(shè)計領(lǐng)域，黃金分割點被廣泛采用。比如下面這種圖：數(shù)一數(shù)上面有多少黃金分割?對于960柵格，實際寬度是950. 兩欄布局時，黃金分割為：對于 24 x 40 的情景，最接近黃金分割的兩欄布局是 350 : 590, 欄數(shù)比例為 9 : 15. 但實際使用時，因為窄欄經(jīng)常用來做導(dǎo)航或放輔助信息，并不需要350px這么寬。因此實際情況下經(jīng)常被采用的布局是：上面講的都是寬度方向上的柵格化，下面我們看看高度方向上如何應(yīng)用。高度方向上的柵格還記得研究(1)中那張紅紅的很刺眼的圖嗎?注意高度值560也是很神奇的。N(560) = N(2^4 * 5 * 7) = 18560 / 960 ~= 0.583N(560)比較大，同時可以讓高寬比接近黃金分割。針對560, 我們采用 14 x 40 柵格：這樣，我們就在寬度和高度兩個方向上都實現(xiàn)了柵格化。淘寶的首頁目前尚未嚴格遵守柵格系統(tǒng)，如果重構(gòu)的話，寬度方向可以考慮采用下面的柵格布局（只考慮頁面主體部分，忽略高度的比例）：（圖1） 紛亂的高度世界我們來看下圖1左上角。左上角部分目前的寬度為256px, 重構(gòu)的話可以將寬度縮小到230px以符合柵格（不可避免的要調(diào)整內(nèi)容，比如人氣寶貝中將只能放下3張圖片）。來仔細看下高度方向：（圖2）高度方向的布局是：90 : 117 : 100, 第一個間隔是8, 總高度為325. 很明顯，高度方向沒有任何柵格化的跡象。實際上，即便是嚴格遵守柵格系統(tǒng)的Yahoo!首頁，高度方向上也沒有嚴格柵格化。這究竟是為何？一切皆有可能我們縮小關(guān)注點：（圖3）上圖中，圖像的大小是70 x 70, 剛好是24列960柵格系統(tǒng)兩列的寬度。對于右邊的文字，采取了如下樣式：font-size: 12px;line-height: 150%; /* 12 x 150% = 18px */中文字體是宋體，line-height的計算值是18px. 注意圖3中文字部分可視區(qū)域的高度為65, 上下各有4px和1px的間隙。為什么會產(chǎn)生這么奇怪的間隙呢？我們來看下圖：（圖4）從上圖中我們可以得知，12px的宋體中文字，實際高度只有11px. line-height減去11多出來的高度，則“均勻”分布在上下間隙中（如果多出來的高度為偶數(shù)，則上下均分；為奇數(shù)時，上面比下面多1px）。這樣，對于70px的高度來說，要布局4行文字時，假設(shè)行高多出來的上半部分為x, 下半部分為y, 在最理想的情況下，應(yīng)該滿足以下公式：11 * 4 + 4 * x + 3 * y = 70x = y 或 x = y + 1不難推出，x最理想的整數(shù)解為4. 從而line-height為 4 + 11 + 3 = 18. 因此：對于24列960柵格系統(tǒng)來說，如果要在高度方向上實現(xiàn)柵格，font-size為12px時，line-height的最佳取值是18px(150%).追求完美點話，還可以將文字部分margin-top: -1px, 使得65上下的間隙為3和2.至此，我們可以初步判斷：高度方向上是有可能嚴格柵格化的。一切皆有可能！然而，現(xiàn)實總那么殘酷（圖5）上圖中的標題高度為22, 這在24列960柵格系統(tǒng)中是無法對齊的。而且總高度為100, 在24列960柵格系統(tǒng)中也不存在（110才可以）?；蛟S高度方向上我們可以細化行寬為20, 但依舊沒法解決上面兩個問題（22是明顯不能解決的，而對于100px的高度，也無法通過細化行寬來解決?？蛇x高度永遠是10的奇數(shù)倍，如果進一步細化，小于10后，會變得非常繁瑣，沒什么實際應(yīng)用價值）寬度世界里會好些嗎（圖6）上面是Yahoo!首頁上的兩個小模塊，我都不想去標注模塊里面的布局寬度了（因為一點都不符合24列960柵格系統(tǒng)）。寬度世界里，和高度世界一樣充滿希望但現(xiàn)實卻殘酷無比。銀彈是不存在的柵格系統(tǒng)是美好的。但如果我們一味地追求將所有設(shè)計都柵格化（必須承認我曾有這個幻想），則立刻會陷入地獄一般的黑暗中。這篇文章中的艱難嘗試（我分析了20多個小模塊），讓我突然醒悟到一個粒度問題：任何設(shè)計都有適用范圍，超出最佳適用范圍，強行使用只會帶來無盡的煩惱。對于柵格系統(tǒng)（這里指所有柵格系統(tǒng)，包括多種柵格系統(tǒng)混合使用的情景）來說，我覺得以下場景非常適合：頁面的總體寬度布局，比如兩欄、三欄等布局一些固定區(qū)塊的尺寸，比如廣告圖片的尺寸區(qū)塊之間的間距，可以參考柵格系統(tǒng)的槽寬（Gutter）一些可以柵格化的小區(qū)域，比如圖3中的例子，暗合柵格往往能簡化布局上的考慮除了上面這些應(yīng)用場景，強行使用柵格系統(tǒng)，往往會束手束腳，適得其反。這篇文章的目的，就是嘗試用最啰嗦最費神貌似很科學(xué)實際很無聊的分析來指出柵格系統(tǒng)應(yīng)用時的粒度問題。在粒度問題上達成一致后，下一篇中我們將討論柵格系統(tǒng)的技術(shù)實現(xiàn)，最后一篇則討論柵格系統(tǒng)的壓軸好戲：模塊化開發(fā)。前三篇文章中，明確了柵格系統(tǒng)的設(shè)計細節(jié)和適用范圍。這一篇將集中討論960柵格系統(tǒng)的技術(shù)實現(xiàn)。Blueprint的實現(xiàn)Blueprint是一個完整的CSS框架，柵格系統(tǒng)是它的一部分功能。我們來看demo頁面：以上三欄布局的代碼為：<style type="text/css"> .container { margin: 0 auto; width: 950px } .span-8 { float: left; margin-right: 10px } div.last { margin-right: 0 } hr { clear: both; height: 0; border: none }</style><div class="container"> <div class="span-8"></div> <div class="span-8"></div> <div class="span-8 last"></div> <hr /></div>上面是基本功能，Blueprint還支持append-n, prepend-m, border等“高級”功能，這些就不細說了

首先，你想看源代碼的系統(tǒng)是accdb或mdb格式的，不能是accde或mde格式：1、按住Shift后，再打開系統(tǒng)，就可將啟動項屏蔽；2、將該數(shù)據(jù)庫的AllowBypassKey 屬性設(shè)為True，之后，再按1做。