跟大家講解下有關dreamweaver制作網頁的步驟,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說dreamweaver制作網頁的步驟,小編也收集到了有關dreamweaver制作網頁的步驟的相關資料,希望大家看到了會喜歡。
dreamweaver制作網頁的步驟:首先點擊新建,并選擇文檔類型為【HTML文檔】;然后點擊【插入-image】來插入一張圖片,并調出屬性畫熱區;接著在屬性欄【目標】中輸入跳轉的鏈接;最后點擊【在瀏覽器中預覽】。
本教程操作環境:windows7系統、dreamweaver2019版本,DELL G3電腦,該方法適用于所有品牌電腦。
dreamweaver制作網頁的步驟:
1、啟動dw2019在軟件主界面點擊中間的【新建】按鈕。
2、在【新建文檔】彈窗中選擇文檔類型為【HTML文檔】,點擊【創建】。
3、建立好一個網頁文檔后就可以看到網頁默認的代碼了,我們編輯網頁是需要在【body】中來編輯完成的。
4、初學者可以把dw設置為【設計】界面,方便邊做邊查看效果。然后我們點擊【插入】—【image】來插入一張圖片。
5、因為是初學者,就不網頁切圖了。我們直接把設計好的一整張網頁設計稿插進來,這樣就可以看到網頁的效果了。但因為是整張圖片,要想單獨的給某一小塊添加鏈接就要去畫熱區來實現了。
6、我們需要先調出屬性窗口來畫熱區。點擊【窗口】—【屬性】。
7、點擊后會在軟件底部出現一個屬性欄,點擊方形熱區在你想添加鏈接的地方畫出來可點擊的范圍。
8、然后按照剛才的方法把其他需要添加鏈接的地方也畫上熱區。
9、畫好后我們點擊其中一個熱區,在屬性欄【目標】中輸入跳轉的鏈接。都添加好鏈接后,點擊【在瀏覽器中預覽】,快捷是F12
10、稍后就可以看到做好的網頁用瀏覽器打開了。
想了解更多編程學習,敬請關注php培訓欄目!
以上就是dreamweaver制作網頁的步驟的詳細內容,更多請關注php中文網其它相關文章!
來源:php中文網