相信大家在浏覽網頁時，每每看到一個不錯的網頁，都會眼前一亮。有的甚至想自己動手試着做一個自己的頁面，但往往又發現自己沒有接觸，無從下手。這裡就叫你如何快速制作屬于自己的網頁。【一些基本的東西我就不詳細解釋了】需要說明的是下面所有的代碼采用到的樣式(即class=""引号中的内容都是樣式名，這些樣式名有着不同的樣式，此外的取名是随意的，隻是我是這麼取名的，具體的可以百度css樣式)
第一，打開DW,點選--建立html，彈出提示框，預設選項值，點選确定。即可進入下圖所顯示的界面。此時編輯器已經為你提供好了一個頁面的架構：頭部-軀體。第一行是文檔類型的聲明，這裡暫不講解，可參看第二張圖。
之間的内容也不做講解，因為這塊資訊不直接顯示在浏覽器視窗中，暫且與咱們無關。
第二，布局。所有的網頁内容都是用一塊塊内容組合起來的，這就意味着需要考慮哪一塊放什麼内容。用來布局的代碼有div，用來展現内容的則有p(段落)、a(連結)、img(圖檔)等，這也是用的最多。http://www.5haoxue.net/zhuanti/2014qxhd/以這個網頁為例，主體布局都是用div實作的。頁面用到的代碼标簽有div/a/p/dl/dt/dd/ul/li。首先你需要明白，基本上所有網頁标簽代碼都是成對出現一個開始一個結尾：就如這樣：
......下面就是網頁的主體結構。
現在看圖檔，在body區域中有這樣一個标簽在它裡面包含着
接下來，我們再看軀幹部分。軀幹部分代碼(截取部分)如下：
這個為最外層的盒子，通俗地講就是快遞最外層的包裝袋。這一塊是導航，引導使用者
建築丨 一級建造師 物業管理師 造價工程師 安全工程師 招标師考試 房地産估價師 >>進入課程中心 底下就是正文區域了，這裡我又用了盒子來包裝： 第一層盒子來設定背景，背景是一張圖檔在content1中設定了，設定方法同上一個步驟當中提到的，效果會在下面圖顯示出來， 第二層盒子用來包括正文的内容，設定了寬度w990(width:990px)以及用m0{margin:0 auto}來是内容處于網頁中間以下的三個dl則用來布局内容，fl 、fr兩個樣式分别為float：left和float：rght，表示向左或向右浮動，你過你不了解浮動，你可以想象樹葉漂浮在水面上左右浮動，浮動邊界就是盒子的邊。mt=margin-top;即外邊距，比如已經有一個盒子，現在我在距離盒子右邊20cm的地方再放一個盒子，此時我們可以看做相對于新放下的盒子第一個的有外邊距為20cm。mt20意味着頂部邊距為20像素。 則定義了超連結，就像在Word裡面添加超連結，實際上出來的是就是這樣一個标簽。href後面則是添加超連結位址。
對圖檔的說明解釋[七夕特價] 好學教育2014年物業管理師60分VIP保過方案全科聯報，名師、高清，随時學習。底下将dd當成了盒子，在裡面又套了一個盒子，oh{overflow：hidden}表示對已超出範圍部分内容的處理為隐藏。好比如說本來我盒子隻有1米高，現在放了1.2米的小孩，勢必小孩子要站直就會有一部分顯示在盒子外面了。 ￥ 2056
原價：￥2670
7.7折
下面的dl結構同第一個 不同的是邊距的大小和浮動的方向的差異。不在贅述。
來看看效果：提示對于相同部分的内容可直接粘貼代碼即可。
最後就是底部資訊。可以看到基本上所有的頁面底部都會有一個版權資訊、免責聲明等等内容。這個比較簡單。
舉報/回報