制作学习经历档案网页.pptVIP

製作學習經歷檔案網頁 參考資料網站 中文大學[教育學院] 探索網站資源庫 棉紡會中學 學習社群 A 下載 FTP public_html資料夾 G 網頁框架小測試 網頁框架練習 .hk/~cit/exercise/exercise.htm Prepared by : Au Kit Ming F4 Learning Profile Date: 23/08/06 記錄學習成果 供同學、老師和家長瀏覽及分享學習過程 同學、老師和家長建議改善方法 進一步改良及發展網頁 目標 　　在硬碟機 c或d，建立個人資料夾(班別班號：f1a01)，可分科目， 儲存優良課業，例如chinese, english, cit, profile 到 FTP 個人上載區，下載 「public_html」資料夾內檔案至d:\f1a01\ [d:\f1a01\檔案← ftp\s0123456\public_html\檔案 ] 到 s:/1a/電腦/f1_profile\ 資料夾，下載 「 f1_profile」資料夾內檔案至d:\f1a01\ [d:\f1a01\檔案　← s:/1a/電腦/f1_profile\ 檔案] B 利用 PhotoImpact 建立有子標題橫幅 網絡(B) → 元件設計師(C) → 橫幅 → 揀選任何有子標題類別的橫幅 (選擇自己喜歡有子標題的橫幅類別) 標題 → 學習經歷檔案 子標題 → 棉紡會中學 中一甲 陳大明 1號 滙出(X) → 至影像最佳化程式(I) → 按下另存新檔(S) → 選擇f1a01資料夾 → 檔案名稱(N): d:\f1a01\image\title.jpg → 存檔(S) C 利用 PhotoImpact 按鈕列建立按鈕 　　匯出 → 至影像最佳化程式(I) → ? 將每個按鈕輸出成個別的影像檔(O) → 確定 按下另存新檔(S) → 選擇f1a01資料夾 → 檔案名稱(N): d:\f1a01\image\assign.jpg → 存檔(S) assign2 → 普通電腦科 assign3 → 中文科 .. . assign6 → 良好學習習慣 D 利用 PhotoImpact 按鈕列建立按鈕 E 利用Dreamweaver 建立網站名稱 及  設定本地端資料夾 　　網站(S) → 新增網站(N) → 進階 → 網站名稱(N)： f1a01 → 本地資料來源： d:\ f1a01\ 預設影像資料夾：d:\ f1a01\ image\ → 確定 注意：網站名稱不能相同，若無法儲存，將網站名稱更名為 f1a01_1 → 確定 F index.htm [首頁] 檔案 → 開新檔案 → 建立 → 插入頁框 → 上及左巢狀頁框 主要內容顯示區 檔案名稱：main.htm 框架名稱：mainFrame目標：mainFrame 導覽列 檔案名稱：navigation.htm 框架名稱：leftFrame 橫幅(標題) 檔案名稱：top.htm 框架名稱：topFrame H 標題 title 陳大明 /title html head meta http-equiv=Content-Type content=text/html; charset=big5 title中一甲陳大明環保網頁/title /head title中一甲陳大明環保網頁/title顯示甚麼? 在標題顯示 中一甲陳大明環保網頁及檔案名稱 I 利用NotePad 編修 index.htm (在 Dreamweaver：請勿隨便開啟及儲存 index.htm) frameset rows=80,* cols=* frameborder=NO border=0 framespacing=0 frame src=top.htm name=topFrame scrolling=NO noresize frameset rows=* cols=180,* framespacing=0 frameborder=NO border=0 frame src=navigation.htm name=leftFrame scrolling=yes noresize frame src=main.htm name=mainFrame /frameset /frameset noframesbody /body/noframes /html J 編修 main.htm 1. 開啟 main.htm 2. 檔案 ? 儲存 ? 檔案名稱(N) ? main.htm ? 存檔 連結