如何避免用Dreamweaver做出來的模板面目全非
有很多賣家都是自己制作促銷模板的，而且大多數都是使用Dreamweaver這個軟件，但是很多時候做出來的模板都回存在變形的情況。今天我為大家說說如何能預防這個是事情的發生。
一、消除任意縮放瀏覽器窗口對網頁的影響
一番辛苦做出來的網頁，在全屏狀態下瀏覽一切正常。但在改變瀏覽窗口大小之后，網頁就變得"不堪入目"了，這是個很值得注意的問題。
問題的根源還得從網頁的布局說起，在DW中，網頁內容的定位一般是通過表格來實現的，解決表格的問題也就成功了大半。
大家應該注意到，在DW中表格屬性面板的高寬設定選擇上提供了兩種不同類型：百分比和像素值。百分比的使用將會產生前面說到的那個毛病。這里所說的百分比是指表格的高或寬設置為上層標記所占區域高或寬的百分比，如在一個表格單元的寬度是600，在它里面嵌入了另外一個表格，表格寬度占表格單元的50%，則這個表格的寬度為300，依此類推，如果在一個表格不是嵌于另一個表格單元中，則其百分比是相對于當時窗口的寬度的。IE瀏覽器中，隨便改動主頁窗口的大小時，表格的內容也隨之錯位、變形，就是因為表格的百分比也要隨著窗口的大小而改變成相應的百分比寬度。
自然，解決這個問題的辦法就是將表格寬度設置成固定寬度（也就是像素值）。另外如果外層表格已做好固定寬度設置，內層表格也可以適當使用百分比設置。清楚這個原則以后，如果出現類似的問題大家也知道怎么解決。
二、讓網頁居中
說到了窗口大小就會順著路子想到分辨率的問題，在800×600分辨率下制作的網頁在1024×768分辨率的機器上打開，整個網頁就會跑到左邊；1024×768分辨率的網頁在800×600分辨率的機器上有時也會變得"不堪入目"。兩種分辨率各做一個吧？做起來費時，看起來也費勁。怎么辦呢？
現在大多數網民都還在用800*600的分辨率，所以我們一般可以以此分辨率為主，要想讓網頁在1024*768時居中，只要在網頁原代碼的<body>后緊加一句<center>，</body>前加一句</center>就OK了。不過有幾個問題這是要注意一下，第一個就是上面說到的百分比的問題，表格、單元格的寬度單位最好要使用像素單位，而不要用百分比。例如width=770。如果你的表格寬度設的是百分比，那么使用大于800×600的像素時，網頁就會拉寬，這樣網頁可能會變形。在<body>中加入leftmargin=0，即<bodyleftmargin=0>這種情況下，800×600支持的表格寬度為780像素時不會出現滾動條。還有一點要注意的是不能用DW中的層來定位。
<HTML>
<head></head>
<bodytopmargin=0leftmargin=0>
<center>
<tablecellspacingcellpaddingwidth=760><tr><td></td></tr></table>
</center>
</body>
</html>
三、定義固定大小的文字
大家都知道,在IE瀏覽器的功能設置中，有一個可以自由設置窗口內容字體大小的功能，這樣由于不同訪問者的設置習慣不同，呈現在他們面前的網頁有時也會不不相同。比如你可能本來設計時用的是2號字體，結果由于用戶對瀏覽器的額外設定，變的更大了，這時你的網頁也可能變得"不堪入目"。雖然不是你的錯，但客戶是上帝。
如果使用了網頁中的CSS樣式表技術，就不會出現上述情況了。使用快捷鍵"Shift+F11"打開樣式表"CSSStyle"編輯器，在窗口中單擊鼠標右鍵執行"NewCSSStyle..."命令新建一個樣式表，然后在給出的列表中選擇"類型"選項，定義文字屬性參數（一般文字的大小選擇12px較為適宜）。完成后選擇網頁編輯窗中的文本，單擊新的樣式表名稱，可以看到選中的文本發生了變化。預覽時試試定義的文本字體尺寸還會不會隨瀏覽器的選擇字體大小而改變。
四、讓網頁適應不同的瀏覽器
瀏覽器的格局現在是兩分天下，一分是IE有很多賣家都是自己制作促銷模板的，而且大多數都是使用Dreamweaver這個軟件，但是很多時候做出來的模板都回存在變形的情況。今天我為大家說說如何能預防這個是事情的發生。
立即掃碼關注