Dreamweaver网页编辑910123.doc

Dreamweaver網頁編輯91.01.231.網站規劃開始製作網站，可先簡單做規劃。先規劃首頁及主要的內容，依內容繪出網站規劃圖。注意檔名不要有中文或空白字元2.定義新網站1.首先定義網站位置及本機的工作目錄從功能表中點選網站site/定義網站Define sites，出現定義網站Define sites視窗。在定義網站Define sites視窗中，按新增New按鈕，開啟網站定義Site Definition for Unnamed site 1視窗。左邊分類Category有五個選項設定網站，首先點選本地資訊Local Info設定本機的工作目錄。網站名稱Site Name填入網站名稱（此名稱可任意指定，例如一年一班）。本地根資料夾Local Root Folder指定本機的工作目錄，就是要儲存該網站內容的資料夾（如D:web101），須新增一個資料夾作為本機的工作目錄。完成後按確定OK，出現詢問框，按Create完成網站的定義設定網頁上傳方式再來分類Category點選網頁伺服器資訊Web Server Info定義上傳下載網站資料的方式及網站位置伺服器存取Server Access選單內選擇FTP主機名稱Host Name填入.tw或.tw主機目錄Home Directory留空白登入Login填入ftp的ID密碼Password填入xxxxxx 完成後按確定OK，出現詢問框，按Create完成網站的定義3.認識Dreamweaver基本的浮動視窗Connect to Remote Host網站視窗網站視窗的操作與檔案總管類似。右邊為本地端，在根目錄下按滑鼠右鍵新增檔案New Files，新檔案建立後，預設檔名為untitled.htm，將檔名更改為default.htm。再建立其他的檔案。若要建立資料夾，所在的目錄下，按滑鼠右鍵新增資夾New Forder左邊為網站伺服器端，按下Connect to Remote Host圖示，會連線到伺服器，連線後會出現網頁架構。一般的伺服器首頁為index.htm，而Microsoft的網頁伺服器首頁預設為default.htm。物件視窗屬性視窗文件視窗檔案的搬移及更名請利用網站視窗，Dreamweaver會自動更新網頁連結，不要使用檔案總管，以免連結失敗。文件視窗網頁編輯的地方。物件視窗提供網頁常用的元件，快速取用如圖片、表格、分格線等。屬性視窗可以檢視及修改元件的屬性，當指向不同的元件會自動變動屬性視窗內容。字體 超連結 大小 顏色 字體 對齊4.網頁的編輯文字編輯可以編輯字體、大小、顏色、字體、對齊方式。對HTML中的文字只有1至7等級。編輯時按下Enter時為新增段落。會自動空一行。若不想空行則按Shift+Enter。在HTML中要縮排效果須用縮排功能，使用空白鍵是沒有效果的。Dreamweaver預設字型為英文字故須選Edit Font List來新增字型，在Available Fonts按移至Chosen Fonts請不要選細明體及標楷體以外的字體，以免無法呈現該字體，解決方法改為圖形呈現。5.標題及背景顏色標題是顯示在瀏灠器上方可設定背景圖或顏色，若同時設定只會顯示背景圖。標題背景圖背景顏色大小 連結 圖片位置 文字對齊圖片方式 替代文字6.插入圖形從物件視窗中按Insert Image圖示或功能表中的Insert/Image插入圖形。選定圖片後會出現是否複製到該網站視窗請按是，否則上傳後會現無法顯圖片。將圖片置於images目錄下。網路僅接受jpg,gif,png三種格式的圖檔，故其他格式要置於Dreamweaver須先轉換。即使將圖片的寬高都設小，檔案大小並沒有改變，設大則會使圖形產生鋸齒狀，故要指定大小，請使用影像編輯軟體來完成，以免浪費頻寬。alt是當下載未完成或失敗，顯示在圖片上的文字。align是當文字與圖片並排時排列方式。圖片在網頁中並無法像word的編輯，想放那裡就放那裡，因此會使用表格來輔助排列。7.建立連結超連結可建立在文字或圖片上。在屬性視窗的Link欄中填入連結對象即可，或點選旁邊黃色資料夾用選取檔案方式。網站連結如 .tw站內連結如 imagesclass.htmEmail服務如 mailto:00020.twGopher如 Gopher:/.twNews如 News:.twftp如 .tw若須帳號密號可一併填入ftp:/00020..tw如發現fil:/xxxx等字眼則可能結錯誤。網頁內連結frontpage中的書籤先建立錨點Insert/Invisible Tags/Named Anchor再輸入名稱連結方式只要在原本連結後面加上#及名稱如 imagesclass.htm#tag1或直接扡曳即可。8.外部影像編輯器Dreamweaver預設影像編輯器為FireWork 若無則可設外部影像編輯器Perferences/External Editors9將現有的網頁下載網站視窗中選網站Site/檔案同步化Synchronize叫出Synchronize視窗Synchronize選項中選Entire xxx Site，Direction選項中選下載較新檔案。10網頁的上傳下載網站視窗中選網站Site/檔案同步化Sync