網頁編輯軟體〈Namo〉教學壹、前言目前坊間為網頁製作應用之軟體，不計其數，例如ForntPage、Namo、Word、….，綜觀其本意，不外是想利用一個更簡單、更和善的操作介面，而取代生硬的html、css及javascript等相關的語法，而以一個拖拉視覺元件的方式來表現出一個活潑生動的網頁，而將其實際的語法藏之於網頁之後〈codebehind〉。因此，本次教學為使學員更容易瞭解網頁的製作及如何快速建立網站的相關網頁，特別利用Namo這套軟體來教學。希望能透過該套軟體簡單的中文操作介面及多樣的強大功能，讓學員快速了解網頁建立的方法，進而善用技巧創造美麗豐富的網頁。貳、Namo的基本認識2-1安裝Namo的系統要求作業系統：Windows98、Me、NT、2000或XP（建議使用Windows2000/XP或更新版本）Web瀏覽器：MicrosoftInternetExplorer4.0或更新版本、Netscape6.2或更新版本（建議使用InternetExplorer5.5或更新版本）CPU：Pentium166MHz或更快（建議使用Pentium266MHz或更快）記憶體：64MB或更大（建議使用128MB或更大）顯示：解析度為800x600或更大（建議使用1024x768或更大），顯示器和視訊卡支援256色或更多可用磁碟空間最小安裝：48MB完全安裝：135MB2-2Namo的安裝步驟請將滑鼠指標移至NamoWebEditor圖示上，輕按滑鼠左鍵兩下即可依序安裝全部的程式與資料設定檔。如果您使用安裝程式指引的預設安裝位置，即Namo資料夾及其子資料夾，將會在ProgramFiles資料夾下建立WebEditor6。如果您自己指定安裝目錄，將會在指定資料夾下建立以下資料夾。目錄檔案/WebEditor6/binNamoWebEditor6程式檔案/Cache用於快取檔案的磁碟空間/doc本readme檔案、最終使用者授權合約檔案和NamoWebEdtitor6初學者指南。NamoWebEditor6指南的餐廳網站範例位於HYPERLINK"file:///C:\\Program%20Files\\Namo\\WebEditor%206\\doc\\sample\\Restaurant"\t"_blank"sample/Restaurant資料夾中。HYPERLINK"file:///C:\\Program%20Files\\Namo\\WebEditor%206\\doc\\sample\\Resource"\t"_blank"sample/Resource資料夾包含建立該範例網站所必需的檔案。/lib附加程式檔或者您也可以從【開始】->【程式集】->【NamoWebEditor6】->【NamoWebEditor6】執行，您會發現在NamoWebEditor群組中還包含了其他的工具程式，如螢幕捕捉（NamoCapture）、動畫製作（NamoGIFAnimator）工具等。圖一：NamoWebEditor執行路徑參、Namo的功能介紹〈基本篇〉3-1啟動NamoNamoWebEditor是一個視覺化或WYSIWYG（「所見即所得」）的Web製作程式。這意味著，使用NamoWebEditor建立或編輯網頁時在螢幕上看到的就是將來在Web瀏覽器中開啟的網頁。這種視覺化導向的NamoWebEditor不同於「代碼導向」的HTML編輯器，在HTML編輯器中是直接編輯HTML代碼（雖然在NamoWebEditor中也可以）。圖二：NamoWebEditor主視窗NamoWebEditor主視窗的最大部份是HYPERLINK"mk:@MSITStore:C:\\Program%20Files\\Namo\\WebEditor%206\\bin\\WebEditor.chm::/2.environment.edit-window.html"文件視窗，這是用於建立和編輯Web文件的工作區。建立新文件時，文件視窗最初是空白區域。要建立Web文件，需透過鍵入文字、從硬碟機拖曳影像檔案等在視窗中填充組成網頁的內容元素。使用NamoWebEditor在Web文件中輸入內容非常類似於在文字處理程式中輸入內容。閃爍的垂直條亦稱為插入點，指示頁面上鍵入文字或插入影像的位置。在新文件中，插入點開始於文件視窗的左上角。當您新增內容時，插入點會向右側移動；到達文件視窗的右邊緣後，會移至下一行並回到左邊緣。但網頁和文字處理文件中的頁面不同，沒有固定的大小，它會隨著您新增內容而變得越來越長。這就是Web瀏覽器與NamoWebEditor在視窗右側提供捲軸的原因－便於您檢視在一個螢幕上容納