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