學生網站的建立 使用frontpage2003版 cyr.

Presentation on theme: "學生網站的建立 使用frontpage2003版 cyr."— Presentation transcript:

1 學生網站的建立 使用frontpage2003版 cyr

2 一、網站環境 網站伺服器：ms06.dahan.edu.tw 目錄：/home/電子郵件帳號/web 帳號：電子郵件帳號 密碼：電子郵件密碼
網址： cyr

3 二、軟體安裝 使用本校有授權的frontpage軟體 若偏好使用其他軟體亦可。 教室已安裝的Frontpage，版本可能不同。 cyr

4 三、網站建立 操作程序 開啟frontpage 環境設定 建立網站 修改網站內容 修改網頁標題 新增網頁 建立連結 放到網站樹架構 cyr

5 開始 ─＞ 所有程式 ─＞ Microsoft frontpage
pic_fp301 cyr

6 環境設定 工具─＞ 網頁選項(A) ─＞ 相容性；設定 pic_fp302 伺服器選Apache server cyr

7 檢視 ─＞ 新增 ─＞網頁或web pic_fp301
建立網站 -1 檢視 ─＞ 新增 ─＞網頁或web pic_fp301 cyr

8 新增網頁或web ─＞ 從範本增新 ─＞ Web網站範本
建立網站 -2 新增網頁或web ─＞ 從範本增新 ─＞ Web網站範本 pic_fp303 其他設定不用改 cyr

9 建立網站 -3 個人網站範本 pic_fp304 最左邊的是網站的 6種檢視模式 中間的是網站 資料夾清單 右邊是檢視視窗 cyr

10 建立網站 -4 檢視窗 ─＞ 導覽 pic_fp305 導覽模式以圖形 展示整個網站架構 cyr

11 修改網站內容 修改網頁標題 修改網頁內容 新增網頁 連結新增網頁 cyr

12 檢視模式切換到導覽模式，直接點選文字部分
修改網頁標題 檢視模式切換到導覽模式，直接點選文字部分 點一次，再點一次 ─＞ 修改文字 pic_fp306 修改網頁標題的方式： 修改網頁內容：連點2次 cyr

13 連點兩次 ─＞ 開啟該網頁，進行修改 pic_fp307
修改網頁內容 -1 連點兩次 ─＞ 開啟該網頁，進行修改 pic_fp307 這是個人網頁的範本 以此為基礎 再依個人需求作修改 cyr

14 修改網頁內容 -2 修改網頁橫幅 ─＞ pic_fp308 修改網頁內容 ─＞ pic_fp309 修改完成，存檔。 cyr

15 新增網頁：(一個科目) -1 檔案 ─＞新增 ─＞新增網頁或web ─＞ 網頁範本 選擇目錄網頁 ─＞作為一門科目的首頁 ─＞修改檔案內容
pic_fp310 選擇目錄網頁 ─＞作為一門科目的首頁 ─＞修改檔案內容 pic_fp311 cyr

16 檔案 －＞ 另存新檔 －＞ 存成 tch_index01.htm
新增網頁：(一個科目) -2 檔案 －＞ 另存新檔 －＞ 存成 tch_index01.htm pic_fp312 同學們也要建立 一個新網頁 來放作業 檔案名稱可自行命名 這個例子是製作 教學網頁的簡單範例 cyr

17 新增網頁：(一個科目) -3 選擇「教學進度表」檔案，按「確定」，設定完成 課程資料作成檔案連結：
將「教學進度表」反白，在其上按右鍵，再選「超連結」 pic_fp313 選擇「教學進度表」檔案，按「確定」，設定完成 pic_fp314 同樣完成各週的上課內容文件，存到網頁目錄(建議每一門科目開一個子目錄存放，以利後續的維護)，再分別作超連結。 cyr

18 連結新增網頁 先點選「瀏覽」； 再由資料夾清單中 點選新增的網頁(tch_index01.htm) pic_fp315
直接拉到「網站樹」中適當的位置 pic_fp315 放手後網頁即會加入到網站樹中 pic_fp316 cyr

19 四、使用內建的上傳工具 檔案 －＞ 發送web(U) 輸入網站資料並按「確定」鈕 輸入帳號和密碼，並按「確定」鈕
勾選「包含子Web(N)」，及「>>顯示(S)」鈕 按「發送」鈕；開始傳送： 傳送過程若有相同檔案者會詢問 若有多餘的檔案，也會詢問是否移除 由於未使用伺服器延申功能，會有警告：按繼續即可 cyr

20 使用內建的上傳工具 -1 檔案 －＞ 發送web(U) pic_fp401
發送位址：ftp://ms06.dahan.edu.tw/~帳號/web cyr

21 使用內建的上傳工具 輸入網站資料並按「確定」鈕 輸入帳號和密碼，並按「確定」鈕 pic_fp402 cyr

22 勾選「包含子Web(N)」，及「>>顯示(S)」鈕
使用內建的上傳工具 -3 勾選「包含子Web(N)」，及「>>顯示(S)」鈕 pic_fp403 有兩個視窗 左邊是本機 右邊是網頁伺服機 cyr

23 使用內建的上傳工具 -4 按「發送」鈕； 開始傳送 pic_fp404 若有相同檔案者 會詢問 pic_fp405 cyr

24 使用內建的上傳工具 -5 若有多餘的檔案， 也會詢問是否移除 未使用伺服器延申功能， 會有警告; 按繼續即可 pic_fp407
cyr

25 使用內建的上傳工具 -6 傳送完成，可上網看看了 pic_fp408 cyr

26 六、上網瀏覽 於網址列輸入： http://ms06.dahan.edu.tw/~帳號/ 如果上網看到是亂碼，可在瀏覽器的檢視功能中
的語系及字元編碼中，設定為繁體中文即可 cyr

27 七、網站資料存網路硬碟 -1 連接電子郵件信箱： Pic_fp702 接下來顯示輸入密碼視窗； 輸入密碼 按「確定」鈕
cyr 要改成你的帳號 ms01 要改成 ms06 Pic_fp702 接下來顯示輸入密碼視窗； 輸入密碼 按「確定」鈕 cyr

28 七、網站資料存網路硬碟 -2 進入網路硬碟的目錄 打開網站儲存目錄 pic_fp703 pic_fp704 原有資料夾中資料不要亂動
即儲存當初你做網頁的資料夾 pic_fp704 cyr

29 七、網站資料存網路硬碟 -3 直接將「網站目錄」拉到網路硬碟的目錄即可上傳 本方法可以一次上傳下載一整個目錄 pic_fp705
下回將網站目錄再抓回來，就可繼續未完的工作 pic_fp706 cyr