1.選擇一種DOCTYPE
HTML或者XTHML的最終版本非常適用于固定寬度布局和靈活布局。請確認(rèn)你已經(jīng)選擇了一個DOCTYPE-你可以成功地滿足該DOCTYPE的需求來創(chuàng)建有效的櫟記,這樣一來你便可以有一個更好的跨瀏覽器進(jìn)行正確渲染的機(jī)會。
2.將內(nèi)容放到頁面上,并且添加上有助記作用的標(biāo)記
每一塊內(nèi)容都需要使用合適的(X)HTML元素來標(biāo)記,以表明它是什么,例如一個段落、一級標(biāo)題或者塊引用。不要添加任何帶表象性質(zhì)的標(biāo)記,如font.b或center元素,因為它們由CSS控制。助記標(biāo)識的眾多好處之一是它可以提供更多的“鉤子(hook)”以連接CSS——之后在對布局設(shè)置樣式時便可以得到十分明顯的好處。
3.使用div成組內(nèi)容
盡管div是一個中性的助記元素,但是非常適合在你的頁面適度地添加。請使用最小的數(shù)量將大量的信息成組為有組織性的或者有主題的組,例如導(dǎo)航、主內(nèi)容和頁腳。理想地是,你再也不需要添加任何多余的div來獲取視覺效果,可以在不用考慮div將在頁面上的哪個位置出現(xiàn)的情況下,將div以最有邏輯性的順序放在源代碼中,但是在現(xiàn)實中這種情況甚為少見。瀏覽器和CSS的限制使得稍微調(diào)整div以適應(yīng)視覺格式變得非常有必要,因此我們將在創(chuàng)建布局時分別講解與每個即將創(chuàng)建的布局相適應(yīng)的div結(jié)構(gòu)。
4.附加一個或多個樣式表
使用頁面head中的link元素或者@import指令來添加樣式表。在最初的研發(fā)過程中,你只需要通過將它們放在head中的style元素中,即可將這些樣式嵌入到個別頁面中。接下來。當(dāng)你對這些樣式很滿意時,便可以將這些樣式移動到一個外部樣式表中,并且在創(chuàng)建頁面動態(tài)效果之前將它們應(yīng)用于多個頁面。本書中的絕大多數(shù)實例文件都由嵌入的樣式創(chuàng)建,因此一個文件中將包含所有需要使用和引用的文件。在你完成這些初期步驟之后,你便可以開始準(zhǔn)備在這些樣式表中進(jìn)行填充以創(chuàng)建布局。
網(wǎng)頁名稱:淺談通用頁面的創(chuàng)建步驟
本文網(wǎng)址:http://m.newbst.com/news47/189047.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、面包屑導(dǎo)航、網(wǎng)站營銷、網(wǎng)站內(nèi)鏈、定制開發(fā)、網(wǎng)站設(shè)計公司
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)