班网页制作流程架构.docVIP

班級網頁製作流程架構 使用Namo開始製作班級網頁 【GO】開啟Namo：開始→程式集→Namo WebEditor5.5→Namo WebEditor 5.5 嗯！介面比FrontPage更像Word吧，因此操作起來更容易入手！不過Namo就像Dreamweaver、FrontPage一樣，除了編輯區外，還有網站的導覽，稱為「網站管理員」這可是Namo另一個重點，可以讓你方便的管理你的網站樹狀結構（這在Dreamweaver也有，不知道是不是學來的），不過網站管理員我們等一下再說。 利用「網站精靈」快速建立一個網站的結構： 【GO】檔案→網站→網站精靈「4個步驟：範本→結構→佈景主題→資訊→發佈」 詳細請見課本（P5～P10） 【備註】 此步驟主要是在確定存檔的位置，建議存在C以外的磁碟機，例如H碟自己的帳號下，請自行命名一個資料夾，就算電腦裡沒有也沒關係。因為如果發現沒有該資料夾，會自動幫你建立。 OK！當你做完這個步驟，你的首頁就快OK了！看短短幾分鐘，首頁就漂漂的了！ 利用「網站管理員」好好管理網站的結構： 利用網站精靈建立專案後，會在資料夾自動產生相關的檔案及結構，其中「images」預設是用來存放圖形的地方。 為了往後在管理方便，可自行新增資料夾，將相同的檔案放在同一個資料夾。 名稱：用來更改檔名，當你更改完檔名後，所有相關的連結也會跟著更動，蠻方便的。 狀態：會告訴你有沒有修改或開啟。 ★這結構樹可是很好用喔！也是NAMO管理網站時的精神所在。 ★更改首頁標題：預設標題是….的首頁，要刪除掉這幾個字或是改網站名稱。 【GO】可以到網站管理員→網站→在「首頁」圖示按滑鼠右鍵→內容（將標題換成你想要的名字） 當你按下確定就改好啦！ 班級網頁架構建立 在網站精靈中預設的班級網頁選項只有部分，甚至不符合自己的要求，現在就要快速的重建主要選項的項目名稱，此時要借重「網站管理員」的功能，來快速建立好所有的項目。 在此列出一些建議事項，請自行決定您的班級網頁架構。 上面這張圖像不像一棵樹的顛倒或是說類似族譜，稍微解釋一下 【根】：班級首頁 【樹幹】：從「班級消息……寄信給我」都視為同一層的樹幹。班級首頁，就是這一層的父親，對班級首頁而言，樹幹這一層是他的兒子輩，而枝葉則是孫子輩。 【枝葉】：像「帥哥、酷妹」等 【備註】在NAMO中你要建立選單時，記得要在其父親的層次往下建立，以下示範如何操作。 建立首頁選項層： ★修改新增檔案的檔名（重新命名）： 在網站管理員的「網站」點選要更改檔名的檔案→滑鼠右鍵→重新命名。 當你更改完檔名後，NAMO會自動幫你把相關的超連結的設定給重新改過來！如此就不用擔心改個檔名，還要怕其他網頁中的連結設定全錯啦！ ★刪除掉導覽樹不必要的子頁： NAMO預設的選項一般而言會和你自己所需求的選項差異性很大，因此現在我們將不必要的子頁給刪除掉。 【GO】在要刪除的子頁→滑鼠右鍵→從導覽樹移除。（另外校友資訊、圖書館也移除）。 如果確定那個子頁不要且連檔案也不要，可以選擇「刪除」。 ★快速新增子頁 1、新增子頁： 【GO】網站管理員→結構→在「新聞」此子頁→滑鼠右鍵→複製→在上一層「首頁」→滑鼠右鍵→貼上→OK你可以在最右邊發現新增的子頁 2、更改導覽樹的名稱： 不過你可發現也叫「新聞」趕快改一改吧 【GO】在新增的「新聞」→滑鼠右鍵→內容 3、修改檔名： 【GO】網站管理員→專案→在「news_1.html」→滑鼠右鍵→重新命名→輸入新的檔名（例如：教學理念teach.html，記得.html不可以刪掉喔！因為此副檔名也是瀏覽器作為判斷用，在98/NT/2000作為當你點兩下時，會以什麼程式開啟的關鍵） ★建立完整的導覽樹 現在就請依照前面的方法，把導覽樹建立成你所規劃的班級網頁架構。 在此我將原本的「新聞→班級消息，簡介→班頭導師（導師介紹），教職員→麻辣鮮師（任課教師），學生→麻辣學生（並在此頁下建立兩個子頁（辣哥、辣妹））」 ★大風吹，吹什麼？我拖拖拖 建好了這棵樹，不過選項順序好像怪怪的！沒關係！這可以很快就解決的！ 1、將班級消息移到選項最上面：因此我們要將班級消息移到班頭導師的左邊 【GO】滑鼠按住「班級消息」不放→拖到「班頭導師」左邊→出現三角形的時候（可是代表方向喔）→OK放掉就OK啦！ 2、接著請將麻辣學生、酷站、班級課表、教學理念、班級經營、學生作品、教學檔案、班級活動、、、等等按照自己的順序排好！ 終於把架構及順序確立了！ 不過新增的時候檔名是延續剛剛複製的原始檔名後面加上數字，看起來也不知道WHO WHO WHO（誰誰誰）因此請利用下面的方法更改檔名。（AND由於之前都做過，因此在此就不圖解了！） 在此僅提供任名的參考，取好檔名也方便以後維護網站方便，以免看到檔名，也不知道是什麼東西