當前位置:妙知谷 >

遊戲數碼 >電腦 >

Dreamweaver——HTML新手入門

Dreamweaver——HTML新手入門

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

特別提示

所保存的文件為文件,如果要查看代碼請打升網頁後右鍵查看源代碼。

建議每使用半小時保存一次,以免文件丟失。

  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/diannao/6mx3zy.html