科技生活動態:dreamweaver制作網頁的步驟

導讀跟大家講解下有關dreamweaver制作網頁的步驟,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說dreamweaver制作網頁的步驟,小

跟大家講解下有關dreamweaver制作網頁的步驟,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說dreamweaver制作網頁的步驟,小編也收集到了有關dreamweaver制作網頁的步驟的相關資料,希望大家看到了會喜歡。

dreamweaver制作網頁的步驟:首先點擊新建,并選擇文檔類型為【HTML文檔】;然后點擊【插入-image】來插入一張圖片,并調出屬性畫熱區;接著在屬性欄【目標】中輸入跳轉的鏈接;最后點擊【在瀏覽器中預覽】。

本教程操作環境:windows7系統、dreamweaver2019版本,DELL G3電腦,該方法適用于所有品牌電腦。

dreamweaver制作網頁的步驟:

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

4596fd2130c2a198d898dc9e7aa0a84.png

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

eaacb957914ac7e74e1a5e95b89615e.png

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

fe20cecf62354d35d044274e8f356c0.png

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

01f1ef24b9afcffde0cabb296119395.png

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

e556ab3c3b0caf3b5e29bf28b1840b7.png

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

a1fbdc510fc1cbb083faaa62c7f2911.png

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

298d0cc7b6c27d3d60a37597025b449.png

8、然后按照剛才的方法把其他需要添加鏈接的地方也畫上熱區。

4856ba01cbd6c7d4af0b7d47aebbcc9.png

9、畫好后我們點擊其中一個熱區,在屬性欄【目標】中輸入跳轉的鏈接。都添加好鏈接后,點擊【在瀏覽器中預覽】,快捷是F12

2b16dfb7c6961e15823f012c25d9936.png

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

af4776bdde118ec9b40b79bf36c1354.png

想了解更多編程學習,敬請關注php培訓欄目!

以上就是dreamweaver制作網頁的步驟的詳細內容,更多請關注php中文網其它相關文章!

來源:php中文網

免責聲明:本文由用戶上傳,如有侵權請聯系刪除!