網站的製作
 　
　

2008/03/07

《課程目的》－提供資訊的網站

　　怎麼將自己的資訊傳播給他人，或知識傳播給他人了解。除了上述課程說的電子書格式外，在資訊界裏最常被使用的就是 web 網站。雖然現在網站的存在的形式很多樣化，如部落格，網路相簿等等，但基本 web 網站因可以下載檔案等等，所以一直沒有消失。我們以學校有授權的微軟 FrontPage 2003， 來製作簡易的個人網站。

 　
　 　

課程內容： 大部分同學都有學過網頁製作，所以 僅將該會最基本的放上來，同學們自己看一下。同學有興趣製作自己的網站，可以和計算機中心申請帳號，因為學校的帳號不會有廣告視窗。

  • 預計作架構為三個層次的網站。
  • 使用 filezilla ftp  軟體上傳網站。

簡易「交作業Web」課程步驟：

 1、以學號為名稱，在桌面新增一個資料夾。

2、開啟網站（指定網站使用的資料夾）：

l          開啟Frontpage，「檔案」=>「開啟網站」，將網站指向新增的學號資料夾。（會出現「新增 FrontPage 資訊」的對話框，請按確定）

3、新增首頁（index.htm），一般web 伺服器將首頁預設為 index.htm 或 index.html。即開啟網站目錄時，將直接讀取該檔案。

l          Frontpage ：「檔案」=>「開新檔案」，右邊的工作窗格會出現選項，請點選「空白網頁」。

l          按「儲存檔案」，將檔案存成index.htm。即預設首頁。

l          於網頁上按右鍵，「網頁內容」，更變網頁「標題」，才不會出現「新網頁123」，一方面未來檔案增加時，自己也不會混淆。另外「網頁描述」及「關鍵字」，會使網頁被搜索到的機率大增。

n          備註一：網站檔案及圖形，請記得一定不使用中文，因為有的伺服器讀取會出問題。

n          備註二：網頁的標題一定要更改，因為網站難在於「維護」，未來網站的檔案擴增時，有網頁的標題，會容易修改。

4、新增含框架頁的新網頁 index2.htm。

l          「檔案」=>「開新檔案」。「工作窗格」選擇「其他網頁範本」=>「框架頁」，選擇「內容」式的框架網頁。

l          網頁畫面出現框架頁，左右兩邊均點選「新增網頁」。

l          按「儲存檔案」，將左邊存成 left.htm，右邊存成 profile.htm。整個網頁存成 index2.htm。

l          依上述操作，更變網頁內容。

5、新增 homework.htm 及 contact.htm 兩個網頁。

l          「檢視」=>「資料夾」切換至網站資料夾檢視。（或直接點選「網站」標籤）

l          右鍵=>「新增」=>「空白網頁」，檔名homework.htm，網頁標題「課程作業」。再一次操作檔名 contact.htm ，網頁標題「連絡方式」。

6、將網頁用連結，連結成三層次的網頁。

l          注意，連結的「目標框架」的問題。

7、檢視=>連結

8、檢視=>導覽。（稍說明一下導覽列的用法。）

9、檢視=>報告=>網站總覽。

10、使用自介為例，網頁文字內容，最好用表格，才不會頂天立地。

11、佈景主題，簡略帶過。

12、使用http://sourceforge.net/projects/filezilla/ 軟體上傳。