NAMO網頁製作教學簡報

主講人：蔡瓊雯 技士

1.尋找網頁精靈 如何啟動「網站精靈」？

1. 開啟網站管理者 ( 專案 )<( 網站精靈 )

2.選擇一個網站模板

3.輸入網站資訊

除了伸張版權外，也可依版主需求另做說明。

4.依喜好選擇佈景主題

佈景主題樣板選擇區可以放大瀏覽

5.選擇一個資料夾進行存檔

網站管理者網頁編輯畫面

6.完成初步架構

在專案的網站管理者中，從「結構」進入，可以為專案中的文件設定導覽樹。導覽樹負責定義專案中的文件與文件之間的關係。每一份文件至少都必須是另一份文件的母項、子項或手足。 

子項

母項

7.網站架構

8.網站管理者 -結構的意義與用處 切換到導覽樹的路徑：開啟網站管理者 <( 結構 )< 出現網站的導覽樹

設定導覽樹的主要目的：在 namo 設定的專案文件中會自動編輯動態導覽列。動態導覽列中的超連結一律會連結到某些特定的文件集，因此當導覽數中的各網頁關係改變時，它們對內含導覽列的文件的關係也會重新指定。

•搬移頁面：直接在欲搬移的頁面上按住左鍵搬移到想要放的位罝。

•刪除頁面：點選頁面按下刪除鍵即可。

將成績單 搬移到 java script 旁邊搬移時請注意的方向。

結構樹的操作可以如下：

新增頁面：新增的種類分為下列數種 ----只要在任一頁面上按右鍵找〔新增至導覽樹〕。 1.新增新文件：會插入一個空白頁面。 2. 新增外部連結：輸入名稱及外部連結的網址。 信箱表示法 ----- mailto：您的信箱•網頁表示法 ----http： //要連結的網址

9.網站管理者 -新增頁面

9.網站管理者 -新增頁面

• 在網頁編輯畫面中，選取 ( 格式 )>(變更佈景主題 )• Namo會要求先將目前的專案儲存，以免遺失一些檔案。

9.網站管理者 -變更佈景主題

9.網站管理者 -變更佈景主題• 此時會出現和網站精靈中選擇佈景主題一樣的功能畫面，只要

選取喜歡的樣式按下套用鈕即可。

• 開啟欲插入主標題的頁面• 找〔插入〕／〔佈景主題元件〕／〔主標題〕就可以插入

和每個頁面一樣的主標題當新增一個頁面，將這頁面也套用同樣的佈景主題，還要加上主標題及導覽列，才會和其他頁面一樣的版面。

9.插入主標題及導覽列

插入圖片的方式有二種– 美工圖案 ( 插入 / 影像 / 美工圖案 )– 從檔案 ( 插入 / 影像 / 從檔案 )

亦可從工具按鈕中選取

9.插入圖片

如果要啟動「影像展示區精靈」，請將插入點置於要在現行文件中插入影像或縮圖的位置，然後使用插入 > 影像 > 影像展示區指令。

9.相片簿的製作

9.相片簿的製作

9.相片簿的製作