網站首頁 教育 學前教育 精緻生活 飲食養生 命理 科普教育 金融 歷史 影視 數碼 熱門資訊
當前位置:生活百科站 > 精緻生活 > 

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

欄目: 精緻生活 / 釋出於: / 人氣:5.53K
怎麼用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張
Tags:dw 網頁 軟體