170 likes | 311 Views
Namo WebEditor. 網頁製作產出型研習 日期 :92.10.18~92.11.01 時間 :08:00~16:30. 開始製作網頁之前. 網站製作流程 設計網站架構 建立工作目錄. 開始製作網頁之前 網站製作流程. 確定網站主題 規劃網站內容 蒐集相關資料 製作網站架構. 5.著手編製網頁 6.申請網頁空間 7.測試、上傳網頁 8.更新網頁. 開始製作網頁之前 設計 網站架構. 網站的架構圖並沒有一定的格式,一般來說 “ 樹狀架構圖 ” 是最常使用也是最清楚明白的一種方式. 開始製作網頁之前 建立工作目錄.
E N D
Namo WebEditor 網頁製作產出型研習 日期:92.10.18~92.11.01 時間:08:00~16:30
開始製作網頁之前 • 網站製作流程 • 設計網站架構 • 建立工作目錄
開始製作網頁之前網站製作流程 • 確定網站主題 • 規劃網站內容 • 蒐集相關資料 • 製作網站架構 5.著手編製網頁 6.申請網頁空間 7.測試、上傳網頁 8.更新網頁
開始製作網頁之前 設計網站架構 網站的架構圖並沒有一定的格式,一般來說 “樹狀架構圖”是最常使用也是最清楚明白的一種方式
開始製作網頁之前建立工作目錄 規劃用來存放之後建立網站所產生的所有檔案。包含網頁文件、圖片、聲音、動畫等各種媒體檔案。
建立新網站 1. 從Namo WebEditor的視窗中選【檔案>網站>網站精靈】 2. 選擇【範本】【下一步】 3. 調整結構樹內容 4. 選擇【佈景主題】 5. 設定發佈網站(可先略過) 6. 輸入網站資料
網站架構管理 搬移頁面:滑鼠直接拖曳 頁面標題更名:右鍵>重新命名 頁面檔名更改:右鍵>重新命名 新增新文件:右鍵>開新檔案>文件 新增電子信箱:右鍵>開新檔案>URL 新增網頁連結:右鍵>開新檔案>URL 刪除頁面:按【刪除鍵】
佈景主題 變更佈景主題:【格式>佈景主題】 修改佈景主題:【視窗>資源管理員>佈景主題標籤頁>將選定的佈景主題拖曳至“我的資源”>雙擊“我的資源”中欲修改的部分>進行修改 若佈景主題無法瀏覽時:資源管理員>功能表>轉換佈景主題
導覽列 導覽列:【插入>網站元素>導覽列】.文字導覽列.智慧按鈕導覽列.Flash導覽列.包含蹦現功能表的導覽列(只能用 於“文字”和”智慧按鈕“)
Web 圖形……1 插入圖片: 美工圖案【插入>影像元素>美工圖案】 檔案【插入>影像】 背景圖片:【插入>影像元素>背景影像】
Web 圖形……2 影像效果:右鍵【影像>影像效果】 影像去背:右鍵【影像>設定透明色彩】 相簿:【工具>建立相簿】 智慧按鈕:【插入>智慧按鈕】 Flash按鈕:【插入>Flash按鈕】
表格 • 插入表格: • 表格的操作: • 表格格式化: • 佈置表格: • 佈置儲存格:
書籤 • 建立書籤:反白書籤位置>插入/書籤>輸入書籤名稱>新增>關閉 • 設定連結:反白連結位置>右鍵/建立超連結>選擇書籤>確定
Script 精靈 【插入>Script>Script精靈】 Namo WebEditor內建18種JavaScript特效,完全不用學程式碼,就可做出很炫的動態特效
超連結 外部連結:外面的網址 內部連結:本身專案裡的網頁(書籤) 電子信箱:寫電子郵件 檔案:可用檔案下載
如何將舊有的網站轉至Namo下再編輯 1. 建立一個新專案:【到“網站管理者”>專案>新專案】 2. 將新專案的資料夾開啟後,把要再編輯的資料夾內的內容全數拖曳至新的資料夾內 3. 到網站管理者的專案清單中點選專案圖示後按右鍵找新增全部檔案至專案 4. 完成