Dreamweaver網(wǎng)頁布局和設(shè)計概念

作者：來源：點擊：

分享到：

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

具體過程：

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

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

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

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

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

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

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