1、縮短中小學城鄉數位落差 電腦研習營,課程名稱:網頁小精靈 Namo WebEditor 日期:2008年7月6日 時間:9:0016:30 上課講師:蔡瓊雯,綱要,壹.執行Namo WebEditor 貳.快速建立網站架構 參.修改網站的架構,壹.執行Namo WebEditor,請將滑鼠指標移至Namo WebEditor圖示上,輕按滑鼠左鍵兩下即可。 或者您也可以從【開始】-【程式集】-【Namo WebEditor 6】-【Namo WebEditor 6】執行。,貳.快速建立網站架構,步驟一:從功能表列中選取【檔案】-【網站】-【網站精靈】。,貳.快速建立網站架構,步驟二:從網站範本中
2、選擇適當的範本加以套用,建議使用【個人網站2】這個範本,選定後按【下一步】。,貳.快速建立網站架構,步驟三:修改新網站的範本結構。可直接利用複製、移除的功能來增加、減少網頁的數目,利用重新命名的功能來修改網頁名稱,利用上移、下移功能來調整每個網頁的上下層位置,使用上非常的方便。選定後按【下一步】。 步驟四:選定佈景主題。佈景主題是網站風格的表現,不同的佈景主題有不同的色系編排、背景圖片、按鈕造型、文字選項等,可依自己的喜好來選擇。【網站預覽】可讓您先預覽該主題的內容,選定後請按【下一步】。,貳.快速建立網站架構,步驟五:輸入網站資訊,包括網站名稱、作者、電子郵件地址以及版權資訊。輸入的網站名稱
3、將用來作為索引頁的主標題,輸入的電子郵件地址將自動插入網站中每一份文件底部。輸入儲存網站資料的資料夾,可直接輸入,也可以【瀏覽】來點選,但如果該資料尚未建立,就只能直接輸入了,在這我們直接輸入C:我的個人網站(自己決定網站要放在哪個磁碟機)。輸入完後後按【下一步】。,貳.快速建立網站架構,貳.快速建立網站架構,步驟六:發佈是指將你剛完成的網站上傳至網路主機上,在此之前您必須先知道您的網站所在主機的位址與您個人的帳號和密碼,輸入完後Namo就會將你剛完成的網站上傳至網路主機上。但是我們目前先不做任何設定,所以請直接按【完成】。,貳.快速建立網站架構,步驟七:如您在步驟五所輸入的資料夾並不存在,則
4、在此會出現對話框,詢問是否要建立該資料夾,請按【是】。經由這幾個步驟,網站的架構就產生完成了。,參.修改網站的架構,步驟一:在【關於我自己】上按滑鼠右鍵,選擇【內容】。,參.修改網站的架構,參.修改網站的架構,步驟二:在【標題】與【導覽名稱】中輸入我的家,改完後按【確定】。,參.修改網站的架構,步驟三:改完後按功能表中的【網站】-【儲存網站】,往後只要網站內容有所修改,最後一個步驟都是儲存網站。切換至網頁編輯工具中的預覽模式看看剛剛辛苦的成果。,參.修改網站的架構,步驟四:因為【相片】及【連絡】用不到,所以我們要將它們移除,方法在【相片】及【連絡我】上按滑鼠右鍵,選擇【刪除】。,參.修改網站的
5、架構,則會出現下列訊息,按【是】即可,但是這樣只是從網站樹移除節點,檔案並不會真正刪除,必須手動刪除檔案。,參.修改網站的架構,此時網站結構變成為以下的樣子:,參.修改網站的架構,步驟五:我們希望產生如【最愛】般具備第二層導覽列,方法在Namo5.5可以直接在網站樹利用複製與貼上來完成,在Namo6卻不行,不過窮則變,變則通,還是有方法,說明如下:,參.修改網站的架構,a、在網站管理員左方的網站檔案視窗中找出包含的4個檔案:最愛(favorite.html)、主旨1(theme_1.html)、主旨2(theme_1.html)、主旨3(theme_1.html),配合ctrl按鍵選取這四個檔案,按右鍵複製,參.修改網站的架構,然後再按右鍵貼上。,