講師:賴俊宏
Namo WebSolution 2006 講義
WEB SOLUTION 種子教師研討會課程講義
Namo Web Fr...
講師:賴俊宏
Namo WebSolution 2006 講義
四、FreeMotion 文字動畫初體驗
◆文字動畫製作
Step1.建立新文件:...
講師:賴俊宏
Namo WebSolution 2006 講義
四、製作影音電子相簿
◆相簿類別說明:
․內嵌式 Flash 相簿:將所有影像併入 SWF 檔案中...
講師:賴俊宏
Namo WebSolution 2006 講義
Step3.選取相片類型→新增圖片→編輯圖片(設定轉場效果)→調整進階設定值→指定匯
出影片及相片...
講師:賴俊宏
Namo WebSolution 2006 講義
1.意義:有如拿一張中間挖有一個洞的紙張,然後從洞中看景色或圖片,則這一張紙就稱為
「遮罩」 ...
講師:賴俊宏
Namo WebSolution 2006 講義
6
講師:賴俊宏
Namo WebSolution 2006 講義
貳、 Namo WebEditor 2...
講師:賴俊宏
Namo WebSolution 2006 講義
一定相同喔!請問系統管理人員)
․主機名稱:mail.mys 或 1...
講師:賴俊宏
Namo WebSolution 2006 講義
三、輸入網站的資訊 (請注意網站儲存位置、以利下次編修)
◆網站管理員程式的介紹
...
講師:賴俊宏
Namo WebSolution 2006 講義
五、 Namo WebEditor 編輯功能及美化網頁
◆網頁編輯 ...
講師:賴俊宏
Namo WebSolution 2006 講義
◆網頁編輯-編輯表格、文字格式、表格更新
․編輯表格
․並將表格做輪替效果
◆更換佈...
講師:賴俊宏
Namo WebSolution 2006 講義
Step1:於界面中選取(視窗)->(資源管理員)
Step2:選好主題、並按套用
Ste...
講師:賴俊宏
Namo WebSolution 2006 講義
Step1:選取視窗 Step2:資源管理員 Step3:選取美工圖案 Step4:選取圖...
講師:賴俊宏
Namo WebSolution 2006 講義
․圖層與 Script 的應用
․Script 進階的應用
...
講師:賴俊宏
Namo WebSolution 2006 講義
***可搭配事件與動作,產生出來的 Script 效果。***
七、 網頁電子相簿的...
講師:賴俊宏
Namo WebSolution 2006 講義
․介紹網頁電子相簿的設定
參考資料:Namo WebSoluti...
of 16

Namo Web Solution

Published on: Mar 3, 2016
Published in: Technology      
Source: www.slideshare.net


Transcripts - Namo Web Solution

  • 1. 講師:賴俊宏 Namo WebSolution 2006 講義 WEB SOLUTION 種子教師研討會課程講義 Namo Web FreeMotion: 一、功能特色 ◆「相簿精靈」輕鬆建構超炫的 Flash 相簿 ◆「SlideShow 精靈」快速秀出你的作品 ◆「橫幅精靈」是製作動畫標題好幫手 ◆「導覽精靈」協助你建立互動式 Flash 按鈕 ◆內建一百多種動畫特效隨手套用 ◆神奇的遮罩動畫效果 ◆輔助線工具精確掌握動畫運動路徑 ◆支援 ActionScript 程式語法 ◆輕鬆擷取瀏覽器上 Flash 動畫 ◆可匯入 AVI、MPEG、WMV 視訊檔 ◆可匯入或匯出 exe 及 swf 格式的 Flash 影片 二、Namo Flash Catcher 擷取網頁 Flash 物件 Step1.按下 IE 瀏覽器工具列上的 按鈕。 Step2.勾選要擷取的影片。 。 Step3.指定儲存的位置資料夾。 Step4.按下【儲存】 Step5.按下【匯入至 FreeMotion】可匯入至 FreeMotion 進行編輯。 三、Namo FreeMotion 界面介紹 ◆認識 FreeMotion 視窗介面 ◆調整面板位置 ◆自訂工具列 (*點選功能表上「檢視→重置面板位置」指令可恢複) 1
  • 2. 講師:賴俊宏 Namo WebSolution 2006 講義 四、FreeMotion 文字動畫初體驗 ◆文字動畫製作 Step1.建立新文件:開新檔案→修改影片內容→輸入文字(設定文字樣式)→儲存檔案 」 Step2.製作動態效果:點選文字→按右鍵選取「效果→建立效果(或設定舊樣式效果) Step3.預覽影片(內部預覽視窗中預覽、外部瀏覽器) Step4. 匯出影片(swf) ◆文字與影像動畫製作 Step1.建立新文件:開新檔案→修改影片內容→輸入文字(設定文字樣式)→儲存檔案 」 Step2.製作動態效果:點選文字→按右鍵選取「效果→建立效果(或設定舊樣式效果) Step4. 匯入背景圖 Step3.新增圖層 Step5.設定影格 Step6.預覽 Step7.匯出影片(swf) 2
  • 3. 講師:賴俊宏 Namo WebSolution 2006 講義 四、製作影音電子相簿 ◆相簿類別說明: ․內嵌式 Flash 相簿:將所有影像併入 SWF 檔案中,產生的 SWF 檔較大,適合本機上檢視相簿,或 透過電子郵件傳送相簿。 ․連結式相簿:以連結的方式顯示相片,產生 swf 檔案較小,適合發佈到網路上。 (相片數量多時,建議採用此類型相簿。) ◆ 建立 Flash 相簿: Step1.點選功能表上的「檔案→新增→從範本新增」指令。 ,啟動範本精靈。 Step2.選取「相簿」 動畫電子相本預覽 3
  • 4. 講師:賴俊宏 Namo WebSolution 2006 講義 Step3.選取相片類型→新增圖片→編輯圖片(設定轉場效果)→調整進階設定值→指定匯 出影片及相片的資料夾位置(路徑中不可有中文字元)→建立相簿。 Step4.修飾相簿內容→插入背景音效(選用「事件」音效) Step5.匯出(發佈)影片。 五、 橫幅與導覽列範本的應用 ․建立廣告橫幅動畫:選取範本樣式→指定影片大小→輸入標題文字→設定連結目標(可 省略)→修飾影片內容→匯出影片。 ․建立導覽列(Flash 按鈕):選取範本樣式→新增按鈕項目及連結目標→指定按鈕排列方 向→完成→匯出影片。 六、 遮罩動畫 4
  • 5. 講師:賴俊宏 Namo WebSolution 2006 講義 1.意義:有如拿一張中間挖有一個洞的紙張,然後從洞中看景色或圖片,則這一張紙就稱為 「遮罩」 ,而遮罩可以是一般幾何形狀或文字。 2.範例: Step1.新增三個圖層。分別命名為「BACK」和「MASK」 和「MOVIE」 Step2.在「BACK」第 1 影格插入圖片(MOBILE.JPG), 「MASK」圖層的第 1 影格繪製一個形 狀將要遮的區塊、將它做遮罩的動作,並在 ACTION 的影格中放入 MOVIE 符號-(電影符號)。 ;在「LCD」按右鍵選取「已設定遮罩」 。 Step3.在「MASK」圖層上按右鍵選取「遮罩」 這樣輕輕鬆鬆完成靜態遮罩效果。 5
  • 6. 講師:賴俊宏 Namo WebSolution 2006 講義 6
  • 7. 講師:賴俊宏 Namo WebSolution 2006 講義 貳、 Namo WebEditor 2006 網頁製作 一、 功能特色 ◆神奇的網站精靈讓您輕鬆建立專業網站 ◆提供數千個精緻的插畫來美化您的網站 ◆好用的智慧美工圖案 ◆Flash 按鈕讓您輕鬆享受 Flash 動畫特效 ◆用 Script 精靈效果建立動態網頁 ◆用圖表精靈建立統計圖表 ◆相簿精靈快速建立精美的 Web 相簿 ◆簡單又快速的圖片特效處理功能 ◆用資料庫精靈製作互動式網頁(ASP 或 PHP 程式) ◆與附屬的向量繪圖軟體 Namo WebCanvas 完美整合及 Namo Capture 擷圖軟體 二、 視窗介面的操作 ◆切換捷徑列模式 ◆展開/隱藏面板組 ◆顯示/隱藏面板 ◆自訂編輯視窗 ◆顯示/隱藏標記符號 ◆自訂編輯工具 三、 網站規劃 ◆規劃網站架構(動手規劃你的網站架構) ◆取得網站資訊 以一般學校為例:你的 E-m il 帳號是 test@mail.mysite ,那麼您的網站資訊如下: (每個學校不 7
  • 8. 講師:賴俊宏 Namo WebSolution 2006 講義 一定相同喔!請問系統管理人員) ․主機名稱:mail.mys 或 163.20.166.122(此為主機的 IP) ․上傳目錄:www(或 public_htm ) ․使用者名稱:test(即為帳號) ․密 碼:通常和收發電子郵件的密碼相同 四、 建構網站雛形 ◆用網站精靈建構網站 Step1.點選捷徑列上的【網站精靈】或「檔案→網站→網站精靈」指令。 Step2.選取一種範本(要特別留意的是,範本的導覽按鈕有水平排列和垂直排列兩種, 當您選定並 ,就不容易修改喔!其中「個人網站 1」和「公司網站」是水平排列、 「個人 網站 2」和「教育網站」是垂直排列。) (以「重新命名」「複製」「貼上」及「拖曳」的方式修改。 、 、 Step3.修改的網站架構。 。 Step4.若要新增其他類型的新文件,可以按下【新增】鈕,然後再點選「文件」 Step5.完成網站結構後,按下【下一步】鈕。 Step6.選擇要套用至整個網站的佈景主題。 Step7.輸入新網站的基本資訊,標題、作者、電子郵件地址以及著作權資訊, Step8.在「網站精靈-發佈」視窗中,按下【新增】鈕開啟「遠端網站設定值」對話框。 Step9.「遠端網站設定值」對話框中,輸入您的 ISP 及使用者資訊。 (因網站內容未完成、所以不建議發佈、暫時不做設定) 一、更新網站架構 二、選取佈景主題 8
  • 9. 講師:賴俊宏 Namo WebSolution 2006 講義 三、輸入網站的資訊 (請注意網站儲存位置、以利下次編修) ◆網站管理員程式的介紹 ․新增文件 ․修改文件標題 ․修改網站名稱 ․修改網站結構稱 ․網站樹影像檔 ․修改網頁內容 9
  • 10. 講師:賴俊宏 Namo WebSolution 2006 講義 五、 Namo WebEditor 編輯功能及美化網頁 ◆網頁編輯 ◆更換佈景主題 ◆插入 Namo 美工圖案 ◆插入多媒體及動畫元件 ◆網頁編輯-橫幅更新 ․網頁編輯-首頁插入個人圖像-並加以美化 10
  • 11. 講師:賴俊宏 Namo WebSolution 2006 講義 ◆網頁編輯-編輯表格、文字格式、表格更新 ․編輯表格 ․並將表格做輪替效果 ◆更換佈景主題 11
  • 12. 講師:賴俊宏 Namo WebSolution 2006 講義 Step1:於界面中選取(視窗)->(資源管理員) Step2:選好主題、並按套用 Step3:並選取套用主題的選項 ◆網站中的每一份文件:將新選取的佈景主題套用到網站中的每一網站上 ◆目前文件及其子項目:所選取的網頁及其子頁都更新所選取的佈景主題 ◆目前文件的子項:所選取的網頁中的子貢將更新所選取的佈景主題 (PS:不更新該網頁) ◆所有開啟的文件:目前 Namo WebEditor 程式中所開啟的文件將更新所選佈景主題 ◆儘目前文件:將更新目前在編輯的網頁更新所選佈景主題 (網頁設計中、不成文規定-(儘量整個網站要統一風格)、、所以我們選擇網站中的每一份文件選項) ◆插入 Namo 美工圖案 12
  • 13. 講師:賴俊宏 Namo WebSolution 2006 講義 Step1:選取視窗 Step2:資源管理員 Step3:選取美工圖案 Step4:選取圖片並插入 ◆插入多媒體及動畫元件 Step1:選取插入 Step2:選取媒體 Step3:選取多媒體格式 Step4:並選取插入的多媒體檔案 PS:若有編輯時有額外的圖片或多媒體元件儲存在網頁上、當儲存網頁時會出現以下的視窗。 (初選者先選擇 將檔案複製到文件資料匣)-NW 會將額外的元件或圖片儲在網站的資料匣中) 六、 網頁中的特效-Script ◆介紹圖層 ◆圖層與 Script 的應用 ◆Script 進階的應用 ․介紹圖層 13
  • 14. 講師:賴俊宏 Namo WebSolution 2006 講義 ․圖層與 Script 的應用 ․Script 進階的應用 14
  • 15. 講師:賴俊宏 Namo WebSolution 2006 講義 ***可搭配事件與動作,產生出來的 Script 效果。*** 七、 網頁電子相簿的建立 ◆啟動網頁電子相簿 ◆網頁電子相簿的設定 ◆網頁電子相簿的預覽 ․啟動網頁電子相簿 STEP1:選取工具-相簿精靈 STEP2:並選取新建按鈕 15
  • 16. 講師:賴俊宏 Namo WebSolution 2006 講義 ․介紹網頁電子相簿的設定 參考資料:Namo WebSolution 2006 種子講師研習課程講義 洪錦勇著 16

Related Documents