【html網站模板】如何讓網站模板大小與瀏覽器配合
使用Dreamweaver進行網站建設的時候,網站模板的設計會提供兩種試圖,一種是布局視圖,另一種是標準視圖。假如你覺得自己能完全控制Dreamweaver的表格,那你就可以在熟悉的標準視圖下開展工作了。假如你喜歡FrontPage的畫表格功能,那在布局視圖中,你可以輕輕松松的做到這一點,而且在布局視圖中,你還可以讓頁面某一部分固定,而另外一部分自動伸縮,這樣不管瀏覽器的窗口有多大,都可以讓網頁自動適應窗口,而不發生變形。
如果你在網站建設時也使用過Firework,那你肯定知道firework都可以生成html文件,只是它總會生成一個像素的gif圖像,這圖像可以填充表格的空白區域,讓表格不會發生變形。而現在Dreamweaver也有了這個功能,它會自動生成一個spacer的gif圖像,填充表格,讓表格不會發生自動伸縮的現象。
要實現這兩個功能,在Dreamweaver中是非常簡單的,首先建設一個網站,然后使用表格工具畫一個1*3的表格,寬度可以不用設置。然后點擊對象面板底下的布局視圖按鈕,這時會彈出一個對話框,點擊確定按鈕,切換到布局視圖。
這時表格的左上方會出現綠色的layout table標簽,這代表著表格,標簽上有三個空白的地方,并且每一處都有一個小三角和標明了寬度,將表格中你想設置自動伸縮的一列設置為100%適應瀏覽器寬度,自此就大功告成了。
特別聲明:以上文章內容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。
二維碼加載中...
使用微信掃一掃登錄
使用賬號密碼登錄
平臺顧問
微信掃一掃
馬上聯系在線顧問
小程序
ESG跨境小程序
手機入駐更便捷
返回頂部