班网页制作流程架构.doc

《班网页制作流程架构.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、台北市西松國小資訊素養研習---班級網頁製作班級網頁製作流程架構第23-23頁台北市西松國小資訊素養研習---班級網頁製作使用Namo開始製作班級網頁【GO】開啟Namo：開始→程式集→NamoWebEditor5.5→NamoWebEditor5.5網頁編輯區HTML(HyperTextMarkuplanguage)網頁的超文字標記語言！早期沒有視窗化的編輯介面時，就是靠編寫相關語法來製作網頁。使用中的檔案名稱格式化工具列功能表標準工具列嗯！介面比FrontPage更像Word吧，因此操作起來更容易入手！不過Namo就像Dreamweaver、FrontPage一樣，除了編輯區外，還有網

2、站的導覽，稱為「網站管理員」這可是Namo另一個重點，可以讓你方便的管理你的網站樹狀結構（這在Dreamweaver也有，不知道是不是學來的），不過網站管理員我們等一下再說。利用「網站精靈」快速建立一個網站的結構：【GO】檔案→網站→網站精靈「4個步驟：範本→結構→佈景主題→資訊→發佈」詳細請見課本（P5～P10）【備註】此步驟主要是在確定存檔的位置，建議存在C以外的磁碟機，例如H碟自己的帳號下，請自行命名一個資料夾，就算電腦裡沒有也沒關係。因為如果發現沒有該資料夾，會自動幫你建立。OK！當你做完這個步驟，你的首頁就快OK了！看短短幾分鐘，首頁就漂漂的了！利用「網站管理員」好好管理網站的結

3、構：利用網站精靈建立專案後，會在資料夾自動產生相關的檔案及結構，其中「images」預設是用來存放圖形的地方。為了往後在管理方便，可自行新增資料夾，將相同的檔案放在同一個資料夾。名稱：用來更改檔名，當你更改完檔名後，所有相關的連結也會跟著更動，蠻方便的。第23-23頁台北市西松國小資訊素養研習---班級網頁製作狀態：會告訴你有沒有修改或開啟。★這結構樹可是很好用喔！也是NAMO管理網站時的精神所在。這是你網站的名稱。對NAMO而言以一個專案來表示一個網站，因此你可以利用NAMO管理多個網站。首頁，網友們連結到你網站時，預設會看到入口網頁。第一層，也就是首頁上出現的左邊選項。★更改首頁標題：

4、預設標題是….的首頁，要刪除掉這幾個字或是改網站名稱。【GO】可以到網站管理員→網站→在「首頁」圖示按滑鼠右鍵→內容（將標題換成你想要的名字）當你按下確定就改好啦！班級網頁架構建立在網站精靈中預設的班級網頁選項只有部分，甚至不符合自己的要求，現在就要快速的重建主要選項的項目名稱，此時要借重「網站管理員第23-23頁台北市西松國小資訊素養研習---班級網頁製作」的功能，來快速建立好所有的項目。在此列出一些建議事項，請自行決定您的班級網頁架構。上面這張圖像不像一棵樹的顛倒或是說類似族譜，稍微解釋一下【根】：班級首頁【樹幹】：從「班級消息……寄信給我」都視為同一層的樹幹。班級首頁，就是這一層的父

5、親，對班級首頁而言，樹幹這一層是他的兒子輩，而枝葉則是孫子輩。【枝葉】：像「帥哥、酷妹」等【備註】在NAMO中你要建立選單時，記得要在其父親的層次往下建立，以下示範如何操作。建立首頁選項層：★修改新增檔案的檔名（重新命名）：在網站管理員的「網站」點選要更改檔名的檔案→滑鼠右鍵→重新命名。當你更改完檔名後，NAMO會自動幫你把相關的超連結的設定給重新改過來！如此就不用擔心改個檔名，還要怕其他網頁中的連結設定全錯啦！★刪除掉導覽樹不必要的子頁：NAMO預設的選項一般而言會和你自己所需求的選項差異性很大，因此現在我們將不必要的子頁給刪除掉。【GO】在要刪除的子頁→滑鼠右鍵→從導覽樹移除。（另外校

6、友資訊、圖書館也移除）。如果確定那個子頁不要且連檔案也不要，可以選擇「刪除」。★快速新增子頁1、新增子頁：【GO】網站管理員→結構→在「新聞」此子頁→滑鼠右鍵→複製→在上一層「首頁」→滑鼠右鍵→貼上→OK你可以在最右邊發現新增的子頁2、更改導覽樹的名稱：不過你可發現也叫「新聞」趕快改一改吧【GO】在新增的「新聞」→滑鼠右鍵→內容第23-23頁台北市西松國小資訊素養研習---班級網頁製作更改成計畫中的子網頁，例如：教學理念。記一下這個檔名，因為如果每一個都是news_1.html，以後要更新網頁那可看不太懂要改哪一個檔才是！有時候還會改錯！3、修改檔名：【GO】網站管理員→專案→在「news

7、_1.html」→滑鼠右鍵→重新命名→輸入新的檔名（例如：教學理念teach.html，記得.html不可以刪掉喔！因為此副檔名也是瀏覽器作為判斷用，在98/NT/2000作為當你點兩下時，會以什麼程式開啟的關鍵）★建立完整的導覽樹現在就請依照前面的方法，把導覽樹建立成你所規劃的班級網頁架構。在此我將原本的「新聞→班級消息，簡介→班頭導師（導師介紹），教職員→麻辣鮮師（任課教師），學生→麻辣學生（並在此頁下建立兩個子頁（