當前位置:妙知谷 >

遊戲數碼 >電腦 >

Dreamweaver教程

Dreamweaver教程

Dreamweaver是網頁編輯工具,現在嵌入的功能越來越多,越來越複雜,想要學精通,必須多動手,就拿入門的第一個例子來分享,目標是瀏覽器端顯示【Hello World】

操作方法

(01)1.既然想要學習Dreamweaver,那麼下載好Dreamweaver並且安裝成功,是動手的第一步,個人推薦安裝macromedia Dreamweaver 8,這個工具比較簡潔,能滿足日常工作

(02)2.等待下載完畢,直接安裝吧,我因為是老手,所以就用默認安裝路徑,安裝完成之後,從開始菜單裏直接打開Dreamweaver

Dreamweaver教程

(03)3.打開Dreamweaver,在【菜單欄】裏選擇【文件】,下拉菜單裏選擇【新建】,在跳出的對話框裏選擇【基本頁-->HTML】,點擊【創建】

Dreamweaver教程 第2張

(04)4.仔細觀察新建的untitled-1這個頁面,Dreamweaver會自動產生如下框架代碼<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>無標題文檔</title></head><body></body>

Dreamweaver教程 第3張

(05)5.簡單解釋代碼框架<html></html>是網頁標籤,<head></head>是頁面頭標籤,標籤主要定義文字編碼格式,媒體流格式,css樣式等等,<title></title>是標題標籤,<body></body>是正文標籤

Dreamweaver教程 第4張

(06)6.可以修改代碼,將標題改為【我的第一個html】,在正文中輸入:Hello World,然後點【預覽】:<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>我的第一個Html</title></head><body>Hello World!!</body></html>

Dreamweaver教程 第5張
Dreamweaver教程 第6張

特別提示

動手實踐,祝早日成為大神

標籤: Dreamweaver
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/diannao/72zed1.html