相對性于這些為單一媒體(例如包裝印刷)建立的文檔來講，大家為網(wǎng)頁設(shè)計(jì)的文檔有著更加繁雜的主要用途及作用。在某一自然環(huán)境中充分發(fā)揮優(yōu)良功效的文檔，很有可能在另一個(gè)自然環(huán)境中就越來越不能用了。比如，為大的顯示器設(shè)計(jì)的網(wǎng)頁頁面在打印出時(shí)或是在小屏手機(jī)上表明時(shí)的實(shí)際效果很有可能不容易太好。在考慮到頁面設(shè)計(jì)的情況下，要將視線擴(kuò)寬至象征性的顯示器以外，并為包含打印出和手機(jī)上以內(nèi)的別的自然環(huán)境事先明確提出相對應(yīng)的設(shè)計(jì)。
適應(yīng)能力設(shè)計(jì)
實(shí)際操作適度得話，網(wǎng)頁頁面則能夠適用不一樣的自然環(huán)境而不用同一文檔的好幾個(gè)版本號。應(yīng)用了適應(yīng)能力設(shè)計(jì)的網(wǎng)頁頁面文檔能夠順利地運(yùn)用于影院或手機(jī)屏、電視機(jī)或投影儀屏幕、印刷油墨打印出或盲文包裝印刷，還可以被閱讀文章或應(yīng)用應(yīng)用軟件程序流程開展訪問。從設(shè)計(jì)師的視角來講，必須關(guān)心兩大因素便于讓這一多功能系統(tǒng)軟件更合理地充分發(fā)揮它的作用，即，源文檔和新聞媒體css樣式表。擁有適應(yīng)能力設(shè)計(jì)，源文檔便包括了全部必需的信息和作用；新聞媒體css樣式表能夠?qū)υ次臋n開展變更以融入于不一樣的自然環(huán)境。
款式界定
能夠根據(jù)很多種多樣方法對款式開展界定:在元素標(biāo)識、頁面的頭元素或是在外界css樣式表中應(yīng)用款式特性。一般而言，外界css樣式表是最有效的方式，比如，應(yīng)用該方式能夠根據(jù)在某一部位界定行為主體情況顏色特性，來隨便地改動全部網(wǎng)址的行為主體情況顏色。應(yīng)用適應(yīng)能力設(shè)計(jì)，我們可以為每一個(gè)自然環(huán)境建立不一樣的外界css樣式表，并接著應(yīng)用link標(biāo)識的新聞媒體;(media)特性引入該css樣式表。雖然在HTML標(biāo)準(zhǔn)中有很多新聞媒體特性，但這里大家集中化關(guān)心應(yīng)用較廣和最受適用的新聞媒體種類:顯示器、打印出及其手執(zhí)機(jī)器設(shè)備。
在操作過程中，大家一直在既定事實(shí)以后才會充分考慮新聞媒體款式。大家通常先為傳統(tǒng)式的電子計(jì)算機(jī)顯示器開展設(shè)計(jì)，隨后再為打印出和手機(jī)上的應(yīng)用開展改動。應(yīng)用這一方法所造成的設(shè)計(jì)實(shí)際效果并不是那麼理想化，由于大家通常沒有充分考慮別的新聞媒體及其查詢機(jī)器設(shè)備。為了更好地充足開發(fā)設(shè)計(jì)網(wǎng)絡(luò)空間，大家必須從一開始就考慮得更全方位，并建立出適用多種多樣自然環(huán)境的源文檔。
文檔次序
文檔次序就是指例如網(wǎng)址品牌形象、導(dǎo)航欄、具體內(nèi)容、相關(guān)內(nèi)容及其來源信息等元素在文檔源碼中表明的次序。文檔次序雖然在視覺效果自然環(huán)境中不顯著，但其對網(wǎng)頁頁面的機(jī)讀性具備積極意義。許多 百度搜索引擎授予了文檔頂端內(nèi)容大量的權(quán)重值。顯示器讀者們在閱讀文章網(wǎng)頁頁面的情況下會從網(wǎng)頁頁面的起止處逐漸，隨后按序開展訪問。許多 瀏覽器工具在小顯示器上面將多欄合理布局折疊為一欄，以便捷訪問。打印出款式通常應(yīng)用單欄款式來融入網(wǎng)頁頁面的縱橫比。這種自然環(huán)境的實(shí)際效果巨大地在于文檔次序。
次序是文檔次序的一個(gè)關(guān)鍵層面。假如內(nèi)容元素沒法按一個(gè)邏輯順序開展排序，那麼信息便會被扭曲。比如，當(dāng)有關(guān)連接和廣告宣傳與頁面具體內(nèi)容混在一起的情況下，各元素務(wù)必依照-定的邏輯順序在文檔源碼中排序，而且每個(gè)元素中間務(wù)必充足聯(lián)接，而不可以被別的元素切斷。
HTML編碼 (左邊)中的編碼次序，及其應(yīng)用css樣式表后每一個(gè)代碼塊是怎樣排序的除此之外，考慮到元素的相對性必要性及其將最重要的信息放置網(wǎng)頁頁面起止部位也是必的。這一方式被稱作外置;，它有很多益處。當(dāng)具體內(nèi)容在源碼中坐落于較前的置時(shí)，視障客戶及其應(yīng)用小顯示器的客戶能更立即地瀏覽這種內(nèi)容，而電腦鍵盤客戶能更立即地瀏覽頁面的多功能性元素。若相關(guān)內(nèi)容坐落于文檔頂端，百度搜索引擎在對頁開展數(shù)據(jù)庫索引時(shí)便能夠充分發(fā)揮更強(qiáng)的作用。
可選擇性表明
文檔設(shè)計(jì)的另一方面取決于，消化吸收與不一樣自然環(huán)境有關(guān)的元素并對文檔開展編號，那樣元素就可以依據(jù)狀況表明或是無法顯示了。比如，雖然對一切顯示器設(shè)計(jì)來講，導(dǎo)航欄連接是基本，但當(dāng)打印出到紙張?zhí)帟r(shí)，他們就沒有多少協(xié)助了。
此外，在我們準(zhǔn)備集中化為電腦顯示屏設(shè)計(jì)文檔時(shí)，絕大部分文檔內(nèi)容處理的是視覺效果訪問要求，在其中一些元素對別的自然環(huán)境會有效。在打印出時(shí)，頁面URL有利于回到頁面或引入文章內(nèi)容。而在顯示器上，頁面URL則能夠方便快捷地得到，因此沒必要表明該信息。在這里一案例中，能夠應(yīng)用CSS來掩藏顯示器css樣式表中的URL。
文字替代品
網(wǎng)頁頁面設(shè)計(jì)涉及到給予視覺效果和非視覺效果方法以瀏覽信息和作用。大家往往可以達(dá)到這般普遍且各不相同的線上觀眾們的要求，關(guān)鍵緣故取決于能夠應(yīng)用手機(jī)軟件閱讀文章文字。自然。并不是網(wǎng)頁頁面上全部的信息和作用全是文檔格式:實(shí)際上，網(wǎng)頁頁面正持續(xù)的被例如圖象、
視頻及其易用性等別的內(nèi)容豐富著。要想在一個(gè)繁雜且視覺效果上豐厚的自然環(huán)境中得到廣泛的易用性，必須為全部有關(guān)的非文字元素給予文字替代品。
取代文字能夠有很多方式。說明性文章標(biāo)題是一種取代方法，它能夠表明包括圖象的信息。許多 網(wǎng)址會在頁面的腳注中應(yīng)用文字連接，便于為根據(jù)照片的連接是供只由文字構(gòu)成的替代品。你能在頁面編碼中給予取代文字。比如，應(yīng)用img標(biāo)簽的alt屬性，能夠?yàn)閳D象給予取代文字。聲頻視頻展現(xiàn)通常應(yīng)用文章標(biāo)題和文字紀(jì)錄來開展展現(xiàn)。關(guān)鍵定義不取決于給予了是多少，而取決于取代文字被給予給源碼，便于頁面中必需的內(nèi)容和作用具備機(jī)讀性，并因而具備可瀏覽性和通用性易用性。
大家根據(jù)不一樣的方法來開展網(wǎng)頁頁面感受。對某些人而言，互聯(lián)網(wǎng)是頁面免費(fèi)閱讀的立即媒體一在大的電腦顯示器上，應(yīng)用中小型便攜式設(shè)備 .或應(yīng)用手機(jī)軟件開展語音閱讀。對別人而言，互聯(lián)網(wǎng)是一個(gè)推送媒體，應(yīng)用它能夠線下獲得信息，將要信息免費(fèi)下載到光碟或是打印出到紙張上。對大家廣泛應(yīng)用網(wǎng)址的方法的預(yù)估將核心你對頁面設(shè)計(jì)的決策。免費(fèi)閱讀的文檔將為免費(fèi)閱讀這目地開展撰寫，應(yīng)用能夠徹底融入不一樣屏幕大小和訪向方法的頁面設(shè)計(jì)。這些很可能用以打印出或線下閱讀文章的文檔，則理應(yīng)極致地展現(xiàn)在一個(gè)網(wǎng)站建設(shè)頁面上，而且理應(yīng)應(yīng)用打印出css樣式表以保證設(shè)計(jì)融入于最理想化的打印出款式，比如，除掉打印出頁中不相干的網(wǎng)站導(dǎo)航連接。這些很有可能朝向中國移動號碼的文檔理應(yīng)可以在混和挪動工作環(huán)境，能夠在歷經(jīng)分拆的頁面閱讀文章，與此同時(shí)還可以根據(jù)小但完善的挪動電腦瀏覽器開展基本訪問。
