手把手教你創建一個HTML5頁面


  網頁制作過程中,為了開發方便,通常我們會選擇一些比較便捷的工具。如:Editplus、notepad、sublime、Dreamweaver等;實際工作當中,最常用的網頁制作工具書Dreamweaver。接下來我們就要使用DreamweaverCS6來創建一個HTML5頁面,具體操作如下:

  (1)打開DreamweaverCS6,選擇菜單欄的中的文件--->新建命令--->彈出新建文檔的對話框,在“頁面類型”列表中選擇“HTML”選項,並在右下角的“文檔類型”下拉菜單中選擇“HTML5“

  

 

  (2)單擊”創建按鈕“,將會新建一個HTML5默認文檔,切換到”代碼“視圖,這時在文檔窗口會出現Dreamweave自帶的代碼,如下圖:

  

 

  (3)修改HTML5文檔標題,將代碼這是我的第一個HTML5頁面哦

  (4)在菜單欄中選擇【文件】--->【保存】選項,其快捷鍵為Ctrl+S。之后在彈出來的”另存為“對話框中選擇文件的保存地址並且輸入文件名即可保存在文件。;i如,我們會把這個example0.1html,保存在D盤的”HTML5+CSS3“文件夾下”教材案例“的01文件夾中。

  (5)在谷歌瀏覽器中運行example01.html,就可以得到我們想要的第一個簡單的HTML5頁面了。

  需要注意的是:由於谷歌瀏覽器對HTML5以及CSS3耳朵兼容性支持比較好,而且調試網頁非常方便,所以在HTML5網頁的制作過程當中谷歌瀏覽器是最常用的。

  大連婦科醫院排名 http://yyk.39.net/dl/zonghe/f9a8f.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM