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

具體過(guò)程：

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

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

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

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

以上內容由杭州酷軟科技（http://www.hilary-duff.net/）發(fā)布，轉載請注明出處

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

網(wǎng)站改版

杭州網(wǎng)站建設

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

杭州網(wǎng)站制作

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

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

杭州專(zhuān)業(yè)網(wǎng)站建設