1 / 59

第 10 章

第 10 章. 網頁編輯器. 大綱. Namo WebEditor 簡介 快速建立網站 基本文字編輯技巧 佈景主題 智慧按鈕 圖形處理 超鏈結 表格 多媒體物件 SCRIPT WEBCANVAS 向量圖形繪製 網頁編輯器輔助開發. 網頁編輯器簡介. 在網頁程式的開發過程中，因其純文字特性，故可使用一般之 NotePad 或 Ultra Editor 等文字編輯軟體編輯之。但因一具備完整功能之互動式網站，頁面數量動輒數百頁，在管理與整合上頗為複雜，尤其以選單、頁面跳轉與頁面之間相互之超鏈結等更難以管理。

infinity
Download Presentation

第 10 章

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. 第10章 網頁編輯器

  2. 大綱 • Namo WebEditor 簡介 • 快速建立網站 • 基本文字編輯技巧 • 佈景主題 • 智慧按鈕 • 圖形處理 • 超鏈結 • 表格 • 多媒體物件 • SCRIPT • WEBCANVAS向量圖形繪製 • 網頁編輯器輔助開發

  3. 網頁編輯器簡介 • 在網頁程式的開發過程中，因其純文字特性，故可使用一般之NotePad或Ultra Editor等文字編輯軟體編輯之。但因一具備完整功能之互動式網站，頁面數量動輒數百頁，在管理與整合上頗為複雜，尤其以選單、頁面跳轉與頁面之間相互之超鏈結等更難以管理。 • 藉由網頁編輯器的協助，可以更輕鬆的管理PHP網站，而將心力投注在更重要的程式撰寫與美工設計。

  4. Namo WebEditor 簡介 • 學習Namo WebEditor是的過程相當輕鬆愉快，一開始可透過網站精靈快速地產生基本網站架構，並使用內建豐富的網站模板與佈景主題，依需要建構出基本的網站。而隨著使用經驗日增、工具熟練度提高，更能累積創意，而展現屬於自己的風格。 • 同時，在Namo WebEditor中也內建了基本的圖形處理、網頁上傳、相簿製作、網頁Script等功能。可說基本網頁設計的需求，均可以透過Namo WebEditor完成。

  5. 快速建立網站 • 網站精靈

  6. 快速建立網站 Cont. • 選擇範本

  7. 快速建立網站 Cont. • 修改網站結構

  8. 快速建立網站 Cont. • 選擇佈景主題

  9. 快速建立網站 Cont. • 網站資訊

  10. 快速建立網站 Cont. • 上傳資訊

  11. 快速建立網站 Cont. • 建立網站目錄

  12. Namo 操作：結構樹管理

  13. Namo 操作 • 新增網頁 • 以複製法新增網頁 • 檔案目錄分類 • 檔案名稱命名（中文/英文）

  14. 配合SA系統架構圖建立結構樹

  15. 文字編輯 • 樣式設定 • 字型設定 • 設定段落 • 設定清單 • 縮排調整

  16. 佈景主題 • 套用佈景主題

  17. 佈景主題 Cont. • 選擇佈景主題（需儲存網站）

  18. 佈景主題 Cont. • 插入佈景主題元件

  19. 佈景主題 Cont. • 佈景主題元件變化範例

  20. 編輯佈景主題 Cont. • 編輯佈景主題

  21. 編輯佈景主題 Cont. • 變更佈景主題名稱，編輯元件

  22. 編輯佈景主題 Cont. • 編輯元件

  23. 智慧按鈕 • 插入智慧按鈕

  24. 智慧按鈕 Cont. • 智慧按鈕透明底色調整

  25. Flash 按鈕 • 插入 Flash 按鈕

  26. 圖形處理 • 插入圖庫圖片

  27. 插入外部圖片 在複製外部圖片時，建議將所有的圖片均存放在固定的資料夾內（例如images資料夾）以方便管理。 不論由美工圖庫或外部檔案插入圖片，若沒有將外部圖片複製到網站內，則在瀏覽時，便會發生圖片找不到的問題，請特別注意。 圖形處理

  28. 明暗調整（圖片的明度） 對比調整（圖片的對比度） 清晰度調整（圖片更清晰或更模糊） 裁剪、縮放、透明底色 圖形編修

  29. 圖形編修 Cont.

  30. 圖形編修 Cont.

  31. 相簿建立

  32. 相簿建立 Cont.

  33. 相簿建立 Cont.

  34. 相簿建立 Cont.

  35. 超鏈結 • 文字超鏈結

  36. 超鏈結 Cont. • 圖片超鏈結

  37. 導覽列

  38. 導覽列 Cont.

  39. 導覽列 Cont. • 蹦現功能表

  40. 導覽列 Cont. • 顯示子層次

  41. 書籤

  42. 書籤 Cont.

  43. 影像地圖

  44. 影像地圖 Cont.

  45. 導覽樹

  46. 表格 • 新增表格

  47. 表格 Cont. • 表格樣式

  48. 佈置表格

  49. 佈置表格 Cont.

  50. 多媒體物件

More Related