Dreamweaver怎麼用,初學者怎麼用Dreamweaver

來源:酷知科普網 3.04W

Dreamweaver軟體主要是用來製作網頁與網站的一款軟體工具,它和Flash & Firework合在一起併成為“網頁製作三劍客”,即用Dreamweaver來製作網頁,用Flash來製作網頁動畫,再用firework來處理網頁中的圖形。一般網頁初學者用Dreamweaver來學習,比較容易入門,因為用Dreamweaver可以一邊編寫程式碼,一邊預覽樣式,非常方便,它主要是用來學習web前端的工具,現在工具愈來愈多,有了更為快捷、方便的的開發網站的工具IDE,因此不再用Dreamweaver來開發了,不過這不能說它已經被淘汰了,Dreamweaver是入門的主要工具,學校通常使用Dreamweaver來教學。現在一起來看看怎麼用Dreamweaver開發網頁。

Dreamweaver怎麼用,初學者怎麼用Dreamweaver

操作方法

(01)下載工欲善其,事必先利器,我們首先需要在網上下載Dreamweaver軟體安裝包,Dreamweaver是收費軟體,需要序列號才能使用,但是網上還是有很多的破解版本。在【搜狗瀏覽器】位址列輸入【DreamweaverCS 6破解版】,點擊出來的第一個就是了,綠色破解版。

Dreamweaver怎麼用,初學者怎麼用Dreamweaver 第2張

(02)安裝安裝Dreamweaver非常簡單,步驟流程為【解壓安裝包-->雙擊內部檔案ex進行安裝-->選擇安裝位置,一般安裝在D盤,然後勾選“接收安裝條款”】。具體的安裝步驟可以在搜狗瀏覽器搜尋【Dreamweaver Cs6.0的安裝步驟】。

Dreamweaver怎麼用,初學者怎麼用Dreamweaver 第3張

(03)開啟主介面安裝好之後,把軟體反正桌面上,然後雙擊Dreamweaver軟體,進入軟體的主介面,開啟的過程需要幾秒鐘,有可能頁面會有一瞬間的空白。

Dreamweaver怎麼用,初學者怎麼用Dreamweaver 第4張

(04)新建檔案點選選單欄的【檔案-->新建】,會出來一個【新建文件】視窗,選擇新建檔案的型別,系統預設是HTML文件,最後點選【建立】,就會出來一個HTML文件。

Dreamweaver怎麼用,初學者怎麼用Dreamweaver 第5張

(05)儲存&重新命名建立一個html標準格式的檔案頁面,預設的檔名是【】,點選【檔案-->另存為】,會彈出一個儲存位置的視窗,檔名改為【】,儲存型別為【All Documents(*;*;*;*)】型別。點選【儲存】按鈕即可。

Dreamweaver怎麼用,初學者怎麼用Dreamweaver 第6張
Dreamweaver怎麼用,初學者怎麼用Dreamweaver 第7張

(06)編寫程式碼在頁面的左邊編寫程式碼,比如我們寫如下一段程式碼【<div><h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3></div>】

Dreamweaver怎麼用,初學者怎麼用Dreamweaver 第8張

(07)預覽效果編寫完程式碼之後,可以檢視執行效果,點選工具欄的【在瀏覽器預覽/除錯】圖示,可以在Dreamweaver預設瀏覽器上預覽效果。

Dreamweaver怎麼用,初學者怎麼用Dreamweaver 第9張

(08)更改Dreamweaver的預設瀏覽器點選【在瀏覽器預覽/除錯】圖示的倒立三角形,選擇【編輯瀏覽器列表】。點選瀏覽器旁邊的【+】新增一個瀏覽器列表,名稱:輸入英文名稱,儘量不要出現中文的;應用程式:是指新增的瀏覽器在你電腦上安裝的路徑。可以對【主瀏覽器】前面打鉤,下次執行的時候就會預設執行在你選擇的該瀏覽器上。

Dreamweaver怎麼用,初學者怎麼用Dreamweaver 第10張
Dreamweaver怎麼用,初學者怎麼用Dreamweaver 第11張

特別提示

本文純屬個人看法,僅供參考

熱門標籤