Dreamweaver——HTML新手入門

       今天為大師帶來的是 Dreamweaver編程軟件的新手入門教程,這是一條目網頁設計軟件,可以經由過程代碼來建造網頁 。

需要這些哦
一臺擁有XP及更高系統的電腦(臺式或筆記本)
Dreamweaver編程軟件
方式/
1【Dreamweaver——HTML新手入門】起首;我們打開DW的本家兒界面(如圖) 。

Dreamweaver——HTML新手入門



2找到HTML并雙擊打開 。

Dreamweaver——HTML新手入門



3      這就是Dearmweaver的編程界面,我們可以看到有幾個按鈕,然后打開“代碼”界面 。

Dreamweaver——HTML新手入門



4      代碼界面中,像 <body>、<head>、 <turtle>如許的由尖括號括起來的叫做標簽,我們一般在<body>里面輸入其他標簽和代碼,每一個標簽里的內容竣事時要用</xxx>(xxx為要竣事的標簽)為結從頭至尾 。

Dreamweaver——HTML新手入門



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

Dreamweaver——HTML新手入門



6       做好之后找到屏幕上方的瀏覽器標識,可以選擇瀏覽器運行所做的網頁,或者可以F12快捷鍵直接利用默認瀏覽器打開 。

Dreamweaver——HTML新手入門



7然后就可以運行網頁了 。

Dreamweaver——HTML新手入門



注重事項所保留的文件為.html文件,若是要查看代碼請打升網頁后右鍵查看源代碼 。
建議每利用半小時保留一次,以免文件丟掉 。

以上內容就是Dreamweaver——HTML新手入門的內容啦,希望對你有所幫助哦!

    猜你喜歡