Dreamweaver——HTML新手入門
來源:酷知科普網 1W
今天為大家帶來的是 Dreamweaver程式設計軟體的新手入門教程,這是一款網頁設計軟體,可以通過程式碼來製作網頁。
操作方法
(01)首先;我們開啟DW的主介面(如圖)。
(02)找到HTML並雙擊開啟。
(03)這就是Dearmweaver的程式設計介面,我們可以看到有幾個按鈕,然後開啟“程式碼”介面。
(04)程式碼介面中,像 <body>、<head>、 <turtle>這樣的由尖括號括起來的叫做標籤,我們一般在<body>裡面輸入其他標籤和程式碼,每一個標籤裡的內容結束時要用</xxx>(xxx為要結束的標籤)為結尾。
(05)新手常用的標籤有<hx>(x為數字1-5,調整字型大小)、<input>(輸入框)、<a>(超連結)、<button>(按鈕)等,在標籤裡面空格,再繼續輸入程式碼可以更改標籤的屬性,<div align="center">可以使內容居中顯示,在body後面空格輸入bgcolor="xxxx"可更改背景顏色(xxx為要更改顏色的英文單詞)。這是一個用上面介紹的標籤做出的簡易網頁。
(06)做好之後找到螢幕上方的瀏覽器標識,可以選擇瀏覽器執行所做的網頁,或者可以F12快捷鍵直接使用預設瀏覽器開啟。
(07)然後就可以執行網頁了。
特別提示
所儲存的檔案為檔案,如果要檢視程式碼請打升網頁後右鍵檢視原始碼。
建議每使用半小時儲存一次,以免檔案丟失。