酷知百科網

位置:首頁 > 遊戲數碼 > 電腦

Dreamweaver網頁製作初級教程:初識DW

電腦1.66W

現如今,網頁製作以及建站成了人人需要掌握的技能,小編也從各方面得到需求說,以前有過PS的入門教程,現在能不能做一個DW的入門教程。那麼從今天開始,小編將用一些時間,爲大家帶來DW的入門教程。只要能堅持,你也能成爲大神。

操作方法

(01)我們要用到的工具叫做Dreamweaver CS6,當然,CC以及其他版本都同樣適用。

Dreamweaver網頁製作初級教程:初識DW

(02)雖然有很多大神叫囂可以用txt直接建站,但是,一款好的工具,是一個成功網站的開始。所以我們首先來找一款好的工具。最初建站大多用微軟的frontpage,但是由於其功能較專業工具比較少,所以慢慢被摒棄。

Dreamweaver網頁製作初級教程:初識DW 第2張

(03)安裝完Dreamweaver CS6後,我們開啟軟件,進入最初的介面。然後可以找到第一個選項:HTML,具體意思大家自行檢視

Dreamweaver網頁製作初級教程:初識DW 第3張

(04)單擊,就可以進入編輯頁面了。

Dreamweaver網頁製作初級教程:初識DW 第4張

(05)和其他軟件差不多,dw也分爲選單欄這些。這個就不用一一說明了。不過,有幾個命令得說一下。左上角我們點擊代碼,就會進入單獨的代碼視圖。

Dreamweaver網頁製作初級教程:初識DW 第5張

(06)當然,如果選擇拆分,會同時出現代碼視圖以及預覽視圖。

Dreamweaver網頁製作初級教程:初識DW 第6張

(07)預覽是可視化的,代碼是數據化的,這個應該比較容易。一般來說,兩者相互,我們在代碼視圖寫入代碼,視圖將會把代碼轉換爲可視化的視圖呈現出來。

Dreamweaver網頁製作初級教程:初識DW 第7張

(08)比如我們在代碼區輸入<body>時光電影圖解 【sgtjmovie】</body>儲存(ctrl+S)

Dreamweaver網頁製作初級教程:初識DW 第8張

(09)那麼,預覽視圖就會出現相應的內容了。

Dreamweaver網頁製作初級教程:初識DW 第9張

(10)第一課到這裏,喜歡學習的朋友們可以繼續關注哦。