台市中山国小教师资讯研习

《台市中山国小教师资讯研习》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、台北市中山國小教師資訊研習NAMO6.0網頁設計講義P.1NAMO6.0網頁設計講義V1.0By賴健二http://www.chener.idv.tw2004.9.22各位同仁：目前，本校班級網站與教學網站已經日趨完整，過去兩年，資訊組辦理過好幾梯次的網頁設計研習。原本不打算再開網頁設計研習的，但因多位教師希望能繼續學習網頁設計，也希望加強網頁設計的概念，因此，資訊組以NAMO6.0再開設網頁設計的研習，並加深課程內容，期望大家對於網頁製作的原理能更加了解，以減少各類錯誤的發生。為了讓大家有個參考的依據，特別製作此份簡單的講義。祝大家學習愉快！^_^貓熊老師賴健二第

2、一部分常用基本功能一、使用網站精靈開始新站NAMO的迷人之處，在於它的網站精靈可以快速地建立整個網站的架構、套用美美的佈景主題，這一點，相較於FrontPage與Dreamweaver是非常令人激賞的。當然，若您不喜歡與別人「撞佈景主題」，也可以選擇以傳統的方式來設計每一頁，只是就比較辛苦了。以下是開始一個新站的步驟：Step1:執行NAMO6.0Step2:從功能表選擇「檔案」Æ「網站」Æ「網站精靈」Step3:選擇主選單按鈕的方向後，按「下一步」如果你希望網站內容的選單按鈕是水平排列的，請選擇「個人網站1」；希望是垂直的請選「個人網站2」台北市中山國小教師資訊研

3、習NAMO6.0網頁設計講義P.2Step4:修改網站架構(建議先只做第一層)，好之後按「下一步」網站的架構是可以隨時調整的。建議此處先不要做太多，稍後採用範本的方式新增。Step5:挑選佈景主題這一版的佈景主題居然無法放大…#@$#不過，倒是可以進行預覽台北市中山國小教師資訊研習NAMO6.0網頁設計講義P.3Step6:設定放置網站的資料夾。這個步驟非常重要，您一定要準備一個專用的資料夾來擺放網站。在這裡，我輸入「D:338班網」，代表我的網站要擺在D碟的338班網資料夾中。您也可使用「瀏覽」鈕來指定資料夾位置。建議不要放在C碟，最好放在D至於上方的「標題」、

4、「作者」、「電子郵件」…等欄位，就看您要不要讓它們出現在首頁了。如果不要，全部刪掉就好了！Step7:設定將來要上傳的伺服器這個地方可以等網站做好再來設定。因此，可以直接按下「完成」鈕。台北市中山國小教師資訊研習NAMO6.0網頁設計講義P.4Step8:按「新增」鈕，設定網站伺服器位置在中山國小，您的網站可放在W3或W4伺服器。建議您，在此先將相關資料設好，如此一來，發佈網站會較快速。欄位內容說明：(1)網站名稱：您就隨便設吧，自己看得懂就好了(2)主機：如果您想傳到W3，請輸入w3.csps.tp.edu.tw；如果想放在W4，請輸入w4.csps.tp.edu

5、.tw；如果您想放在校外的WebServer，請輸入該伺服器的網址(3)連接埠：請不要改這個欄位(4)目錄：本校W3或W4的網站，預設目錄為小寫的public_html，因此，請輸入小寫的public_html。但是，若您不只要設計一個網站，那麼，請以資料夾分別。例如，您在W3打算放置2個網站，班網叫338，個人網站叫pig，那麼，目錄的設定就會是public_html/338，與public_html/pig(5)使用者名稱：就是您在W3或W4的帳號，如果您忘記了…..請找健二(6)密碼：就看您記不記得了(7)HTTP資訊：就是將來這個網站的網址。例如：我的帳號是

6、chener，那麼，網址會是http://w3.csps.tp.edu.tw/~chener。如果我有兩個網站，一個是338，一個是pig，那麼，網址分別會是：http://w3.csps.tp.edu.tw/~chener/338、http://w3.csps.tp.edu.tw/~chener/pig。這個欄位是可以不用理它的！台北市中山國小教師資訊研習NAMO6.0網頁設計講義P.5Step9:按下「完成」鈕，按「是」建立資料夾Step10:完成新增網站的動作。NAMO6.0的網站管理員，看起來更清爽乾淨了。您可以玩一下，用不同的模式來檢視網站架構。台北市中山

7、國小教師資訊研習NAMO6.0網頁設計講義P.6二、調整網站架構NAMO6在執行時，會產生兩個視窗，一個叫作「網站管理員」，一個稱為「NamoWebEditor6」。「網站管理員」是專門用來處理網站架構、網頁檔名、發佈設定的程式，「NamoWebEditor6」則是編輯單頁網頁的地方。您可以在電腦螢幕下方的工作列，切換這兩個視窗。以下介紹調整網站架構的方法：Function1:刪除某個網頁您只要在「網站管理員」視窗中，對著想要刪除的網頁，按滑鼠右鍵，選擇刪除即可。Function2:搬動某個網頁直接拖曳即可！Function3:新增子網頁假設您在某個網頁下，想新