学生网站的建立.pptVIP

cyr 學生網站的建立 使用frontpage2003版 一、網站環境 網站伺服器：.tw 目錄：/home/電子郵件帳號/web 帳號：電子郵件帳號 密碼：電子郵件密碼 網址：.tw/~帳號/ 二、軟體安裝 使用本校有授權的frontpage軟體 若偏好使用其他軟體亦可。 教室已安裝的Frontpage，版本可能不同。 三、網站建立 操作程序 開啟frontpage 環境設定 建立網站 修改網站內容 修改網頁標題 新增網頁 建立連結 放到網站樹架構 開啟frontpage 開始 ─＞ 所有程式 ─＞ Microsoft frontpage pic_fp301 環境設定 工具─＞ 網頁選項(A) ─＞ 相容性；設定 pic_fp302 伺服器選Apache server 建立網站 -1 檢視 ─＞ 新增 ─＞網頁或web pic_fp301 建立網站 -2 新增網頁或web ─＞ 從範本增新 ─＞ Web網站範本 pic_fp303 其他設定不用改 建立網站 -3 個人網站範本 pic_fp304 最左邊的是網站的 6種檢視模式 中間的是網站 資料夾清單 右邊是檢視視窗 建立網站 -4 檢視窗 ─＞ 導覽 pic_fp305 導覽模式以圖形 展示整個網站架構 修改網站內容 修改網頁標題 修改網頁內容 新增網頁 連結新增網頁 修改網頁標題 檢視模式切換到導覽模式，直接點選文字部分 點一次，再點一次 ─＞ 修改文字 pic_fp306 修改網頁標題的方式： 修改網頁內容：連點2次 修改網頁內容 -1 連點兩次 ─＞ 開啟該網頁，進行修改 pic_fp307 這是個人網頁的範本 以此為基礎 再依個人需求作修改 修改網頁內容 -2 修改網頁橫幅 ─＞ pic_fp308 修改網頁內容 ─＞ pic_fp309 修改完成，存檔。 新增網頁：(一個科目) -1 檔案 ─＞新增 ─＞新增網頁或web ─＞ 網頁範本 pic_fp310 選擇目錄網頁 ─＞作為一門科目的首頁 ─＞修改檔案內容 pic_fp311 新增網頁：(一個科目) -2 檔案 －＞ 另存新檔 －＞ 存成 tch_index01.htm pic_fp312 同學們也要建立 一個新網頁 來放作業 檔案名稱可自行命名 這個例子是製作 教學網頁的簡單範例 新增網頁：(一個科目) -3 課程資料作成檔案連結： 將「教學進度表」反白，在其上按右鍵，再選「超連結」 pic_fp313 選擇「教學進度表」檔案，按「確定」，設定完成 pic_fp314 同樣完成各週的上課內容文件，存到網頁目錄(建議每一門科目開一個子目錄存放，以利後續的維護)，再分別作超連結。 連結新增網頁 先點選「瀏覽」； 再由資料夾清單中 點選新增的網頁(tch_index01.htm) 直接拉到「網站樹」中適當的位置 pic_fp315 放手後網頁即會加入到網站樹中 pic_fp316 四、使用內建的上傳工具 檔案 －＞ 發送web(U) 輸入網站資料並按「確定」鈕 輸入帳號和密碼，並按「確定」鈕 勾選「包含子Web(N)」，及「顯示(S)」鈕 按「發送」鈕；開始傳送： 傳送過程若有相同檔案者會詢問 若有多餘的檔案，也會詢問是否移除 由於未使用伺服器延申功能，會有警告：按繼續即可 使用內建的上傳工具 -1 檔案 －＞ 發送web(U) pic_fp401 發送位址：.tw/~帳號/web 使用內建的上傳工具 輸入網站資料並按「確定」鈕 輸入帳號和密碼，並按「確定」鈕 pic_fp402 使用內建的上傳工具 -3 勾選「包含子Web(N)」，及「顯示(S)」鈕 pic_fp403 有兩個視窗 左邊是本機 右邊是網頁伺服機 使用內建的上傳工具 -4 按「發送」鈕； 開始傳送 pic_fp404 若有相同檔案者 會詢問 pic_fp405 使用內建的上傳工具 -5 若有多餘的檔案， 也會詢問是否移除 pic_fp406 未使用伺服器延申功能， 會有警告; 按繼續即可 pic_fp407 使用內建的上傳工具 -6 傳送完成，可上網看看了 pic_fp408 六、上網瀏覽 於網址列輸入： .tw/~帳號/ 如果上網看到是亂碼，可在瀏覽器的檢視功能中 的語系及字元編碼中，設定為繁體中文即可 七、網站資料存網路硬碟 -1 連接電子郵件信箱： 在網址列輸入ftp://cyr@.tw cyr 要改成你的帳號 ms01 要改成 ms06 P