Dreamweaver 開新檔案、存檔、在瀏覽器預覽結果

編輯完成或是正在編輯的檔案,都需要用瀏覽器(Browser)來預覽製作的效果,雖然Dreamweaver 是所見即所得的網頁編輯器,但因為各家瀏覽器也有不同的相容性,所以還是在瀏覽器上預覽所得的結果才會比較準確。

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-03-08-16-13-13

本篇文章由標題所見之順序介紹:

開新檔案

這裡介紹的開新檔案是還沒建立管理網站時所用的開新檔案方式,如果要瞭解已經建立管理網站的開新檔案方式請看不用再記相對路徑 – dreamweaver 建立管理網站的"開新檔案"一個段落。

開啟Dreamweaver後,在檔案編輯區會顯示最近開啟過的檔案

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-03-07-14-25-51

開新檔案請執行以下動作

.控制列 > 檔案 > 開新檔案

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-03-07-14-26-21

(中間)檔案類型:html

(右邊)文件類型:html5

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-03-07-14-26-49

開啟完成後就可以開始編輯檔案了

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-03-07-14-27-02預設開啟檔案會只看到程式碼,如果希望可以同時看到程式碼與設計結果,請看Dreamweaver CC 2017 工作介面介紹、同時檢示程式碼與設計結果的"同時檢視程式碼和網頁成果"段落。

 

存檔

.控制列 > 檔案 > 存檔

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-03-07-17-04-24

副檔名:.html

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-03-07-17-05-20

在瀏覽器預覽

完成存檔後,在檔案上按右鍵 > 開啟方式 > 選想要預覽的瀏覽器(Chrome, IE, Firefox, Safari…各家瀏覽器最好都要預覽過喔~)

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-03-07-17-06-39開啟就可以看到網頁編輯的結果

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-03-07-17-09-14

接下來如果有再編輯檔案的話,在檔案"存檔後",開啟瀏覽器按"重新整理"就可以看到最新的結果了

Leave a Reply