當前位置:生活百科幫 >

數碼

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

怎麼用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軟件製作一個簡單的網頁的全部內容。

  • 文章版權屬於文章作者所有,轉載請註明 https://shbkb.com/zh-hant/sm/r0wvwd.html