彰化縣教師電腦多媒體研習

彰化縣教師電腦多媒體研習FrontPage網(wǎng)頁製作教學員國資訊工作團隊

陳茂欽編輯主題：FrontPage網(wǎng)頁製作教學●課程總覽1.常見網(wǎng)站類別2.網(wǎng)站的製作流程3.編寫前注意事項4.網(wǎng)頁構(gòu)成要素5.網(wǎng)頁基本入門6.網(wǎng)頁元件製作7.網(wǎng)頁進階技巧8.好用的工具主題：FrontPage網(wǎng)頁製作教學●一、常見網(wǎng)站類別：A.搜尋引擎類-如奇摩、Google

主要功能是提供網(wǎng)頁搜尋服務(wù)B.部落格(網(wǎng)路個人日誌)-無名小站

提供個人撰寫日記類網(wǎng)誌及網(wǎng)路相本C.論壇-微風論壇、史萊姆論壇提供網(wǎng)路資源分享、個人經(jīng)驗分享討論D.一般網(wǎng)站-不屬於前三類者

種類繁多，如班級網(wǎng)站、教學網(wǎng)站等主題：FrontPage網(wǎng)頁製作教學●二、網(wǎng)站製作流程-以一般網(wǎng)站為例1.擬定網(wǎng)站主題2.蒐集相關(guān)資料3.建立網(wǎng)站架構(gòu)4.製作內(nèi)容5.申請網(wǎng)頁空間6.網(wǎng)站上傳7.網(wǎng)站的維護與更新不同類型的網(wǎng)站，架設(shè)方法也不相同主題：FrontPage網(wǎng)頁製作教學●三、編寫前注意事項：動手前，先想清楚？1.主題--網(wǎng)站的類別是什麼？

專業(yè)網(wǎng)站、教學網(wǎng)站、下載網(wǎng)站書籤網(wǎng)站、地下網(wǎng)站…2.架構(gòu)--網(wǎng)站內(nèi)要有哪些東西？以班級網(wǎng)站為例，需要的包括公告、討論版、留言版、網(wǎng)路相簿3.一個成功網(wǎng)站必備的條件是什麼？

主題：FrontPage網(wǎng)頁製作教學●成功的網(wǎng)頁或網(wǎng)站的條件：

1.有內(nèi)容-先決條件不外乎是內(nèi)容豐富2.速度快-擁有順暢的連線速度3.版面美-網(wǎng)頁的圖文美工排版4.常更新-常更新內(nèi)容或公告5.好連結(jié)-網(wǎng)址容易記，容易上

6.常用到-內(nèi)容富實用性

主題：FrontPage網(wǎng)頁製作教學●四、網(wǎng)頁構(gòu)成的要素一般常見的網(wǎng)頁內(nèi)容，是由下列各項所組成，本單元將採用下列工具程式完成。1.文字2.表格word、Frontpage3.圖片4.照片Photoimpact5.音樂MediaEncoder、Tomidi6.動畫7.影片F(xiàn)lash、會聲會影

主題：FrontPage網(wǎng)頁製作教學●五、網(wǎng)頁基本入門一個網(wǎng)站是由許多網(wǎng)頁組成的，進到網(wǎng)站第一個開啟的網(wǎng)頁叫首頁。首頁的名稱通常是index或default製作網(wǎng)頁的軟體很多，以Frontpage最容易上手，因為它和word操作很相近。另外如Namo、Dreamweaver、Flash也都是知名的網(wǎng)頁編輯軟體。主題：FrontPage網(wǎng)頁製作教學§5-1認識Frontpage啟動篇開始/程式集/MicrosoftOffice/MicrosoftOfficeFrontPage2003主題：FrontPage網(wǎng)頁製作教學§5-2認識Frontpage操作視窗介紹標題列功能表工具列編輯區(qū)切換區(qū)工作窗格狀態(tài)欄主題：FrontPage網(wǎng)頁製製作教學學§5-3認識識Frontpage您不可可不知的的程式碼碼透過切換換區(qū)的功功能，探探究網(wǎng)頁頁的程式式碼切換到分割功能，可可看到網(wǎng)頁程式式碼和執(zhí)行後的的畫面執(zhí)行後的的畫面網(wǎng)頁程式式碼主題：FrontPage網(wǎng)頁製製作教學學§5-4認識識Frontpage跟我一一起來建建站5-4-1創(chuàng)建建個人網(wǎng)網(wǎng)站資料料夾S1.開開啟Frontpage2003程程式S2.改改選右邊邊工作窗窗格中的的”快速速入門””為““開開新檔案案”S3.點點選”其其他網(wǎng)站站範本”””個人網(wǎng)網(wǎng)站”S4.並並在選項項中的””指定新新網(wǎng)站位位置”按按”瀏覽覽”指定個人人網(wǎng)站資資料夾要要設(shè)在哪哪個地方方，並命命名詳細操作作步驟請請點選錄錄影教學學檔-F02快快速建立立網(wǎng)站主題：FrontPage網(wǎng)頁製製作教學學§5-4認識識Frontpage跟我一一起來建建站5-4-2套用用佈景主主題S1.個個人網(wǎng)站站資料夾夾創(chuàng)建完完成後，，會出現(xiàn)現(xiàn)下面畫畫面目前是在資資料夾畫面面點選導覽切切換到下個個畫面主題：FrontPage網(wǎng)頁製製作教學§5-4認識Frontpage跟我一起起來建站5-4-2套用佈景景主題S2.點選選格式佈景主題題，擇其一一直接套用用即可詳細操作步步驟請點選選錄影教學學檔-F03套用用佈景主題題主題：FrontPage網(wǎng)頁製製作教學§5-4認識Frontpage跟我一起起來建站5-4-3網(wǎng)站與頁頁面之間的的切換S1.在在””導導覽覽””畫畫面面下下，，點點選選要要開開啟啟的的網(wǎng)網(wǎng)頁頁2下下，，網(wǎng)網(wǎng)頁頁立立即即被被開開啟啟。。S2.網(wǎng)網(wǎng)站站與與網(wǎng)網(wǎng)頁頁的的切切換換只只要要點點選選左左上上方方的的書書籤籤即即可可控制制網(wǎng)網(wǎng)頁頁與與網(wǎng)網(wǎng)站站間間切切換換的的書書籤籤詳細細操操作作步步驟驟請請點點選選錄錄影影教教學學檔檔-F04網(wǎng)網(wǎng)站站與與網(wǎng)網(wǎng)頁頁瀏瀏覽覽切切換換主題題：：FrontPage網(wǎng)網(wǎng)頁頁製製作作教教學學§5-4認認識識Frontpage跟跟我我一一起起來來建建站站5-4-4網(wǎng)網(wǎng)站站架架構(gòu)構(gòu)及及其其它它常常見見問問題題：：頁面面順順序序、、新新增增頁頁面面、、更更改改頁頁面面標標籤籤、、網(wǎng)網(wǎng)頁頁名名稱稱……◎F05網(wǎng)網(wǎng)頁頁的的排排列列順順序序參見見教教學學錄錄影影檔檔◎F06更更改改頁頁面面標標籤籤參見見教教學學錄錄影影檔檔◎F07新新增增頁頁面面參見見教教學學錄錄影影檔檔◎F08更更改改網(wǎng)網(wǎng)頁頁名名稱稱參見見教教學學錄錄影影檔檔◎F09首首頁頁的的名名稱稱參見見教教學學錄錄影影檔檔◎F10關(guān)關(guān)閉閉開開啟啟網(wǎng)網(wǎng)站站參見見教教學學錄錄影影檔檔佈景景主主題題如如果果多多次次選選擇擇套套用用，，很很容容易易會會出出現(xiàn)現(xiàn)錯錯誤誤?。≈黝}題：：FrontPage網(wǎng)網(wǎng)頁頁製製作作教教學學§5-4認認識識Frontpage跟跟我我一一起起來來建建站站5-4-5Frontpage的的文文字字編編輯輯功功能能文字字：：常常用用的的功功能能有有新新增增文文字字、、修修改改文文字字、、刪刪除除文文字字文字字格格式式設(shè)設(shè)定定、、段段落落格格式式設(shè)設(shè)定定、、插插入入水水平平線線..表格：新增表表格、插入表表格、手繪表表格、增刪欄欄列表格格式設(shè)定定、框線與網(wǎng)網(wǎng)底功能設(shè)定定以上功能在使使用上均和word相同同，部份教學學詳見錄影檔檔◎套用word文字檔錄影教學◎插入文字藝藝術(shù)師錄影教學◎合併儲存格格錄影教學主題：FrontPage網(wǎng)網(wǎng)頁製作教學學§5-4認認識Frontpage跟我一起來來建站5-4-6Frontpage的圖圖片插入功能能單張圖片：可可利用”插入入””圖片””從檔案””或”美工圖案案”的方法加加入單張相片片。相片藝廊：可利用”插入入””圖片””新相片藝藝廊廊”，配配合”新增””與”版面配配置”加入多多張相片。。◎使用相片藝藝廊教學錄影教學主題：FrontPage網(wǎng)網(wǎng)頁製作教學學§5-4認認識Frontpage跟我一起來來建站5-4-7Frontpage的插插入影片檔Flash影影片：可利用用”插入””圖片”” Flash格格式的影片片”加入swf名稱的影影片即可插入swf，，可利用8個個編輯點來控控制它的影片片大小畫面一般影影片：：可利用用”插插入”””圖圖片””””視訊訊”加加入mpg、mpeg、、wmv、、rm、asf格式式影片片◎插入入Flash影影片檔檔教學學錄影教教學主題：：FrontPage網(wǎng)網(wǎng)頁製製作教教學§5-4認識識Frontpage跟我我一起起來建建站5-4-8Frontpage的的加入入音樂樂檔s1.在網(wǎng)網(wǎng)頁上上點選選滑鼠鼠”右右鍵””s2.選擇擇”網(wǎng)網(wǎng)頁內(nèi)內(nèi)容””s3.在””一般般”->””背景景聲音音””瀏瀏覽””選選擇擇您要要載入入的聲聲音檔檔後按按開啟啟、確確定◎聲音音檔支支援wav.mid.ram.ra.aif.aifc.aiff.au.snd格式式並不支支援直接插插入mp3格式式的音音樂。。主題：：FrontPage網(wǎng)網(wǎng)頁製製作教教學§5-4認識識Frontpage跟我我一起起來建建站5-4-8Frontpage其其它常常用技技巧與與觀念念超連結(jié)結(jié)：用用來快快速連連到另另一個個檔案案的功功能可以連連網(wǎng)頁頁或檔檔案。。書籤：：用來來快速速連到到同一一檔案案的某某個特特定位位置當網(wǎng)頁頁資料料畫面面太長長時，，可以以用此此技巧巧。目標框框架：：連結(jié)結(jié)出去去的檔檔案，，其視視窗開開啟的的方式式有網(wǎng)頁頁預(yù)設(shè)設(shè)、相相同框框架、、整頁頁開開新新視窗窗、父父框架架五種種不同同選項項以上功功能都都與超超連結(jié)結(jié)按鈕鈕有有直直接相相關(guān)。。跑馬燈燈：用用來增增加網(wǎng)網(wǎng)頁美美觀、、強調(diào)調(diào)重要要訊息息主題：：超連結(jié)結(jié)實作作教學學S1.先輸入入要加加入超超連結(jié)結(jié)的字字元，，然後後反白白S2.按下快快速功功能表表上的的超連結(jié)結(jié)按鈕，，選擇擇要連連結(jié)的的檔案網(wǎng)址或書籤主題：：FrontPage網(wǎng)網(wǎng)頁製製作教教學S3.如有需需要控控制新新連結(jié)結(jié)視窗窗出現(xiàn)現(xiàn)的方方式，，請點點選目標框框架，，依各各人需需要去去做選選擇。?！蜃龀B結(jié)結(jié)時，，特別別注意意路徑徑的問問題，，錯誤誤時會會連結(jié)結(jié)失敗敗主題：：書籤實實作教教學S1.先指定定書籤籤所在在的位位置(以端端午詩詩選為為例)1.先先反白白主題：：書籤實實作教教學S2.再指定定其它它書籤籤S3.由書籤籤視窗窗中看看來，，已設(shè)設(shè)5個個書籤籤主題：：書籤實實作教教學S4.設(shè)定超超連結(jié)結(jié)到指指定書書籤即即完成成主題：：跑馬燈燈實作作教學學S1.移動游游標到到要插插入跑跑馬燈燈的位位置上上S2.點選選”插插入”””web元件件””跑跑馬燈燈”主題：：跑馬燈燈實作作教學學S3.在跑馬馬燈畫畫面中中，填填入文文字並並設(shè)定定S4.點選左左下角角”樣樣式””，可做進進階設(shè)設(shè)定工工作，，按確確定即即完成成。主題：：FrontPage網(wǎng)網(wǎng)頁製製作教教學●六、網(wǎng)頁頁元件件製作作透過佈佈景主主題雖雖可快快速製製作出出網(wǎng)頁頁，但是仍仍顯得得不夠夠美觀觀、缺缺乏創(chuàng)創(chuàng)意。?？蓲裼糜肞hotoimpact的的元件件設(shè)計計師，，設(shè)計計橫幅幅、、項項目、、按鈕鈕、圖圖示、、分格格線等等元件件。◎橫幅製作作教學觀看錄影檔檔◎按鈕製作作教學觀看錄影檔檔◎Rollover按鈕製作作教學觀看錄影檔檔◎分隔線製製作教學觀看錄影檔檔主題：FrontPage網(wǎng)頁製製作教學●七、網(wǎng)頁進階階技巧(網(wǎng)網(wǎng)頁特效精精靈v3.6)網(wǎng)站上有些些特效是利利用javascript或其它語語法

編寫寫出令人稱稱羨的特效效。利用相關(guān)工工具中的””網(wǎng)頁特效效精靈”玩玩看看要利用本軟軟體時，需需懂得一些些基本的語語法主題：FrontPage網(wǎng)頁製製作教學●八、其它好用用工具音樂轉(zhuǎn)檔工工具：音樂轉(zhuǎn)檔精精靈、急速速火龍、widip30in相片批次轉(zhuǎn)轉(zhuǎn)檔工具：：EzThmb_Setup相相片批次縮縮小Flash相簿製作作工具：Flashbum軟軟體主題：FrontPage網(wǎng)頁製製作教學●九、結(jié)語1.Frontpage功能當然然不只這些些，今天的的教學只是是依個人使使用經(jīng)驗來來跟各位分分享。2.網(wǎng)站重重要的是其其架構(gòu)與內(nèi)內(nèi)容，技巧巧依個人需需求而異。。3.檔案名稱盡盡量以英文文或數(shù)字命命名。4.開始製製作一個新新網(wǎng)站時，，先開一個個資料夾。。把要加入的的圖形、聲聲音、影片片全部都放放進去5.勿貪圖特效效，導致檔檔案過大，，超過上傳傳限制；或開啟該網(wǎng)網(wǎng)頁時，速速度過慢……6.注意版版權(quán)，請盡盡量用合法法的東西。。不論是音樂樂或圖片還還是文章都都要注意……主題：FrontPage網(wǎng)頁製製作教學自己練功的的好站介紹紹網(wǎng)站建置百百寶箱(.tw)主題：FrontPage網(wǎng)頁製製作教學主題：FrontPage網(wǎng)頁製製作教學主題：FrontPage網(wǎng)頁製製作教學主題：FrontPage網(wǎng)頁製製作教學FrontPage網(wǎng)頁製製作學習經(jīng)驗分分享結(jié)束謝謝各位老老師撥空參參與員林國小資資訊工作團團隊95.07.暑假于于員林林/南郭國國小9、靜夜四無鄰鄰，荒居舊業(yè)業(yè)貧。。12月-2212月-22Saturday,December31,202210、雨中黃葉樹樹，燈下白頭頭人。。10:32:2110:32:2110:3212/31/202210:32:21AM11、以我獨獨沈久，，愧君相相見頻。。。12月-2210:32:2110:32Dec-2231-Dec-2212、故人江江海別，，幾度隔隔山川。。。10:32:2110:32:2110:32Saturday,December31,202213、乍見見翻疑疑夢，，相悲悲各問問年。。。12月月-2212月月-2210:32:2110:32:21December31,202214、他他鄉(xiāng)鄉(xiāng)生生白白發(fā)發(fā)，，舊舊國國見見青青山山。。。。31十十二二月月202210:32:21上上午午10:32:2112月月-2215、比比不不了了得得就就不不比比，，得得不不到到的的就就不不要要。。。。。十二二月月2210:32上上午午12月月-2210:32December31,202216、行動出成果果，工作出財財富。。2022/12/3110:32:2110:32:2131December202217、做前，能夠夠環(huán)視四周；；做時，你只只能或者最好好沿著以腳為為起點的射線線向前。。10:32:21上午午10:32上上午10:32:2112月-229、沒有有失敗敗，只只有暫暫時停停止成成功！！。12月月-2212月月-22Saturday,December31,202210、很多多事情情努力力了未未必有有結(jié)果果，但但是不不努力力卻什什么改改變也也沒有有。。。10:32:2110:32:2110:3212/31/202210:32:21AM11、成功就是是日復(fù)一日日那一點點點小小努力力的積累。。。12月-2210:32:2110:32Dec-2231-Dec-2212、世間成成事，不不求其絕絕對圓滿滿，留一一份不足足，可得得無限完完美。。。10:32:2110:32:2110:32Saturday,December31,202213、不知香積寺寺，數(shù)里入云云峰。。12月-2212月-2210:32:2110:32:21December31,202214、意志堅強強的人能把把世界放在在手中像泥泥塊一樣任任意揉捏。。31十二二月202210:32:21上上午10:32:2112月-2215、楚塞塞三湘湘接，，荊門門九派派通。。。。十二月月2210:32上上午12月月-2210:32December31,202216、少年年十五五二十十時，，步行行奪得得胡馬馬騎。。。2022/12/3110:32:2110:32:2131December202217、空山山新雨雨后，，天氣氣晚來來秋。。。10:32:21上上午午10:32上上午10:32:2112月月-229、楊柳