如今，網(wǎng)頁(yè)制作和建站已經(jīng)成為每個(gè)人都需要掌握的技能。我從各方面收到了需求，有人希望能夠提供一個(gè)DW（Dreamweaver）的入門教程，就像之前有關(guān)于PS（Photoshop）的入門教程一樣。所以，從

如今，網(wǎng)頁(yè)制作和建站已經(jīng)成為每個(gè)人都需要掌握的技能。我從各方面收到了需求，有人希望能夠提供一個(gè)DW（Dreamweaver）的入門教程，就像之前有關(guān)于PS（Photoshop）的入門教程一樣。所以，從今天開始，我將花費(fèi)一些時(shí)間為大家?guī)?lái)DW的入門教程，只要你堅(jiān)持下去，也能成為一名大神。

選擇適合的工具

我們將使用的工具是Dreamweaver CS6，當(dāng)然，CC或其他版本同樣適用。盡管有很多大神聲稱可以直接使用文本編輯器建站，但是對(duì)于成功的網(wǎng)站來(lái)說(shuō)，一個(gè)好的工具是一個(gè)良好起點(diǎn)。因此，我們首先要找到一個(gè)好的工具。

過(guò)去，大多數(shù)人使用微軟的FrontPage來(lái)建站，但由于其功能較為簡(jiǎn)單，與專業(yè)工具相比缺少一些功能，逐漸被淘汰。

安裝并啟動(dòng)Dreamweaver CS6

在安裝完Dreamweaver CS6后，打開軟件，進(jìn)入最初的界面。我們會(huì)看到第一個(gè)選項(xiàng)是“HTML”，具體含義可以自行查看。

點(diǎn)擊“HTML”，我們就可以進(jìn)入編輯頁(yè)面了。Dreamweaver的界面和其他軟件類似，也有菜單欄等。這些不需要一一解釋，但是有幾個(gè)命令需要說(shuō)明：

• 在左上角點(diǎn)擊“代碼”按鈕，將進(jìn)入單獨(dú)的代碼視圖。
• 選擇“拆分”，將同時(shí)顯示代碼視圖和預(yù)覽視圖。
• 預(yù)覽視圖是可視化的，代碼視圖是數(shù)據(jù)化的，這應(yīng)該比較容易理解。通常情況下，兩者相互關(guān)聯(lián)，即我們?cè)诖a視圖中編寫代碼，視圖將把代碼轉(zhuǎn)換為可視化的視圖呈現(xiàn)出來(lái)。

例如，在代碼區(qū)輸入lt;bodygt;時(shí)光電影圖解【sgtjmovie】lt;/bodygt;并保存（Ctrl S），預(yù)覽視圖將會(huì)顯示相應(yīng)的內(nèi)容。

結(jié)語(yǔ)

至此，初級(jí)教程的第一課就結(jié)束了。喜歡學(xué)習(xí)的朋友們請(qǐng)繼續(xù)關(guān)注哦。