在上幾篇文章之中有提過如何用Dreamweaver制作站點,現在教大家如何用Dreamweaver創建頁面和布局;網頁設計的實現可以通過兩種方式,一種是傳統的表格布局方式,另外一種是css布局方式。表格布局的核心在于設計一個能滿足版式要求的表格結構,將內容裝入每個單元格中,間距及定格則通過插入圖像進行占位來實現,最終的結構是一個復雜的表格,不利于設計與修改。div在使用時不需要想表格一樣通過其內部的單元格來組織版式,通過css強大的樣式定義功能可以比表格更簡單,更自由地控制頁面版式及樣式。復雜的表格設計使布局極為困難,修改更加繁瑣,最后生成的網頁代碼除了表格本事的代碼,還有許多沒有意義的圖像占位符及其他元素,文件量龐大,最終導致瀏覽器下載解析速度變慢。css布局的重點不再放在表格元素的設計中,取而代之是html中的另一個元素div,div可以理解為圖層或者塊。
具體過程:
1、在Dreamveaver“文件-新建-常規-基本頁-HTML”,這樣就建好了一個頁面,英文版的默認的文件名為untitled.htm。中文版的的默認的文件名為“無標題文檔”。htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。
2、在標題空格里輸入網頁名稱,點擊修改-頁面屬性,打開“頁面屬性”窗口。在這里可以設置網站的標題、背景顏色或背景圖像,超級鏈接的顏色(一般默認即可),其他都保持默認即可。
3.此時光標位于左上角,可輸入一句話,如“杭州網站建設”。選取文字,用菜單“窗口/屬性”打開屬性面板,選取文字大小為6,再使文字居中,然后在文字前用幾個回車使其位于頁面中間等。
學習了這些加上之前的知識,相信對Dreamveaver網頁設計應該有了一個比較深的了解了。需要工作上崗那就需要下決心更加的努力突破自己。
以上內容由杭州酷軟科技(http://www.iwebdev.cn/)發布,轉載請注明出處
相關關鍵詞: