當前位置:妙知谷 >

母嬰教育 >學習交流 >

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

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

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張

特別提示

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

  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/jy/jiaoliu/gk39m.html