NamoWebEditor完全基础篇-中山国中.DOCVIP

高雄巿中山國中李權哲 編著 目 錄 序 4 壹、執行Namo WebEditor 5 貳、快速建好一個專業網站的架構 6 參、認識Namo WebEditor的環境： 9 肆、修改網站的架構 10 伍、基本工具： 15 一、開新網頁 15 二、設定網頁背景影像 16 三、開啟專案中的網頁 18 四、設定HTML樣式(字體型式) 20 五、設定字體 20 六、設定字型大小 21 七、設定粗體、斜體及底線 21 八、改變文字顏色 21 九、改變文字背景顏色 22 十、設定段落位置 22 十一、設定清單 22 十二、進階樣式設定 23 十三、插入換行符號 24 十四、插入水平線 24 十五、插入註解 24 十六、插入符號 25 十七、插入方程式 26 十八、插入超連結 28 十九、插入書籤 29 二十、超連結至網頁中的書籤位置 30 二十一、插入智慧按鈕 30 二十二、插入時鐘 33 二十三、如何變更佈景主題 34 二十四、設定背景聲音 36 二十五、蹦現視窗 37 二十六、擦拭效果 39 二十七、背景淡入/淡出效果 40 陸、影像效果 41 一、插入影像 41 二、調整影像的位置 43 三、調整影像的大小 43 四、建立圖型替換 44 五、調整亮度與對比 46 六、將影像轉個角度 48 七、特殊效果 50 八、漸層效果 50 九、陰影效果 51 十、加入文字 53 十一、將圖案背景變成透明 54 柒、製作相片簿 57 捌、表格的應用 61 一、如何建立表格 61 二、設定表格框線 62 三、如何隱藏框線 63 四、設定表格背景顏色 63 五、設定表格背景影像 63 六、調整表格欄/列的大小 64 七 、插入欄 64 八 、插入列 65 九、刪除欄 66 十、刪除列 66 十一、插入標題 66 十二、使用表格工具列 67 （一）顯示表格工具列 67 （二）分割儲存格 68 （三）合併儲存格 68 玖、圖表的應用 70 一、製作直線圖 70 二、製作圓形圖 73 拾、影像地圖-Image Map 76 一、建立影像地圖的準備工作 76 二、影像工具列中的圖示功能 76 三、繪製矩形感應區 78 四、繪製圓形感應區 79 五、繪製不規則形狀感應區 79 六、移動調整感應區 80 六、調整感應區大小 81 七、變更感應區中的連結 81 八、刪除感應區 82 拾壹、使用小區塊 83 一、利用小區塊放置影像 83 二、動畫效果 84 三、滑動效果 86 四、浮動效果 87 五、走馬燈 88 七、與時間軸配合建立直線移動效果 89 八、與時間軸配合建立不規則曲線移動效果 90 拾貳、插入FLASH物件 92 拾參、插入JAVA APPLET物件 94 一、湖中倒影 94 二、彈動文字 96 拾肆、加入外來的程式碼 99 拾伍、將專案發佈到網站主機 100 一、使用Namo WebEditor的發佈功能 100 二、利用WS_FTP95上傳網頁 104 拾陸、如何求助 106 序 Namo WebEditor是一套功能極強的網頁編輯軟體，操作界面簡易、人性化，而且有完善的網站管理功能，兼具許多重量級軟體的優點(如FrontPage、Dreamwaver)，不管是初學者或是功力深厚的專業工作者，Namo WebEditor都能帶來不少助益，對教師而言更是開發網頁式教材與發展個人特色網站的好幫手。 學習Namo WebEditor是一件很愉快的事，剛開始時可以經由網站精靈使用內建豐富的網站模板，快速地產生基本的網站架構，再依需要修改成自己想要的樣子。隨著使用經驗日增，Namo WebEditor將是您揮灑創意的最佳選擇。 謹在此表達最深的祝福與謝意，祝大家年年如意，心想事成。 李權哲於2002/08/01 Email: ccl@.tw “有點想法”網址： /ccl/ /~ccl/ PS:如果您覺得這份講義對貴校有幫助，歡迎自行運用於貴校研習中，並壹、執行Namo WebEditor 請將滑鼠指標移至Namo WebEditor圖示上，輕按滑鼠左鍵兩下即可。 或者您也可以從【開始】-【程式集】-【Namo WebEditor 4】-【Namo WebEditor 4】執行，您會發現在Namo WebEditor群組中還包含了其他的工具程式，如螢幕捕捉（Namo Capture）、動畫製作（Namo GIF Animator）工具等。 貳、快速建好一個專業網站的架構 步驟一：從功能表列中選取【檔案】-【專案】-【網站精靈】。 步驟二：從網站模板中選擇適當的模板加以套用，建議使用【班級首頁】這個模板，選定後按【下一步】。 步驟三：輸入網站資訊，包括網站或組織名稱、電子郵件地址以及版權資訊。輸入的網站名稱將用來作為索引頁的主標題，輸入