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

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

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

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

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

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