畫布：是你建立文檔內(nèi)可視區(qū)域（或可操作區(qū)域）的尺寸，這個(gè)可以根據(jù)個(gè)人喜好來規(guī)定大小。目前網(wǎng)頁設(shè)計(jì)有兩種主流方式：一、傳統(tǒng)設(shè)計(jì)模式：頁面寬度一般在1000像素或以內(nèi)，以滿足1024分辨率下的電腦，通常設(shè)計(jì)尺寸有以下幾中：寬：960px寬：980px寬：990px寬：1000px二、寬屏設(shè)計(jì)模式：由于現(xiàn)在顯示器尺寸多樣，特別是熒屏顯示器，分辨一般都為1360-1920像素，還有更大的，如2500像素。目前，在眾多的分辨當(dāng)中，1360和1920用得比較多，一般1360適用于筆記本，1920適用于19英寸的臺式機(jī)。通常設(shè)計(jì)尺寸有以下幾中：寬：1200px寬：1340px寬：1680px寬：1900px綜上所術(shù)，為了能滿足較低分辨率用戶最佳瀏覽效果，建議尺寸設(shè)計(jì)寬度不宜超過1000px。另外：現(xiàn)在隨著響應(yīng)式技術(shù)成熟，對于分辨率的大小影響其實(shí)已經(jīng)不是很大。即可根據(jù)分辨率大小，網(wǎng)頁尺寸自動適應(yīng)當(dāng)前你電腦分辨率，以滿足用戶瀏覽到最佳效果的網(wǎng)頁。關(guān)于響應(yīng)式設(shè)計(jì)，可以參考響應(yīng)式設(shè)計(jì)的相關(guān)資料。希望能幫到你！

網(wǎng)頁設(shè)計(jì)首屏的尺寸一般有一下幾中（這里指的是電腦的寬度）：1280px、1440px、1600px、1920px、2560px、3840px，你要做全屏的網(wǎng)頁首頁，按這幾個(gè)尺寸來構(gòu)化就可以了。

iPhone手機(jī)網(wǎng)頁的設(shè)計(jì)尺寸iPhone5尺寸是640x1136px分辨率是326PPI iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI安卓網(wǎng)頁的設(shè)計(jì)尺寸320dp：一個(gè)普通的手機(jī)屏幕（240X320，320×480，480X800）480dp：一個(gè)中間平板電腦像（480×800）600dp：7寸平板電腦（600×1024）720dp：10寸平板電腦（720×1280，800×1280）ipad網(wǎng)頁的設(shè)計(jì)尺寸iPad第三代第四代尺寸是2048x1536px分辨率是264PPI iPad第一代第二代尺寸是1024x768px分辨率是132PPI iPad Mini尺寸是1024x768px分辨率是163PPI以上是移動端的尺寸，單獨(dú)的如果某一個(gè)移動的網(wǎng)站的尺寸是沒有的，因?yàn)橐苿泳W(wǎng)站的一半情況是按照%比的尺寸 來自動適應(yīng)屏幕的大小，或者也通過設(shè)置，iphone執(zhí)行什么尺寸，安卓情況執(zhí)行什么尺寸的。

后天管理系統(tǒng)一般都是全屏滿尺寸的，想要做到大屏和小屏都有內(nèi)容這是代碼人員寫代碼做的自適應(yīng)；客戶端一般是根據(jù)需要自己決定，或者直接使用騰訊、360、百度云等各種客戶端是尺寸即可

要領(lǐng)一：確定網(wǎng)站主題 做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。美國《個(gè)人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網(wǎng)站的十類題材：第1類：網(wǎng)上求職；第2類：網(wǎng)上聊天/即時(shí)信息/ICQ；第3類：網(wǎng)上社區(qū)/討論/郵件列表；第4類：計(jì)算機(jī)技術(shù)；第5類：網(wǎng)頁/網(wǎng)站開發(fā)；第6類：娛樂網(wǎng)站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教育；第10類：生活/時(shí)尚。我們可以參看上面的分類，繼續(xù)細(xì)分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個(gè)自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色；二者，在制作網(wǎng)站時(shí)不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力，沒有創(chuàng)作熱情，很難設(shè)計(jì)制作出優(yōu)秀的作品。 對于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個(gè)包羅萬象的站點(diǎn)，這往往會失去網(wǎng)站的特色，也會帶來高強(qiáng)度的勞動，給網(wǎng)站的及時(shí)更新帶來困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一，沒有第二！ 要領(lǐng)二：選擇好域名 域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個(gè)非產(chǎn)品推銷的純信息服務(wù)網(wǎng)站，其所有建設(shè)的價(jià)值，都凝結(jié)在其網(wǎng)站域名之上。失去這個(gè)域名，所有前期工作就將全部落空。 目前，做個(gè)人網(wǎng)站的很多都依賴免費(fèi)個(gè)人空間，其域名也是依賴免費(fèi)域名指向，如網(wǎng)易的虛擬域名服務(wù)，其實(shí)這對個(gè)人網(wǎng)站的推廣與發(fā)展很為不利，不光是它“適時(shí)”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個(gè)人網(wǎng)站，而且也妨礙了網(wǎng)頁的傳輸速度。所以，就我個(gè)人觀點(diǎn)來說，首先花點(diǎn)錢去注冊一個(gè)域名，獨(dú)立的域名就是個(gè)人網(wǎng)站的第一筆財(cái)富，要把域名起得形象、簡單、易記。 要領(lǐng)三：掌握建網(wǎng)工具 網(wǎng)絡(luò)技術(shù)的發(fā)展帶動了軟件業(yè)的發(fā)展，所以用于制作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動網(wǎng)頁制作工具，各種各樣的Web頁面制作工具，下面是幾款具有代表性的網(wǎng)頁制作器： （1）HTML編輯器。雖然HTML代碼復(fù)雜，編輯和調(diào)試要花費(fèi)大量的時(shí)間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁面效果，仍受高級網(wǎng)頁制作人員的青睞。就目前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持復(fù)雜頁面創(chuàng)建及高級HTML規(guī)范，使用較為普遍的有Hotdog等專業(yè)HTML編輯器。 （2）所見即所得的網(wǎng)頁編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓(xùn)就能輕松編制網(wǎng)頁。而且，F(xiàn)rontpage還能解析網(wǎng)頁的HTML源代碼，并提供了預(yù)覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實(shí)現(xiàn)。所以Frontpage是一款非常適合初、中級網(wǎng)頁制作人員使用的工具軟件。 （3）現(xiàn)在非常流行的 Macromedia公司出品的Flash互動網(wǎng)頁制作工具。這是是一款功能非常強(qiáng)大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動畫網(wǎng)頁，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等；并且由于Flash編制的網(wǎng)頁文件比普通網(wǎng)頁文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動態(tài)Web制作的工具。 另外，個(gè)人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有適當(dāng)了解，還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動畫工具的基本用法，熟練使用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識也是必備的。 當(dāng)然，互聯(lián)網(wǎng)還是一個(gè)免費(fèi)的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費(fèi)時(shí)間又浪費(fèi)金錢，而且還需要強(qiáng)大的圖形、圖片制作技術(shù)。所以，為了省卻這些麻煩，網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實(shí)用的圖片、按鈕、背景等網(wǎng)頁素材。 要領(lǐng)四：確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印象，往往決定著網(wǎng)站的可看性，在確定網(wǎng)站的界面時(shí)要注意以下三點(diǎn)： ①欄目與板塊編排 構(gòu)建一個(gè)網(wǎng)站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)初學(xué)者，最容易犯的錯(cuò)誤就是：確定題材后立刻開始制作，沒有進(jìn)行合理規(guī)劃。從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂，制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以，我們在動手制作網(wǎng)頁前，一定要考慮好欄目和板塊的編排問題。 網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個(gè)合理的編排。比如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。在欄目編排時(shí)需要注意的是： ●盡可能刪除那些與主題無關(guān)的欄目； ●盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上； ●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內(nèi)容，如站點(diǎn)簡介、版權(quán)信息、個(gè)人信息等大可不必放在主欄目里，以免沖淡主題。 另外，板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些，每個(gè)板塊都有自己的欄目。舉個(gè)例子：ENET硅谷動力（www.enet.com.cn）的站點(diǎn)分新聞、產(chǎn)品、游戲、學(xué)院等板塊，每個(gè)板塊下面又各有自己的主欄目。一般來說，個(gè)人站點(diǎn)內(nèi)容較少，只要分個(gè)欄目也就夠了，不需要設(shè)置板塊。如果有必要設(shè)置板塊的，應(yīng)該注意： ●各板塊要有相對獨(dú)立性； ●各板塊要有相互關(guān)聯(lián)； ●各板塊的內(nèi)容要圍繞站點(diǎn)主題； ②目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如：在用Frontpage建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個(gè)容易忽略的問題，大多數(shù)站長都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對瀏覽者來說并沒有什么太大的感覺，但是對于站點(diǎn)本身的維護(hù)，以后內(nèi)容的擴(kuò)充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時(shí)也要仔細(xì)安排，比如： ●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便，將所有文件都放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率；上傳速度變慢，服務(wù)器一般都會為根目錄建立一個(gè)文件索引，如果將所有文件都放在根目錄下，那么即使只上傳更新一個(gè)文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時(shí)間也將越長。 ●按欄目內(nèi)容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：網(wǎng)站簡介、站長情況等可以合并放在一個(gè)統(tǒng)一目錄下。所有程序一般都存放在特定目錄，例如：CGI程序放在cgi-bin目錄，所有提供下載的內(nèi)容也最好放在一個(gè)目錄下，便于維護(hù)管理。 ●在每個(gè)主目錄下都建立獨(dú)立的Images目錄。一般來說，一個(gè)站點(diǎn)根目錄下都有一個(gè)默認(rèn)地Images目錄。將所有圖片都存放在這個(gè)目錄里很是不方便，比如在欄目刪除時(shí)，圖片的管理相當(dāng)麻煩。所以為每個(gè)主欄目建立一個(gè)獨(dú)立的Images目錄是方便管理的。原因很簡單，就是方便維護(hù)與管理。 其它需要注意的還有：目錄的層次不要太深，不要超過3層；不要使用中文目錄，使用中文目錄可能對網(wǎng)址的正確顯示造成困難；不要使用過長的目錄，太長的目錄名不便于記憶；盡量使用意義明確的目錄，以便于記憶和管理。 網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。形象的說：每個(gè)頁面都是一個(gè)固定點(diǎn)，鏈接則是在兩個(gè)固定點(diǎn)之間的連線。一個(gè)點(diǎn)可以和一個(gè)點(diǎn)連接，也可以和多個(gè)點(diǎn)連接。更重要的是，這些點(diǎn)并不是分布在一個(gè)平面上，而是存在于一個(gè)立體的空間中。一般的，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式： ●樹狀鏈接結(jié)構(gòu)（一對一），這類似DOS的目錄結(jié)構(gòu)，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級級進(jìn)入，一級級退出，條理比較清晰，訪問者明確知道自己在什么位置，不會“不知身在何處”，但是瀏覽效率低，一個(gè)欄目下的子頁面到另一個(gè)欄目下的子頁面，必須回到首頁再進(jìn)行。 ●星狀鏈接結(jié)構(gòu)（一對多），類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁面相互之間都建立有鏈接。這樣瀏覽比較方便，隨時(shí)可以到達(dá)自己喜歡的頁面。但是由于鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。 因此，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來使用。網(wǎng)站希望瀏覽者既可以方便快速地達(dá)到自己需要的頁面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁制作中是非常重要一環(huán)，采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。 ③進(jìn)行形象設(shè)計(jì) 網(wǎng)站的設(shè)計(jì)可以從以下幾點(diǎn)出發(fā)： ●設(shè)計(jì)網(wǎng)站標(biāo)志(LOGO)。LOGO是指網(wǎng)站的標(biāo)志，標(biāo)志可以是中文、英文字母，也可以是符號、圖案等。標(biāo)志的設(shè)計(jì)創(chuàng)意應(yīng)當(dāng)來自網(wǎng)站的名稱和內(nèi)容。比如：網(wǎng)站內(nèi)有代表性的人物、動物、植物，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化或者藝術(shù)化；專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標(biāo)志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(biāo)志。 ●設(shè)計(jì)網(wǎng)站色彩。網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來說，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過3種，太多則讓人眼花繚亂。適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色。 ●設(shè)計(jì)網(wǎng)站字體。和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般網(wǎng)頁默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的字體。需要說明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的計(jì)算機(jī)里沒有安裝特別字體，那么辛苦設(shè)計(jì)制作便可能付之東流了。 ●設(shè)計(jì)網(wǎng)站宣傳語。也可以說是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標(biāo)，用一句話或者一個(gè)詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站，進(jìn)行對外宣傳，可以收到比較好的結(jié)果。 要領(lǐng)五：確定網(wǎng)站風(fēng)格 “風(fēng)格”是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志，色彩，字體，標(biāo)語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價(jià)值等等諸多因素，網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格”。 風(fēng)格是有人性的，通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個(gè)站點(diǎn)的個(gè)性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執(zhí)著熱情的；是活潑易變的，還是墨守成規(guī)的。 總之，有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：在普通網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；在有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認(rèn)識，比如站點(diǎn)的品位，對瀏覽者的態(tài)度等。 在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳?？傊L(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化、調(diào)整、改進(jìn)。 要領(lǐng)六：有創(chuàng)意的內(nèi)容選擇 好的內(nèi)容選擇需要有好的創(chuàng)意，作為網(wǎng)頁設(shè)計(jì)制作者，最苦惱的就是沒有好的內(nèi)容創(chuàng)意。網(wǎng)絡(luò)上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實(shí)的結(jié)合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站，如果創(chuàng)意很好，卻對網(wǎng)站發(fā)展毫無意義，那么，網(wǎng)站設(shè)計(jì)制作者也應(yīng)當(dāng)放棄這個(gè)創(chuàng)意。另外，主頁內(nèi)容是網(wǎng)站的根本之所在，如果內(nèi)容空洞，即使頁面制作地再怎樣精美，仍然不會有多少用戶。從根本上說，網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量，內(nèi)容為王（Content Is King）依然是個(gè)人網(wǎng)站成功的關(guān)鍵。 要領(lǐng)七：推廣自己的網(wǎng)站 網(wǎng)站的營銷推廣在個(gè)人網(wǎng)站的運(yùn)行中也占著重要的地位，在推廣個(gè)人網(wǎng)站之前，請確保已經(jīng)做好了以下內(nèi)容：網(wǎng)站信息內(nèi)容豐富、準(zhǔn)確、及時(shí)；網(wǎng)站技術(shù)具有一定專業(yè)水準(zhǔn)，網(wǎng)站的交互性能良好。一般來說，網(wǎng)站的推廣有以下幾種方式： （1）搜索引擎注冊與搜索目錄登錄技巧 注冊著名的搜索引擎站點(diǎn)是在技術(shù)上推廣網(wǎng)站的第一步。注冊搜索引擎有一定的技巧，像AltaVista、搜索客這樣的搜索引擎，它自動收錄提交的網(wǎng)址。另外，注意Meta的使用，不要提交分欄Frame頁面，大部分搜索引擎不識別Frame，所以一定要提交有內(nèi)容的Main頁面。 而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址，以保證收錄網(wǎng)站的質(zhì)量，在分類查詢時(shí)獲得的信息相關(guān)性比搜索引擎站點(diǎn)（靠Spider自動搜索的）更強(qiáng)。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對較多，因此在提交網(wǎng)站時(shí)要注意遵守規(guī)則。如Yahoo要求注冊站點(diǎn)描述不超過25個(gè)單詞。在此要注意：將網(wǎng)址提交到最合適的目錄下面，要認(rèn)真詳細(xì)的介紹網(wǎng)站，千萬不要有虛假、夸張的成分。 （2）廣告交換技巧 很多個(gè)人站點(diǎn)在相互廣告交換時(shí)都提出了幾個(gè)條件：第一，訪問量相當(dāng)；第二，首頁交換。顯而易見，這種做法是為了充分利用廣告交換。以很多個(gè)人網(wǎng)站的經(jīng)驗(yàn)，當(dāng)與一個(gè)個(gè)人站點(diǎn)交換鏈接時(shí)，對方把網(wǎng)站的LOGO放到了友情連接一頁，而不是首頁時(shí)，很少有訪客會來自那里。通常在首頁，廣告交換才會有很好的效果。 （3）目標(biāo)電子郵件推廣 使用電子郵件宣傳網(wǎng)址時(shí)，主要有如下技巧：可以使用免費(fèi)郵件列表來進(jìn)行，只要你申請了免費(fèi)郵件列表服務(wù)，你就可以利用郵件列表來推廣你的網(wǎng)站；可以通過收集的特定郵件地址，來發(fā)送信息到特定的網(wǎng)絡(luò)群體，在特定網(wǎng)絡(luò)群體中推廣自己的網(wǎng)站；發(fā)送HTML格式的郵件，即使其內(nèi)容與接收者關(guān)系不大，也不會被被當(dāng)作垃圾信件馬上刪掉，人們至少會留意一下發(fā)送者的地址。不過，在進(jìn)行郵件推廣的時(shí)候要注意網(wǎng)絡(luò)道德。 要領(lǐng)八：支撐網(wǎng)站日常運(yùn)行 當(dāng)個(gè)人網(wǎng)站做到某一程度，就必須把賺錢提到議事日程上來，通常來說，個(gè)人網(wǎng)站獲取資金通常有以下兩個(gè)渠道： （1）銷售網(wǎng)站的廣告位 要銷售網(wǎng)站的廣告位，一般來說，每日的流量少于1萬人次的網(wǎng)站在目前是不會吸引廣告主的。網(wǎng)站的專業(yè)性及商用性，以往的廣告經(jīng)驗(yàn)，技術(shù)以及設(shè)計(jì)要求等也會影響到廣告的銷售。 一般來說，WEB廣告的收費(fèi)有三種方式： ①CPM (Cost Per Million/Thousand) 放一個(gè)廣告，它按每1,000人次來訪問站點(diǎn)收費(fèi)。這方法對網(wǎng)站經(jīng)營者最為合適，只要有人瀏覽該網(wǎng)頁，就得錢，不管訪問者對廣告有無反應(yīng)——是否會看或點(diǎn)擊該廣告。 ②點(diǎn)透（Click-through） 通過Banner廣告點(diǎn)到了廣告商的站點(diǎn)，這才算數(shù)，廣告商青睞這個(gè)，他只為對自己廣告感興趣的人“套錢“。網(wǎng)站經(jīng)營者就不合適了，據(jù)一些調(diào)查資料表明，只有3%的訪問者會去“CLICK”廣告。 ③提成 (Commission) 根據(jù)訪問者點(diǎn)擊位于你站點(diǎn)上廣告所帶來的銷售收入，從中跟做廣告的廠商分成，這種方法對于網(wǎng)站的經(jīng)營者來說，比上面兩個(gè)都更加冒險(xiǎn)。 通常的，個(gè)人網(wǎng)站的廣告收費(fèi)方法往往是第一、第二種方法的結(jié)合，站點(diǎn)和廣告商都可少冒點(diǎn)險(xiǎn)。 （2）與大型網(wǎng)站合作 另外，通過與大型網(wǎng)站合作，獲取經(jīng)費(fèi)，也可以維持個(gè)人網(wǎng)站的日常運(yùn)行。不過，個(gè)人網(wǎng)站很容易會成為商業(yè)網(wǎng)站的附屬品。 有時(shí)間和充沛的體力，再加上對新技術(shù)和技巧的學(xué)習(xí)和應(yīng)用，你就能為自己在網(wǎng)上建一個(gè)家了 參考資料： http://zhidao.baidu.com/question/6583649.html?fr=qrl3

網(wǎng)頁設(shè)計(jì)合適尺寸，已經(jīng)有了很大改變，不需要擔(dān)心設(shè)備尺寸不同的問題，以目前主流形式來看，有以下：1、pc端網(wǎng)頁的設(shè)計(jì)稿尺寸是寬度1920px，高度最小是1080px , 主體內(nèi)容在1200px內(nèi)就行，比較規(guī)范。2、移動端網(wǎng)頁的設(shè)計(jì)尺寸可以考慮680px和720px

網(wǎng)頁設(shè)計(jì)合適尺寸，已經(jīng)有了很大改變，不需要擔(dān)心設(shè)備尺寸不同的問題，以目前主流形式來看，有以下：1、pc端網(wǎng)頁的設(shè)計(jì)稿尺寸是寬度1920px，高度最小是1080px , 主體內(nèi)容在1200px內(nèi)就行，比較規(guī)范。2、移動端網(wǎng)頁的設(shè)計(jì)尺寸可以考慮680px和720px

對于剛?cè)胄械腢I設(shè)計(jì)師，最容易犯的錯(cuò)就是在設(shè)計(jì)移動APP時(shí)，不懂什么尺寸或者用哪種屏幕的尺寸是最適當(dāng)?shù)?？為了解決這個(gè)問題，今天我們就簡單的為大家整理做UI時(shí)最基礎(chǔ)的尺寸規(guī)范?，F(xiàn)象首先說現(xiàn)象，大家都知道移動端設(shè)備屏幕尺寸非常多，碎片化嚴(yán)重。尤其是Android，你會聽到很多種分辨率：480×800, 480×854, 540×960, 720×1280, 1080×1920，而且還有傳說中的2K屏。近年來iPhone的碎片化也加劇了：640×960, 640×1136, 750×1334, 1242×2208。不要被這些尺寸嚇倒。實(shí)際上大部分的app UI設(shè)計(jì)和移動端網(wǎng)頁，在各種尺寸的屏幕上都能正常顯示。說明尺寸的問題一定有解決方法，而且有規(guī)律可循。像素密度要知道，屏幕是由很多像素點(diǎn)組成的。之前提到那么多種分辨率，都是手機(jī)屏幕的實(shí)際像素尺寸。比如480×800的屏幕，就是由800行、480列的像素點(diǎn)組成的。每個(gè)點(diǎn)發(fā)出不同顏色的光，構(gòu)成我們所看到的畫面。而手機(jī)屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320×480，iPhone 4s的屏幕像素是640×960。剛好兩倍，然而兩款手機(jī)都是3.5英寸的。所以，我們要引入最重要的一個(gè)概念：像素密度，也就是PPI（pixels per inch）。這項(xiàng)指標(biāo)是連接數(shù)字世界與物理世界的橋梁。Pixels per inch，準(zhǔn)確的說是每英寸的長度上排列的像素點(diǎn)數(shù)量。1英寸是一個(gè)固定長度，等于2.54厘米，大約是食指最末端那根指節(jié)的長度。像素密度越高，代表屏幕顯示效果越精細(xì)。Retina屏比普通屏清晰很多，就是因?yàn)樗南袼孛芏确艘槐?。倍率與邏輯像素再用iPhone 3gs和4s來舉例。假設(shè)有個(gè)郵件列表界面，我們不妨按照PC端網(wǎng)頁設(shè)計(jì)的思維來想象。3gs上大概只能顯示4-5行，4s就能顯示9-10行，而且每行會變得特別寬。但兩款手機(jī)其實(shí)是一樣大的。如果照這種方式顯示，3gs上剛剛好的效果，在4s上就會小到根本看不清字。在現(xiàn)實(shí)中，這兩者效果卻是一樣的。這是因?yàn)镽etina屏幕把2×2個(gè)像素當(dāng)1個(gè)像素使用。比如原本44像素高的頂部導(dǎo)航欄，在Retina屏上用了88個(gè)像素的高度來顯示。導(dǎo)致界面元素都變成2倍大小，反而和3gs效果一樣了。畫質(zhì)卻更清晰。在以前，iOS應(yīng)用的資源圖片中，同一張圖通常有兩個(gè)尺寸。你會看到文件名有的帶@2x字樣，有的不帶。其中不帶@2x的用在普通屏上，帶@2x的用在Retina屏上。只要圖片準(zhǔn)備好，iOS會自己判斷用哪張，Android道理也一樣。由此可以看出，蘋果以普通屏為基準(zhǔn)，給Retina屏定義了一個(gè)2倍的倍率（iPhone 6plus除外，它達(dá)到了3倍）。實(shí)際像素除以倍率，就得到邏輯像素尺寸。只要兩個(gè)屏幕邏輯像素相同，它們的顯示效果就是相同的。Android的解決方法類似，但更復(fù)雜一些。因?yàn)锳ndroid屏幕尺寸實(shí)在太多，分辨率高低跨度非常大，不像蘋果只有那么幾款固定設(shè)備、固定尺寸。所以Android把各種設(shè)備的像素密度劃成了好幾個(gè)范圍區(qū)間，給不同范圍的設(shè)備定義了不同的倍率，來保證顯示效果相近。像素密度概念雖然重要，但用不著我們自己算，iOS與Android都幫我們算好了。如圖所示，像素密度在120左右的屏幕歸為ldpi，160左右的歸為mdpi，以此類推。這樣，所有的Android屏幕都找到了自己的位置，并賦予了相應(yīng)的倍率：ldpi [0.75倍]mdpi [1倍]hdpi [1.5倍]xhdpi [2倍]xxhdpi [3倍]xxxhdpi [4倍]各型號iPhone的倍率比較簡單，我們后面會講到。那么Android手機(jī)那么多，具體怎么分？哪些手機(jī)是幾倍的倍率呢？我們先看一張表，這是友盟2014年10月到2015年03月的數(shù)據(jù)：就目前市場狀況而言，各種手機(jī)的分辨率可以這樣粗略判斷。雖然不全面，但至少在1年內(nèi)都還有一定的參考意義：ldpi 如今已絕跡，不用考慮mdpi [320x480]（市場份額不足5%，新手機(jī)不會有這種倍率，屏幕通常都特別?。﹉dpi [480x800、480x854、540x960]（早年的低端機(jī)，屏幕在3.5英寸檔位；如今的低端機(jī)，屏幕在4.7-5.0英寸檔位）xhdpi [720x1280]（早年的中端機(jī)，屏幕在4.7-5.0英寸檔位；如今的中低端機(jī)，屏幕在5.0-5.5英寸檔位）xxhdpi [1080x1920]（早年的高端機(jī)，如今的中高端機(jī)，屏幕通常都在5.0英寸以上）xxxhdpi [1440x2560]（極少數(shù)2K屏手機(jī)，比如Google Nexus 6）自然地，以1倍的mdpi作為基準(zhǔn)。像素密度更高或者更低的設(shè)備，只需乘以相應(yīng)的倍率，就能得到與基準(zhǔn)倍率近似的顯示效果。不過需要注意的是，Android設(shè)備的邏輯像素尺寸并不統(tǒng)一。比如兩種常見的屏幕480×800和1080×1920，它們分別屬于hdpi和xxhdpi。除以各自倍率1.5倍和3倍，得到邏輯像素為320×533和360×640。很顯然，后者更寬更高，能顯示內(nèi)容。所以，即使有倍率的存在，各種Android設(shè)備的顯示效果仍然無法做到完全一致。單位不難發(fā)現(xiàn)，真正決定顯示效果的，是邏輯像素尺寸。為此，iOS和Android平臺都定義了各自的邏輯像素單位。iOS的尺寸單位為pt，Android的尺寸單位為dp。說實(shí)話，兩者其實(shí)是一回事。單位之間的換算關(guān)系隨倍率變化：1倍：1pt=1dp=1px（mdpi、iPhone 3gs）1.5倍：1pt=1dp=1.5px（hdpi）2倍：1pt=1dp=2px（xhdpi、iPhone 4s/5/6）3倍：1pt=1dp=3px（xxhdpi、iPhone 6）4倍：1pt=1dp=4px（xxxhdpi）單位決定了我們的思考方式。在設(shè)計(jì)和開發(fā)過程中，應(yīng)該盡量使用邏輯像素尺寸來思考界面。設(shè)計(jì)Android應(yīng)用時(shí)，有的設(shè)計(jì)師喜歡把畫布設(shè)為1080×1920，有的喜歡設(shè)成720×1280。給出的界面元素尺寸就不統(tǒng)一了。Android的最小點(diǎn)擊區(qū)域尺寸是48x48dp，這就意味著在xhdpi的設(shè)備上，按鈕尺寸至少是96x96px。而在xxhdpi設(shè)備上，則是144x144px。無論畫布設(shè)成多大，我們設(shè)計(jì)的是基準(zhǔn)倍率的界面樣式，而且開發(fā)人員需要的單位都是邏輯像素。所以為了保證準(zhǔn)確高效的溝通，雙方都需要以邏輯像素尺寸來描述和理解界面，無論是在標(biāo)注圖還是在日常溝通中。不要再說“底部標(biāo)簽欄的高度是96像素，我是按照xhdpi做的”這樣的話了。Web怎么辦移動端頁面的絕對單位仍然是px，至少代碼里這么寫，但它的道理也和app一樣。由于像素密度是設(shè)備本身的固有屬性，它會影響到設(shè)備中的所有應(yīng)用，包括瀏覽器。前端技術(shù)可以善加利用設(shè)備的像素密度，只需一行代碼，瀏覽器便會使用app的顯示方式來渲染頁面。根據(jù)像素密度，按相應(yīng)倍率縮放。以iPhone 5s為例，屏幕的分辨率是640×1136，倍率是2。瀏覽器會認(rèn)為屏幕的分辨率是320×568，仍然是基準(zhǔn)倍率的尺寸。所以在制作頁面時(shí)，只需要按照基準(zhǔn)倍率來就行了。無論什么樣的屏幕，倍率是多少，都按邏輯像素尺寸來設(shè)計(jì)和開發(fā)頁面。只不過在準(zhǔn)備資源圖的時(shí)候，需要準(zhǔn)備2倍大小的圖，通過代碼把它縮成1倍大小顯示，才能保證清晰。實(shí)際應(yīng)用大家最關(guān)心的還是實(shí)際運(yùn)用，畫布該怎么設(shè)置。我們就iOS、Android、Web三個(gè)平臺來分別梳理一下。不過在這之前，我要為使用PS進(jìn)行設(shè)計(jì)的朋友介紹一個(gè)小技巧。之前我說過，我們要以邏輯像素尺寸來思考界面。體現(xiàn)到設(shè)計(jì)過程中，就是要把單位設(shè)置成邏輯像素。打開PS的首選項(xiàng)——單位與標(biāo)尺界面，把尺寸和文字單位都改成點(diǎn)（Point）。這里的點(diǎn)也就是pt，無論設(shè)計(jì)iOS、Android還是Web應(yīng)用，單位都用它。當(dāng)然，各平臺單位名稱還是要記住的。這里我們用的只是它的原理，不用在意名稱。要調(diào)節(jié)倍率，則通過圖像大小里的DPI來控制。這個(gè)DPI，其實(shí)就是PPI，像素密度。有個(gè)常識大家都知道，屏幕上的設(shè)計(jì)DPI設(shè)成72，印刷品設(shè)計(jì)DPI設(shè)成300。為什么是這兩個(gè)數(shù)字？首先說300，這和人眼的分辨能力有關(guān)。由于1英寸是固定長度，每1英寸有多少個(gè)像素點(diǎn)決定了畫質(zhì)清晰程度。之前說過，這就是像素密度，也就是DPI。DPI達(dá)到300以上，其細(xì)膩程度就會給人真實(shí)感，像真實(shí)世界中的物件。相反，DPI只有10的話，在你一個(gè)食指指節(jié)大小的長度內(nèi)只有10個(gè)像素，這明顯就是馬賽克了。所以印刷品要設(shè)成300，才能保證清晰。再說72，這有一定的歷史原因。最早的圖形設(shè)計(jì)是在mac電腦上進(jìn)行的，mac本身的顯示器分辨率就是72。PS中把圖像DPI也設(shè)成72，就能保證屏幕上顯示的尺寸和打印尺寸相同，便于設(shè)計(jì)。72的PC顯示器分辨率逐漸成為一種默認(rèn)的行業(yè)標(biāo)準(zhǔn)，這套規(guī)則就這么沿用下來?，F(xiàn)在回到正題，我們怎么通過DPI來調(diào)節(jié)倍率？既然屏幕本身的分辨率是72，DPI設(shè)成72剛好是1倍尺寸，那設(shè)成72的兩倍就是倍率為2的屏幕了，就這么簡單。下面來看看3個(gè)平臺各自的畫布設(shè)置：IPhoneiPhone的屏幕尺寸各不相同，我說的是邏輯像素尺寸，這確實(shí)是讓人很頭疼的事情。如果想用一套設(shè)計(jì)涵蓋所有iPhone，就要選擇邏輯像素折中的機(jī)型。從市場占有率數(shù)據(jù)來看，目前最多的是iPhone5/5s的屏幕。倍率為2，邏輯像素320×568。上升勢頭最猛，未來有望登上第一的是iPhone 6的屏幕。倍率為2，邏輯像素375×667。按照這兩種尺寸來設(shè)計(jì)，都是比較主流的做法?？梢约骖櫠桃恍┑膇Phone 4s，大一點(diǎn)的6 plus也不會過于空曠。不過在切圖的時(shí)候要注意，由于iPhone 6 plus的3倍圖是由2倍圖放大而來，所以位圖要注意保證清晰。Android都說Android碎片化嚴(yán)重，但它現(xiàn)在反而比iOS好處理。因?yàn)槿缃竦腁ndroid屏幕邏輯像素已經(jīng)趨于統(tǒng)一了：360×640，就看你設(shè)成幾倍了。想以xhdpi為準(zhǔn)，就把DPI設(shè)成72×2=144。想以xxhdpi為準(zhǔn)，就把DPI設(shè)成72×3=216。對于那些比較老的低端機(jī)，寬度是480px的那批，畫面確實(shí)會小一些，顯示內(nèi)容會更少。稍微留意一下，重要內(nèi)容盡量保持在界面中上部分。當(dāng)然，這些機(jī)型不出一年就會被邊緣化，基本淘汰?，F(xiàn)在能運(yùn)轉(zhuǎn)的也是當(dāng)作功能機(jī)在用，軟件多了必卡無疑，用戶體驗(yàn)無從談起。不作考慮也是OK的。Web手機(jī)端網(wǎng)頁就沒有統(tǒng)一標(biāo)準(zhǔn)了，比較流行的做法是按照iPhone 5的尺寸來設(shè)計(jì)。倍率2，邏輯像素320×568。這樣的做法比較實(shí)在，倍率2的屏幕無論在iOS還是Android方面都是主流，而且又是2倍屏幕中邏輯像素最小的。所以圖片的尺寸可以保持在較小的水平，頁面加載速度快。當(dāng)然，缺點(diǎn)就是在倍率3的設(shè)備上看，圖片不是特別清晰。如果追求圖片質(zhì)量，愿意犧牲加載速度，那么可以按照最大的屏幕來設(shè)計(jì)。也就是iPhone 6 plus的尺寸，倍率3，邏輯像素414×736?？偨Y(jié)移動端的尺寸比PC端復(fù)雜，關(guān)鍵就在倍率。但也正因?yàn)楸堵实拇嬖?，把大大小小的屏幕拉回到同一水平線，得以保證一套設(shè)計(jì)適應(yīng)各種屏幕。站在這條水平線的角度看，會發(fā)現(xiàn)它很好理解。

手機(jī)網(wǎng)站簡稱移動端網(wǎng)站，電腦網(wǎng)站簡稱pc站點(diǎn)，手機(jī)站的是適合使用手機(jī)的人群而電腦網(wǎng)站的是適合在電腦上訪問網(wǎng)站的人群！第一、顯示終端不同PC網(wǎng)站只適合電腦頁面瀏覽，不適合手機(jī)頁面的瀏覽，一旦PC網(wǎng)站在手機(jī)上展示，就會不可避免地出現(xiàn)比例不協(xié)調(diào)，排版不整齊、錯(cuò)位、變形、甚至出現(xiàn)亂碼的現(xiàn)象，這將有損企業(yè)形象，降低合作伙伴對企業(yè)的好感和信任，進(jìn)而直接降低合作率和業(yè)務(wù)量，這是對企業(yè)一種致命的傷害。而手機(jī)網(wǎng)站是針對手機(jī)屏幕和手機(jī)分辨率的大小而定制的網(wǎng)站，文字和圖片的顯示比例都適合手機(jī)頁面瀏覽，吻合手機(jī)用戶的視覺習(xí)慣和需求。兩者可謂是一個(gè)蘿卜一個(gè)坑，它們各自都是為自己的顯示終端量身訂做，不可通用。因此，手機(jī)網(wǎng)站制作已成企業(yè)當(dāng)今的剛性需求。第二、風(fēng)格特點(diǎn)不同PC網(wǎng)站和手機(jī)網(wǎng)站風(fēng)格有“詳”與“簡”的區(qū)別。PC網(wǎng)站展現(xiàn)的是企業(yè)全面詳細(xì)的信息，它的特點(diǎn)就是面面俱到;而手機(jī)網(wǎng)站是居于電話、短信、定位、分享、留言等基本功能的網(wǎng)站，它只展現(xiàn)企業(yè)的核心信息，針對性和目的性強(qiáng)，傳輸數(shù)據(jù)量小，訪問速度快，這些特點(diǎn)更有利于其在手機(jī)終端發(fā)揮營銷價(jià)值。簡而言之，它是PC網(wǎng)站的簡約版，具備畫面清晰、板塊簡約、排版整齊、視覺沖擊力強(qiáng)等優(yōu)勢。第三、登錄方式不同訪問PC網(wǎng)站需要通過輸入網(wǎng)址或者通過搜索引擎來進(jìn)行訪問，而手機(jī)WAP網(wǎng)站的訪問方式更新穎、更方便，訪問手機(jī)網(wǎng)站可通過拍攝二維碼直接登錄訪問，省去了手動輸入網(wǎng)址的麻煩，很好地滿足了人的惰性。眾所周知，能滿足客戶惰性的產(chǎn)品更具生命力，更容易吸引客戶，被客戶所接受