Dreamweaver——HTML新手入門

來源:酷知科普網 1W

今天為大家帶來的是 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張

特別提示

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

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

熱門標籤