首頁 學習筆記 網頁製作Dreamweaver Dreamweaver 基本概念
Dreamweaver 基本概念 PDF 列印 E-mail
作者是 Archer Huang   
週三, 12 一月 2011 04:05
Dreamweaver是什麼?

一個視覺化的網站,HTML製作軟體, 整合所有多媒體資源,與資料將之具體成為html文件的工具.
別以為dreamweaver是個神,可以幫你畫圖,自動編排圖文,做任何你想做的事.....
如果他真會這麼做,人又留下來做啥用呢?
但是若熟悉這軟體的操作,
倒是可以節省不少時間,
讓你很快的製作出網站所需的html文件,
做出你想表現的網站. 先來了解一下Dreamweaver的工作流程 根據官方說法,以下是建立一個網站的其中一種工作流程

規劃和設定網站

製做網站前,先瞭解你是要自己架設伺服器呢,或是要租用網站空間。
在不同的需求,你可能有不同的選擇,沒什麼是絕對好與不好的,符合需求與成本就是最好的。
此外,應該考量如目標群眾、瀏覽器、外掛程式和下載限制等技術需求。
在您組織資訊並決定結構之後,就可以開始建立網站 。
組織及管理網站檔案
一般我們會在自己的電腦磁碟機裡開個目錄,存放這網站的所有相關資料。
在Dreamweaver「檔案」面板中,可以輕易地新增、刪除和重新命名檔案及資料夾,依照需要來變更組織。
在「檔案」面板中,您也會發現很多工具可以協助管理網站、在遠端伺服器間往來傳送檔案、設定「存回/ 取出」程序防止檔案覆寫,以及同步化本 機和遠端網站上的檔案。使用「資源」面板可輕易地組織網站中的資源;然後您可以直接從「資源」面板將大部分的資源 拖曳到 Dreamweaver 文件中。
配置網頁
選擇適合的版面技術,或者使用與其他版面結合的 Dreamweaver 版面選項,以建立網站外觀。
可以使用 Dreamweaver AP 元素、CSS 定位樣式或預先指定的 CSS 版面來建立版面。
或是利用表格工具重新排列網頁結構,讓您可快速設計網頁。
如果您要一次在瀏覽器中顯示多個元素,可以使用頁框來配置文件。
最後,還可以根據 Dreamweaver 範本來建立新的網頁,然後在範本變更時自動更新這些網頁的版面。
將內容新增至頁面
新增資源和設計元素,例如文字、影像、變換影像、影像地圖、顏色、影片、音效、HTML 連結、跳頁選單等。
可以對 標題和背景這類元素使用內建頁面建立功能、直接在頁面中輸入或從其他文件匯入內容。
Dreamweaver 也提供執行工作以回應特定事件的行為,例如在瀏覽者按一下「送出」按鈕時驗證表單,或者完成載入主要頁面時開啟第二個瀏覽器視窗。
最後,Dreamweaver 提供的工具可最佳化網站效能,並測試網頁以確定網頁與不同網頁瀏覽器是否相容 。
手動撰寫程式碼以建立頁面
手動撰寫網頁程式碼則是另一個建立頁面的方法。
Dreamweaver 一方面提供了易於使用的視覺編輯工具,也提供精密的程式碼編寫環境,您可以使用其中一種方法,或兩種方法並用,來建立和編輯頁面 。
基本上,Dreamweaver只是個視覺化的html編輯器,發揮Dreamweaver最大功能的方法就是,自己了解html語法與CSS語法,跟Javascript。
設定動態內容的網路應用程式
許多網站包含動態網頁,允許瀏覽者檢視儲存在資料庫中的資訊,而且通常還允許某些瀏覽者在資料庫中新增資訊和編輯資訊。
若要建立這類網頁,您必須先設定網站伺服器和應用程式伺服器、建立或修改 Dreamweaver 網站,然後連線到資料庫。
建立動態網頁
在 Dreamweaver 中,您可以定義不同的動態內容來源,包括從資料庫抽取的資料集、表單參數和 JavaBeans 組件。若要將動態內容新增到網頁,只要將它拖曳到網頁中即可。
您可以將網頁設定為一次顯示一筆或多筆記錄、顯示一頁以上的記錄、新增特殊連結以從一頁記錄移到下一頁 ( 和移回來),以及建立記錄計數器來幫助使用者追蹤記錄。您可以使用 AdobeR 的 MacromediaR ColdFusionR 和網路服務等技術,封裝應用程式或商業邏輯。
如果需要更大的彈性,您可以建立自訂伺服器行為和互動式表單。
測試和發佈
測試網頁會持續進行,會在整個開發循環中進行。在這個循環的最後,您可將網站發佈到伺服器上。
很多開發人員也會安排定期維護,確保網站保持最新狀態和實用功能 。
了解了上述的流程,
是不是就能開始使用Dreamweaver???
很抱歉!可能還不行,
不過至少了解網站製作是怎麼回事,

剩下的就下回分曉..... 以上文件參考dw_cs3_使用手冊

最近更新在 週二, 18 一月 2011 01:56
 


核心是 Joomla!. Designed by: free joomla templates hosting Valid XHTML and CSS.