dw怎么保存html格式,教你如何用Dreamweaver制作网页以及保存网页的方法--系统之家...
如何用Dreamweaver(DW)制作網頁并保存網頁呢?我就在這里教給大家最基礎的創建網頁和保存網頁的方法教程,希望能幫到有需要的朋友。
啟動軟件后,在左上角點擊【文件】,在下拉菜單中點擊【新建】。
在彈出的窗口中選擇【html】,文檔類型可以根據需要選擇,在這里我選擇【html5】,然后點擊【創建】按鈕。
點擊創建后,軟件就會自動為你創建一個網頁必不可少的代碼,網頁的框架和內容都要寫在body/body標簽中間。
我們點擊頂部中間的【拆分】,可以把中間編輯的部分分成兩屏,下面是代碼,上面是預覽圖,方便我們查看在下面編寫代碼的效果。在這里我寫入一個p標簽為例p這是一個p/p。上面就會顯示出內容效果。
然后我們可以為p標簽寫一個樣式【p style="width: 100px; height: 100px; background: #ff0000;"這是一個p/p】。width代表寬、height代表高、background代表背景,#ff0000代表顏色色值。我們可以看下上半部分顯示的預覽效果。
我們還可以給我們創建的網頁起一個名字,名字寫在title/title標簽中。如下圖
如果我們想直接在瀏覽器中查看制作的效果,可以點擊右下角的小圖標,在上拉列表中點擊瀏覽器名稱,或按快捷鍵【F12】。
按快捷鍵【F12】后,會彈出一個保存的窗口,因為我們剛才創建網頁后還沒有保存過網頁,所以需要先保存一下。直接點擊【是】,選擇好要保存的位置,填寫好名字,點擊【保存】。
點擊保存后,網頁會自動保存,然后會直接跳出瀏覽器,打開你剛才保存的網頁,這時就可以看到我們編輯的網頁的真實效果啦,瀏覽器頂部標簽位置也會顯示出剛才我修改的網頁標題名稱。
如果在預覽之前你想先保存網頁,可以在頂部菜單中選擇【文件】-【另存為】,然后把網頁文件保存到你想保存的位置。這時候再按【F12】就不需要再次保存了,會直接跳轉到瀏覽器中打開你創建的頁面哦
OK,以上就是小編為大家帶來的關于如何用Dreamweaver制作網頁以及保存網頁的方法。想要了解更多信息,請關注我們系統天地!
小編推薦:
總結
以上是生活随笔為你收集整理的dw怎么保存html格式,教你如何用Dreamweaver制作网页以及保存网页的方法--系统之家...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 后端程序员转行前端,强烈推荐这6个前端U
- 下一篇: AWS 培训课程