电脑功能介绍-操作步骤File.DOCVIP

錨點的製作 作品主題【電腦功能介紹】 1頁面屬性設定及面編輯 2圖表插入及設定 3錨點建立及設定 *重點回顧 *學習評量 開啟檔案 step1：開啟Adobe Dreamweaver CS4進行編輯，點選【檔案】面板 →【開 啟舊檔】→選擇【電腦功能介紹】資料夾 → 雙擊【電腦功能介紹網站】 網頁開啟檔案。 1頁面屬性設定及版面編輯 step1：開啟下方【屬性】面板，點選【頁面屬性】按鈕設定標題大小為【24pt】， 文字顏色設定為【#00f】，頁面標題輸入為【電腦功能介紹】。 step2：在第一段落輸入文字【電腦功能介紹】字體設定為【標楷體】、文字大小設定為【24pt】，並強迫分行→並在第二個段落裡工具列【插入】→【影像】插入「電腦.jpg」圖片，長、寬各設定為500Pt大小，設定替代文字為【電腦功能介紹】，並強迫分行。 2插入表格 step1：在第三個段落插入一個【一欄六列的】表格，將表格ID屬性設定 為”content”、寬度設定度600、間距設定為10、對齊方式設定為置 中對齊。 Step2：工具列【插入】→【影像】並在表格內按順序插入「主機」、「液晶螢幕」、 「鍵盤」、「滑鼠」、「印表機」、「耳機」等文字及圖片，並依序插入 「data.doc」內容之對應的文字，每個儲存格文字介紹的下一段落插入 「TOP.gif」圖片並靠右對齊。將標題文字顏色設定為【#F9C】，內文文 字顏色設定為【#603】。 【標題文字字體及顏色的設定】 【內文文字字體及顏色的設定】 完成後如下圖所顯示 3錨點連結設定 Stpe1：將【電腦.gif】圖片中的「主機」、「液晶螢幕」、「鍵盤」、「滑鼠」、「印表機」、「耳機」的對應位置以【矩形連結工具】拉出框框做連結，並分別設定連結名稱為「#a」、「#b」、「#c」、「#d」、「#e」、「#f」，並依序設定替代文字。 【選項面板之設定】 【設定完成後如下圖所顯示】 ↓ step2：工具列【插入】→【命名錨點】，在圖片前插入名稱為「top」的錨點， 並在每個儲存格中圖片前插入錨點依序建立名稱為「a」、「b」、「c」、 「d」、「e」、「f」的錨點。 ↑完成後如上圖所顯示 重點回顧 1.在網頁特定位置插入錨點，在另一地方建立任意錨點，在連結欄位中均需輸入「#錨點名稱」。 2.在影像的任意位置繪製適合大小的影像地圖，即可靈活運用。學習評量 1.(3)在製作錨點連結時需要先進行下列哪一項動作(1)設定電子郵件連結(2)插入影像(3)在網頁想製作錨點地方加入錨點 2(1)在網頁某個地方想建立超連結，可以用何種方式來建立(1.)錨點(2)網頁連結(3)檔案連結 3.(2)在某張圖片連結欄位書陸錨點名稱，建立錨點之後，卻發現預覽時出現錯誤，請問哪裡可能出現會出現錯誤(1)圖片不能建立錨點(2)沒有前置「#」號(3)圖片未建立影像地圖 ※強迫分行此段落※