【html網(wǎng)站模板】如何讓網(wǎng)站模板大小與瀏覽器配合-ESG跨境

使用Dreamweaver進(jìn)行網(wǎng)站建設(shè)的時候，網(wǎng)站模板的設(shè)計(jì)會提供兩種試圖，一種是布局視圖，另一種是標(biāo)準(zhǔn)視圖。假如你覺得自己能完全控制Dreamweaver的表格，那你就可以在熟悉的標(biāo)準(zhǔn)視圖下開展工作了。假如你喜歡FrontPage的畫表格功能，那在布局視圖中，你可以輕輕松松的做到這一點(diǎn)，而且在布局視圖中，你還可以讓頁面某一部分固定，而另外一部分自動伸縮，這樣不管瀏覽器的窗口有多大，都可以讓網(wǎng)頁自動適應(yīng)窗口，而不發(fā)生變形。

如果你在網(wǎng)站建設(shè)時也使用過Firework，那你肯定知道firework都可以生成html文件，只是它總會生成一個像素的gif圖像，這圖像可以填充表格的空白區(qū)域，讓表格不會發(fā)生變形。而現(xiàn)在Dreamweaver也有了這個功能，它會自動生成一個spacer的gif圖像，填充表格，讓表格不會發(fā)生自動伸縮的現(xiàn)象。

要實(shí)現(xiàn)這兩個功能，在Dreamweaver中是非常簡單的，首先建設(shè)一個網(wǎng)站，然后使用表格工具畫一個1*3的表格，寬度可以不用設(shè)置。然后點(diǎn)擊對象面板底下的布局視圖按鈕，這時會彈出一個對話框，點(diǎn)擊確定按鈕，切換到布局視圖。

這時表格的左上方會出現(xiàn)綠色的layout table標(biāo)簽，這代表著表格，標(biāo)簽上有三個空白的地方，并且每一處都有一個小三角和標(biāo)明了寬度，將表格中你想設(shè)置自動伸縮的一列設(shè)置為100%適應(yīng)瀏覽器寬度，自此就大功告成了。

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。