1．選擇一種DOCTYPE

HTML或者XTHML的最終版本非常適用于固定寬度布局和靈活布局。請(qǐng)確認(rèn)你已經(jīng)選擇了一個(gè)DOCTYPE-你可以成功地滿足該DOCTYPE的需求來(lái)創(chuàng)建有效的櫟記，這樣一來(lái)你便可以有一個(gè)更好的跨瀏覽器進(jìn)行正確渲染的機(jī)會(huì)。

2．將內(nèi)容放到頁(yè)面上，并且添加上有助記作用的標(biāo)記

每一塊內(nèi)容都需要使用合適的(X)HTML元素來(lái)標(biāo)記，以表明它是什么，例如一個(gè)段落、一級(jí)標(biāo)題或者塊引用。不要添加任何帶表象性質(zhì)的標(biāo)記，如font.b或center元素，因?yàn)樗鼈冇蒀SS控制。助記標(biāo)識(shí)的眾多好處之一是它可以提供更多的“鉤子(hook)”以連接CSS——之后在對(duì)布局設(shè)置樣式時(shí)便可以得到十分明顯的好處。

3．使用div成組內(nèi)容

盡管div是一個(gè)中性的助記元素，但是非常適合在你的頁(yè)面適度地添加。請(qǐng)使用最小的數(shù)量將大量的信息成組為有組織性的或者有主題的組，例如導(dǎo)航、主內(nèi)容和頁(yè)腳。理想地是，你再也不需要添加任何多余的div來(lái)獲取視覺(jué)效果，可以在不用考慮div將在頁(yè)面上的哪個(gè)位置出現(xiàn)的情況下，將div以最有邏輯性的順序放在源代碼中，但是在現(xiàn)實(shí)中這種情況甚為少見。瀏覽器和CSS的限制使得稍微調(diào)整div以適應(yīng)視覺(jué)格式變得非常有必要，因此我們將在創(chuàng)建布局時(shí)分別講解與每個(gè)即將創(chuàng)建的布局相適應(yīng)的div結(jié)構(gòu)。

4．附加一個(gè)或多個(gè)樣式表

使用頁(yè)面head中的link元素或者@import指令來(lái)添加樣式表。在最初的研發(fā)過(guò)程中，你只需要通過(guò)將它們放在head中的style元素中，即可將這些樣式嵌入到個(gè)別頁(yè)面中。接下來(lái)。當(dāng)你對(duì)這些樣式很滿意時(shí)，便可以將這些樣式移動(dòng)到一個(gè)外部樣式表中，并且在創(chuàng)建頁(yè)面動(dòng)態(tài)效果之前將它們應(yīng)用于多個(gè)頁(yè)面。本書中的絕大多數(shù)實(shí)例文件都由嵌入的樣式創(chuàng)建，因此一個(gè)文件中將包含所有需要使用和引用的文件。在你完成這些初期步驟之后，你便可以開始準(zhǔn)備在這些樣式表中進(jìn)行填充以創(chuàng)建布局。

本文名稱：四步教您新建一個(gè)網(wǎng)頁(yè)
標(biāo)題URL：http://jinyejixie.com/news13/82113.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、軟件開發(fā)、服務(wù)器托管、網(wǎng)站營(yíng)銷、響應(yīng)式網(wǎng)站、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)