怎樣預覽網頁效果?

一般情況下製作網頁分為使用工具和記事本編寫兩種,如果是前者呢我們用dreamweaver的時候可以直接可視可得網站,如果是手寫網站可以儲存成HTML來預覽,這裡分別兩種方法給大家講講。

工具/原料

dreamweaver8

工具網頁

這裡我們下載dreamweaver8來測試,我們開啟軟體進入HTML編輯,如圖。

怎樣預覽網頁效果

在可視介面插入表格來測試個簡單的網頁,如圖。

怎樣預覽網頁效果

怎樣預覽網頁效果

怎樣預覽網頁效果

在右上角的檔案裡找到預覽按鈕,選擇IE或者其他的瀏覽器,當然可以直接按F12快捷鍵預覽。

怎樣預覽網頁效果

怎樣預覽網頁效果

提示儲存完網頁後就可以在瀏覽器看到網站目前的效果了,如圖。

怎樣預覽網頁效果

怎樣預覽網頁效果

手寫網頁

這裡我們把網頁程式碼複製到記事本里。

怎樣預覽網頁效果

在檔案另存為其他格式,如圖。

怎樣預覽網頁效果

儲存的檔案時其他,然後字尾名是.html或者.htm當然已你編輯網站的格式為準。

怎樣預覽網頁效果

同樣可以開啟生產的檔案看預覽效果,如圖。

怎樣預覽網頁效果

網站, 網頁, 效果, 工具,
相關問題答案