酷知吧

位置:首頁 > 數碼之家 > 

怎麼用DW軟件製作一個簡單的網頁

初學dw軟件做網頁的同學肯定都急着想做出一個網頁,那麼怎麼用DW軟件製作一個簡單的網頁呢?一起來看看吧。

怎麼用DW軟件製作一個簡單的網頁

1、啟動dw2019在軟件主界面點擊中間的【新建】按鈕。

怎麼用DW軟件製作一個簡單的網頁 第2張

2、在【新建文檔】彈窗中選擇文檔類型為【HTML文檔】,點擊【創建】。

怎麼用DW軟件製作一個簡單的網頁 第3張

3、建立好一個網頁文檔後就可以看到網頁默認的代碼了,編輯網頁是需要在【body】中來編輯完成的。

怎麼用DW軟件製作一個簡單的網頁 第4張

4、初學者可以把dw設置為【設計】界面,方便邊做邊查看效果。點擊【插入】—【image】來插入一張圖片。

怎麼用DW軟件製作一個簡單的網頁 第5張

5、直接把設計好的一整張網頁設計稿插進來,這樣就可以看到網頁的效果了。但因為是整張圖片,要想單獨的給某一小塊添加鏈接就要去畫熱區來實現了。

怎麼用DW軟件製作一個簡單的網頁 第6張

6、需要先調出屬性窗口來畫熱區。點擊【窗口】—【屬性】。

怎麼用DW軟件製作一個簡單的網頁 第7張

7、點擊後會在軟件底部出現一個屬性欄,點擊方形熱區在想添加鏈接的地方畫出來可點擊的範圍。

怎麼用DW軟件製作一個簡單的網頁 第8張

8、按照剛才的方法把其他需要添加鏈接的地方也畫上熱區。畫好後我們點擊其中一個熱區,在屬性欄【目標】中輸入跳轉的鏈接。

怎麼用DW軟件製作一個簡單的網頁 第9張

9、都添加好鏈接後,點擊【在瀏覽器中預覽】,快捷是F12

怎麼用DW軟件製作一個簡單的網頁 第10張

10、稍後就可以看到做好的網頁用瀏覽器打開了。

怎麼用DW軟件製作一個簡單的網頁 第11張

以上就是關於怎麼用DW軟件製作一個簡單的網頁的全部內容。