當前位置:常識百科館>遊戲數碼>電腦>

Dreamweaver教程

電腦 閱讀(1.01W)

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張

特別提示

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