1 / 19

NAMO 網頁製作教學簡報

NAMO 網頁製作教學簡報. 主講人:蔡瓊雯 技士. 1. 尋找網頁精靈. 如何啟動「網站精靈」? 1.開啟網站管理者 ( 專案 )<( 網站精靈 ). 2.選擇一個網站模板. 3.輸入網站資訊. 除了伸張版權外,也可依版主需求另做說明。. 可以放大瀏覽. 佈景主題樣板選擇區. 4.依喜好選擇佈景主題. 5.選擇一個資料夾進行存檔. 6. 完成初步架構. 網頁編輯畫面. 網站管理者. 7. 網站架構.

boone
Download Presentation

NAMO 網頁製作教學簡報

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. NAMO網頁製作教學簡報 主講人:蔡瓊雯 技士

  2. 1.尋找網頁精靈 • 如何啟動「網站精靈」?1.開啟網站管理者(專案)<(網站精靈)

  3. 2.選擇一個網站模板

  4. 3.輸入網站資訊 除了伸張版權外,也可依版主需求另做說明。

  5. 可以放大瀏覽 佈景主題樣板選擇區 4.依喜好選擇佈景主題

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

  7. 6.完成初步架構 網頁編輯畫面 網站管理者

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

  9. 8.網站管理者-結構的意義與用處 • 切換到導覽樹的路徑:開啟網站管理者<(結構)<出現網站的導覽樹 • 設定導覽樹的主要目的:在namo設定的專案文件中會自動編輯動態導覽列。動態導覽列中的超連結一律會連結到某些特定的文件集,因此當導覽數中的各網頁關係改變時,它們對內含導覽列的文件的關係也會重新指定。

  10. 結構樹的操作可以如下: • 搬移頁面:直接在欲搬移的頁面上按住左鍵搬移到想要放的位罝。 將成績單 搬移到java script 旁邊搬移時請注意的方向。 • 刪除頁面:點選頁面按下刪除鍵即可。

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

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

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

  14. 9.網站管理者-變更佈景主題 • 此時會出現和網站精靈中選擇佈景主題一樣的功能畫面,只要選取喜歡的樣式按下套用鈕即可。

  15. 9.插入主標題及導覽列 • 開啟欲插入主標題的頁面 • 找〔插入〕/〔佈景主題元件〕/〔主標題〕就可以插入和每個頁面一樣的主標題當新增一個頁面,將這頁面也套用同樣的佈景主題,還要加上主標題及導覽列,才會和其他頁面一樣的版面。

  16. 9.插入圖片 • 插入圖片的方式有二種 • 美工圖案 (插入/影像/美工圖案) • 從檔案 (插入/影像/從檔案) 亦可從工具按鈕中選取

  17. 9.相片簿的製作 • 如果要啟動「影像展示區精靈」,請將插入點置於要在現行文件中插入影像或縮圖的位置,然後使用插入> 影像> 影像展示區指令。

  18. 9.相片簿的製作

  19. 9.相片簿的製作

More Related