酷知百科網

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

Dreamweaver——HTML新手入門

電腦1.04W

今天爲大家帶來的是 Dreamweaver編程軟件的新手入門教程,這是一款網頁設計軟件,可以透過代碼來製作網頁。

操作方法

(01)首先;我們開啟DW的主介面(如圖)。

Dreamweaver——HTML新手入門

(02)找到HTML並雙擊開啟。

Dreamweaver——HTML新手入門 第2張

(03)這就是Dearmweaver的編程介面,我們可以看到有幾個按鈕,然後開啟“代碼”介面。

Dreamweaver——HTML新手入門 第3張

(04)代碼介面中,像 <body>、<head>、 <turtle>這樣的由尖括號括起來的叫做標籤,我們一般在<body>裏面輸入其他標籤和代碼,每一個標籤裏的內容結束時要用</xxx>(xxx爲要結束的標籤)爲結尾。

Dreamweaver——HTML新手入門 第4張

(05)新手常用的標籤有<hx>(x爲數字1-5,調整字型大小)、<input>(輸入框)、<a>(超連結)、<button>(按鈕)等,在標籤裏面空格,再繼續輸入代碼可以更改標籤的屬性,<div align="center">可以使內容居中顯示,在body後面空格輸入bgcolor="xxxx"可更改背景顏色(xxx爲要更改顏色的英文單詞)。這是一個用上面介紹的標籤做出的簡易網頁。

Dreamweaver——HTML新手入門 第5張

(06)做好之後找到屏幕上方的瀏覽器標識,可以選擇瀏覽器執行所做的網頁,或者可以F12快速鍵直接使用默認瀏覽器開啟。

Dreamweaver——HTML新手入門 第6張

(07)然後就可以執行網頁了。

Dreamweaver——HTML新手入門 第7張

特別提示

所儲存的檔案爲檔案,如果要檢視代碼請打升網頁後右鍵檢視原始碼。

建議每使用半小時儲存一次,以免檔案丟失。