dreamweaver講義範例.docVIP

DreamWeaver 8.0講義 參考書籍：1、DreamWeaver 8 私房書 志凌資訊 江高舉 2、精彩DreamWeaver MX 徐蕙英編著 3、DreamWeaver 8 文淵工作室編著 目錄 一、網頁、伺服器與瀏覽器關聯圖 1 二、基本介紹 2 ◎環境介紹： 2 三、實例 4 壹、編輯功能及首頁 4 貳、加入多媒體內容 4 參、表格、超連結及特效 5 肆、書籤的應用 6 伍、地圖、圖層的應用 6 陸、問卷調查 7 柒、分割框架 7 捌、圖片加特效： 7 一、網頁、伺服器與瀏覽器關聯圖 1、本校教職員網站：學校入口網站： .tw/ 教職員： .tw/~hlsong 學生：.tw/s學號 2、學生網站： 主機：.tw 帳號：sxx (s必需小寫、xx為自己的學號) 密碼：身份證左8碼 或自行更改 網頁上傳：點選ie，進入.tw網站，打入帳號、密碼登入後點我的檔案 *第一次在根目錄，點開新檔案，建Home次目錄，再一一將所設計的網頁上傳至此目錄（Home） *若還有次目錄，方法同上（即在Home次目錄，點開新檔案，打入次目錄之名稱，再一一將所設計的網頁上傳至新目錄） *測試時資料應置於d槽（不可存於桌面），若檔名位置錯誤，將無法顯示正確的成果 檔案架構如下：--每個檔案均要上傳至正確位置 注意事項： 每次上課或修改時，先下載檔案至d槽（為節省下載時間整個資料夾以壓縮檔暫存於我的檔案） 並於下課前或修改完畢後，將d槽檔案上傳至指定的伺服器（相同檔名要先刪除），在ie瀏覽器打入 .tw/s學號 或.tw/~hlsong (成績檔(各班網頁(自己學號 確定正確後才關機離開 首頁命名為index.htm 或welcome.htm或index.html Ps:所有檔名請使用小寫英文字母（若遇中文檔名無法瀏覽時，工具(網際網路選項(進階(瀏覽(”永遠將url傳送成utf8”勾勾取消(確定） 二、基本介紹 ◎環境介紹： (功能表列、(插入面版、(檔案標籤名稱、(文件工具列、(編輯區、(屬性面版、(面版群組、(網站面版◎重新使用/關閉起始頁面： 1、關閉：左下角勾不顯示 2、重新：編輯(偏好設定(分類(一般設定(顯示起始頁面(確定 ◎建立網站步驟： 1、進入DreamWeaver 8.0，【網站】(【新增網站】，鍵入網站名稱，如law1，網站之網址，不須定義(【下一頁】，點【不，我不要使用伺服器技術】(【下一頁】，點【在本機編輯和測試】，輸入測試網址，如d:\law1 (【下一頁】，點【否，不使用存回和取出】(【下一頁】 (【完成】 2、設定網頁瀏覽器：編輯(偏好設定(在瀏覽器中瀏覽(…(確定 ◎檔案面版：網路名稱、檢視狀態、檔案上傳、管理按鈕、展開/收合 ◎網站地圖： (製作數個網頁後才產生) 1、將index.htm，按右鍵，設成首頁 2、檔案(展開/收合鈕(網站地圖，使用瞄準鏡托曳檔案，以建立連結架構 每增加一個檔案，更新展開/收合（網站地圖），會出現檔案導覽列 ◎存檔之便捷工具列：在文件工具列空白區按右鍵，點標準，出現存檔等圖示 ◎插入(常用..工具列介紹 三、實例 壹、編輯功能及首頁 命名為index.htm（DreamWeaver 8.0檔名自定值為html，一律以小寫英文字母命名），按右鍵，設成首頁 打入標題文字、插入圖片、水平線、系統更改日期、人氣指數 繃現畫面（有2個方式） 方法一： 如下各式超連結內容 方法二： 在我網站frontpage之繃現畫面 ◎網頁背景： 1、屬性之頁面屬性 2、修改(頁面屬性，背景顏色或背景影像(確定 ◎文字編輯：於屬性中修飾 1、以練習用.txt為例，編修文字、段落重排與對齊、套用現成段落格式、項目符號與編號、shift+enter、enter 、br（程式碼），編輯(貼上 頁面屬性（分類…影像藍圖，以gif檔為例） Ps:為加強文字效果，使用特殊字型時，作成圖片較佳 2、文字間要加入多個空白： 方法一： 編輯(偏好設定(一般設定(勾選允許多個連續空白(確定，看看有幾組nbsp 方法二： 在中文輸入模式：切換為全型，再按空白鍵 3、插入水平線：插入(html(水平線，從屬性修改寬、高 更改顏色：須瀏覽才看得到成果（若嫌太單調，自行以圖片或影像處理軟體產生） 方法一： 視窗(標籤檢測器(屬性(展開瀏覽器專用區塊(color右側顏色挑選器 方法二： 以程式碼更改顏色，如加color=#CC66FF Ps：移除word所產生的無關html程式碼： 命令(清理word的html，仔細看各功能(確定（檔案(匯入 word.doc） 貳、加入多媒體內容 ◎圖片： 1、先將圖片存於此網站（\images） 2、插入(影像 或插入面版(常用標籤(影像 ◎動畫： 1、設定文字