在上幾篇文章之中有提過如何用Dreamweaver制作站點(diǎn)，現(xiàn)在教大家如何用Dreamweaver創(chuàng)建頁(yè)面和布局；網(wǎng)頁(yè)設(shè)計(jì)的實(shí)現(xiàn)可以通過兩種方式，一種是傳統(tǒng)的表格布局方式，另外一種是css布局方式。表格布局的核心在于設(shè)計(jì)一個(gè)能滿足版式要求的表格結(jié)構(gòu)，將內(nèi)容裝入每個(gè)單元格中，間距及定格則通過插入圖像進(jìn)行占位來實(shí)現(xiàn)，最終的結(jié)構(gòu)是一個(gè)復(fù)雜的表格，不利于設(shè)計(jì)與修改。div在使用時(shí)不需要想表格一樣通過其內(nèi)部的單元格來組織版式，通過css強(qiáng)大的樣式定義功能可以比表格更簡(jiǎn)單，更自由地控制頁(yè)面版式及樣式。復(fù)雜的表格設(shè)計(jì)使布局極為困難，修改更加繁瑣，最后生成的網(wǎng)頁(yè)代碼除了表格本事的代碼，還有許多沒有意義的圖像占位符及其他元素，文件量龐大，最終導(dǎo)致瀏覽器下載解析速度變慢。css布局的重點(diǎn)不再放在表格元素的設(shè)計(jì)中，取而代之是html中的另一個(gè)元素div，div可以理解為圖層或者塊。

具體過程：

1、在Dreamveaver“文件-新建-常規(guī)-基本頁(yè)-HTML”，這樣就建好了一個(gè)頁(yè)面，英文版的默認(rèn)的文件名為untitled.htm。中文版的的默認(rèn)的文件名為“無標(biāo)題文檔”。htm就表示這個(gè)網(wǎng)頁(yè)文件是一個(gè)靜態(tài)的HTML文件。給它改名為index.htm。　

2、在標(biāo)題空格里輸入網(wǎng)頁(yè)名稱，點(diǎn)擊修改-頁(yè)面屬性，打開“頁(yè)面屬性”窗口。在這里可以設(shè)置網(wǎng)站的標(biāo)題、背景顏色或背景圖像，超級(jí)鏈接的顏色(一般默認(rèn)即可)，其他都保持默認(rèn)即可。

3.此時(shí)光標(biāo)位于左上角，可輸入一句話，如“杭州網(wǎng)站建設(shè)”。選取文字，用菜單“窗口/屬性”打開屬性面板，選取文字大小為6，再使文字居中，然后在文字前用幾個(gè)回車使其位于頁(yè)面中間等。

學(xué)習(xí)了這些加上之前的知識(shí)，相信對(duì)Dreamveaver網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該有了一個(gè)比較深的了解了。需要工作上崗那就需要下決心更加的努力突破自己。

以上內(nèi)容由杭州酷軟科技（http://m.iwebdev.cn/）發(fā)布，轉(zhuǎn)載請(qǐng)注明出處

相關(guān)關(guān)鍵詞：

網(wǎng)站改版

杭州網(wǎng)站建設(shè)

杭州網(wǎng)絡(luò)公司

杭州網(wǎng)站制作

中小企業(yè)網(wǎng)站建設(shè)

免費(fèi)企業(yè)網(wǎng)站建設(shè)

杭州專業(yè)網(wǎng)站建設(shè)