信息技術(shù)與學(xué)科整合(frontpage).ppt

使用frontpage2003制作網(wǎng)頁(yè),九臺(tái)教師進(jìn)修學(xué)校 李慶國(guó) Email:53744372,2012年5月,2.1 CAI課件的定義,CAI課件本質(zhì)上是目標(biāo)特定的結(jié)構(gòu)化學(xué)習(xí)材料 CAI課件是多媒體技術(shù)在教育領(lǐng)域應(yīng)用的主要成果和標(biāo)志，它的設(shè)計(jì)制作水平的高低，直接決定和影響著教學(xué)質(zhì)量；高水平的CAI課件應(yīng)當(dāng)是科學(xué)的教育思想、成功的教學(xué)經(jīng)驗(yàn)、靈活的教學(xué)形式、先進(jìn)的多媒體技術(shù)有機(jī)結(jié)合和完美的統(tǒng)一。,2.2 CAI課件的分類,CAI課件 的分類,常規(guī)課件,網(wǎng)絡(luò)課件,線性課件,交互課件,2.5 CAI課件的制作步驟,進(jìn)行課件的交互性鏈接,往課件文件中插入圖形、表格、動(dòng)畫(huà)、聲音,創(chuàng)建教案文檔,收集、下載素材文件,創(chuàng)建課件文件,建立課件文件夾,設(shè)置好本地站點(diǎn)文件夾,在本地磁盤(pán)驅(qū)動(dòng)器中建立自己的本地站點(diǎn)文件夾。,規(guī)劃好你網(wǎng)站的結(jié)構(gòu)、準(zhǔn)備素材,需要幾張網(wǎng)頁(yè)，有幾個(gè)模塊，每個(gè)網(wǎng)站中都要做什么，準(zhǔn)備素材。,建立網(wǎng)站的結(jié)構(gòu),1、啟動(dòng)Frontpage2003,選擇菜單“文件”/“新建”/“新建網(wǎng)站”/“只有一個(gè)網(wǎng)頁(yè)的網(wǎng)站”。顯示“index.htm”，即主頁(yè)，也就是自建網(wǎng)站的第一頁(yè)。,建立網(wǎng)站的結(jié)構(gòu),建立網(wǎng)站的結(jié)構(gòu),菜單“視圖”/“導(dǎo)航”，顯示“主頁(yè)”，由此建立網(wǎng)站結(jié)構(gòu)。 在“主頁(yè)”單擊鼠標(biāo)右鍵/“重命名”，然后輸入你的網(wǎng)站的名稱。 在主頁(yè)下建立其他網(wǎng)頁(yè)的方法：在主頁(yè)上單擊右鍵，/”新建網(wǎng)頁(yè)“并輸入該網(wǎng)頁(yè)的名稱。同樣方法建立其他網(wǎng)頁(yè)，建好你的網(wǎng)站結(jié)構(gòu)圖。,建立網(wǎng)站的結(jié)構(gòu),顯示各級(jí)網(wǎng)頁(yè)：/“視圖”/“文件夾”。,編輯網(wǎng)頁(yè)內(nèi)容,1、在網(wǎng)頁(yè)中輸入文字：方法與Word相同。 2、在網(wǎng)頁(yè)中插入水平線：/插入/水平線。目的是將文字區(qū)分得更清楚。 3、插入圖片 圖片格式分為：GIF與JPEG兩種，GIF圖形文件只有256種色彩，可設(shè)置透明，動(dòng)畫(huà)多采用GIF格式化。JPEG圖形文件支持全彩，多用于照片等細(xì)膩色彩的圖形，屬于破壞型的壓縮文件格式，圖像會(huì)有些失真。圖片不宜過(guò)大,過(guò)大的圖形文件會(huì)使網(wǎng)頁(yè)速度變慢（盡量選擇GIF文件）。插入圖片的方法與Word相同。,插入藝術(shù)字,插入圖片藝術(shù)字 插入小臺(tái)歷控件 插入WEB組件高級(jí)控件,整齊的表格,1、 建立表格 在網(wǎng)頁(yè)中建立表格，使文字和圖片更整齊。操作：/“表格”/“插入”/，在“插入表格”窗口，輸入行數(shù)和列數(shù)，網(wǎng)頁(yè)編輯區(qū)出現(xiàn)表格，在表格里輸入文字和圖片，修改表格的方法與“Excel”相同（略）。最后用鼠標(biāo)拖拉框線將列調(diào)整成適當(dāng)?shù)拇笮?。在各個(gè)單元中輸入文字和圖片。,整齊的表格,2 、表格的背景操作：選定單元格，單擊右鍵，/“單元格屬性”，在“單元格屬性”窗口選擇顏色，/“確定”，同樣方法設(shè)置其他單元格的背景顏色。 3 、隱藏的框線覺(jué)得框線礙眼，可將其隱藏起來(lái)。版面上看不到線條，資料依然排列得整整齊齊。操作：在表格上單擊右鍵，/“表格屬性”，在“表格屬性”窗口，設(shè)置框線粗細(xì)為0，/“確定”。切換預(yù)覽窗口，看到表格的框線已被隱藏。,設(shè)置背景,選擇菜單“格式”/“背景”，在“背景屬性”對(duì)話框窗口，/“瀏覽”，選擇你喜歡的背景圖片。 原則：背景要淡能突出前景。,讓網(wǎng)頁(yè)更漂亮,1套用主題：免去自己做背景，套用現(xiàn)成的背景，就是套用主題。操作：/格式/主題，所有的網(wǎng)頁(yè)顯示一致背景。 2修改主題：/格式/主題，在主題窗口/修改 3設(shè)置書(shū)簽：網(wǎng)頁(yè)中文章過(guò)長(zhǎng)不便閱讀，可將部分文字設(shè)置為書(shū)簽，再適當(dāng)鏈接，使讀者方便地閱讀想看的資料。操作：選取做書(shū)簽的文字，/插入/書(shū)簽/確定，在“書(shū)簽”對(duì)話框中輸入“書(shū)簽的名稱”，用同樣方法建立其他書(shū)簽文字。,讓網(wǎng)頁(yè)更漂亮,4建立書(shū)簽超鏈接 在網(wǎng)頁(yè)中適當(dāng)?shù)奈恢幂斎胍?shū)簽超鏈接的文字，選取其中一段文字，單擊右鍵，/“超鏈接”，在“超鏈接”窗口的左下方選擇對(duì)應(yīng)的書(shū)簽，同樣方法建立其他書(shū)簽超鏈接，切換預(yù)覽窗口，選擇上方的超鏈接，看看是否順利地鏈接到相對(duì)應(yīng)的書(shū)簽文字。,E網(wǎng)打盡超鏈接,1 、郵件程序超鏈接 操作：輸入要制作超鏈接的文字或插入相關(guān)圖片。選取文字或圖片單擊右鍵，/“超鏈接”，在“創(chuàng)建超鏈接”窗口單擊“信封”按鈕，在出現(xiàn)的“創(chuàng)建電子郵件超鏈接”窗口中輸入你的電子郵件地址，/“確定”。此時(shí)出現(xiàn)“編輯超鏈接”窗口，在URL處顯示電子郵件地址，/“確定”。切換預(yù)覽，單擊剛設(shè)置的超鏈接的圖片或文字，自動(dòng)打開(kāi)郵件程序。也可以直接在URL項(xiàng)目中輸入mailto:你的電子郵件地址來(lái)建立郵件程序超鏈接。,E網(wǎng)打盡超鏈接,2 、建立網(wǎng)頁(yè)超鏈接 網(wǎng)頁(yè)雖有導(dǎo)航欄，也可以再建立其他超鏈接連接到自己指定的網(wǎng)頁(yè)。操作：選取文字或圖片并單擊右鍵，/“超鏈接”，在“創(chuàng)建超鏈接”窗口選擇要連接的網(wǎng)頁(yè)名稱，/“確定”，切換預(yù)覽模式，單擊剛才設(shè)置超鏈接的圖片或文字，就會(huì)鏈接到指定的網(wǎng)頁(yè)了。,E網(wǎng)打盡超鏈接,3 、鏈接到其他網(wǎng)站 事先收集好要加入超鏈接的網(wǎng)站，將網(wǎng)址存在收藏夾，可節(jié)省時(shí)間。操作：輸入要制作超鏈接的網(wǎng)站名稱文字，并單擊右鍵，/“超鏈接”，在“創(chuàng)建超鏈接”窗口單擊URL框后的第一個(gè)按鈕“瀏覽”，瀏覽器已打開(kāi)，在地址欄輸入你要鏈接的網(wǎng)站。連上你要鏈接的網(wǎng)站之后，回到Frontpage2003窗口，看到網(wǎng)站的網(wǎng)址已經(jīng)出現(xiàn)在“創(chuàng)建超鏈接”窗口的URL文本框中了，/“確定”，切換預(yù)覽窗口，單擊剛才設(shè)置的超鏈接，看看是否能鏈接到指定的網(wǎng)站。,E網(wǎng)打盡超鏈接,4 、設(shè)置打開(kāi)新窗口 鏈接到設(shè)置的網(wǎng)站，我的網(wǎng)站就不見(jiàn)了，將鏈接設(shè)置打開(kāi)另外一個(gè)新窗口，就不影響我的網(wǎng)頁(yè)顯示了。操作：在剛剛設(shè)置的超鏈接文字上單擊右鍵，/“超鏈接屬性”，在“創(chuàng)建超鏈接”窗口單擊倒數(shù)第二行的“更改目標(biāo)”按鈕，在出現(xiàn)的“目標(biāo)框架”窗口選擇“新建窗口”/“確定”。切換預(yù)覽窗口，單擊剛才設(shè)置的超鏈接，就會(huì)打開(kāi)另一個(gè)新窗口顯示鏈接的網(wǎng)頁(yè)，而不影響我的網(wǎng)頁(yè)的顯示了。問(wèn)題：電腦未上網(wǎng)，可以設(shè)置外部網(wǎng)站連接嗎？回答：可以，設(shè)置時(shí)，直接在URL項(xiàng)目中輸入要鏈接網(wǎng)站網(wǎng)址即可，但無(wú)法預(yù)覽鏈接的結(jié)果。,創(chuàng)意 （動(dòng)態(tài)效果）,1、 字幕效果： 流動(dòng)文字，可使網(wǎng)頁(yè)更漂亮。 （1）鼠標(biāo)指針移到要加入字幕的位置單擊，/“插入”/“組件”/“字幕”，在“字幕屬性”窗口的“文本”欄里輸入要顯示的文字，以下各攬訂為：方向選“左”、速度延遲訂為“90”、表現(xiàn)方式選為“滾動(dòng)條”、文字對(duì)齊方式選為“頂邊對(duì)齊”、大小勾選“寬度為50”且像素選“百分比”、“高度為5”且像素選“百分比”。,創(chuàng)意 （動(dòng)態(tài)效果）,（2）切換“預(yù)覽”窗口，字幕中的文字就開(kāi)始流動(dòng)了。 （3）在字幕上單擊右鍵可以修改字幕設(shè)置、設(shè)置背景顏色（在字幕窗口選擇背景顏色）。,創(chuàng)意 （動(dòng)態(tài)效果）,2對(duì)象飛人效果 Frontpage2003中有一種Dhtml的動(dòng)態(tài)網(wǎng)頁(yè)效果，可以制作出動(dòng)態(tài)的按鈕和動(dòng)態(tài)的動(dòng)態(tài)的圖片顯示效果，讓你的網(wǎng)頁(yè)精彩無(wú)比。（1）/“視圖”/“工具欄（T）”/“DHTML效果”，選擇要加的動(dòng)態(tài)效果的項(xiàng)目（如“字幕”），在“DHTML效果”工具欄開(kāi)啟中，設(shè)置動(dòng)態(tài)效果的啟動(dòng)方式（如“網(wǎng)頁(yè)加載”，就是說(shuō)，當(dāng)載入此網(wǎng)頁(yè)就會(huì)自動(dòng)出現(xiàn)所設(shè)置的動(dòng)態(tài)效果。,創(chuàng)意 （動(dòng)態(tài)效果）,（2）接著，在“DHTML效果”工具欄的應(yīng)用中，開(kāi)啟“網(wǎng)頁(yè)加載”，“應(yīng)用”選“螺旋”，切換預(yù)覽窗口，所設(shè)置的效果已出現(xiàn)。,創(chuàng)意 （動(dòng)態(tài)效果）,3 、交換圖片 先準(zhǔn)備一張變換后的圖片，大小同變換前，以免畫(huà)面變形。選定網(wǎng)頁(yè)中要交換的圖片，出現(xiàn)8個(gè)點(diǎn)的框，在“DHTML效果”工具欄的“開(kāi)啟”設(shè)置“鼠標(biāo)懸?！?，在“應(yīng)用”選擇“選擇圖片”，選擇變換后的圖片文件，文件類型為“所有圖片”，/“確定”。切換預(yù)覽窗口，將鼠標(biāo)移到圖片上，看看圖片是否變換了。,創(chuàng)意 （動(dòng)態(tài)效果）,1 加入背景音樂(lè) 網(wǎng)頁(yè)中播放的大多為MIDI格式文件需要音樂(lè)編輯軟件才可制作，簡(jiǎn)單方法：網(wǎng)上有許多MIDI文件，下載即可使用。 （1） 進(jìn)入有提供MIDI文件下載的網(wǎng)站，直接點(diǎn)選你喜愛(ài)的文件下載并保存到電腦中。 （2） 在網(wǎng)頁(yè)單擊右鍵，/“網(wǎng)頁(yè)屬性”。,插入背景音樂(lè),（3） 在“網(wǎng)頁(yè)屬性”窗口的“背景音樂(lè)”后/“瀏覽”，“循環(huán)次數(shù)”勾選“不限次數(shù)” （4） 點(diǎn)選MIDI文件，/“確定”。切換“預(yù)覽”窗口，此時(shí)背景音樂(lè)自動(dòng)播放,插入背景音樂(lè),在插入菜單里找到web組件高級(jí)ActiveX控件里選擇windows media player然后確定，接著在那個(gè)出現(xiàn)的播放器右擊選擇ActiveX屬性后設(shè)置，如果在ActiveX控件里找不到就點(diǎn)擊“自定義”按鈕，打開(kāi)“自定義ActiveX控件列表”列表框，其中顯示著電腦上所有安裝的ActiveX控件。在這里查詢并選中我們所需要的“windows media player”控件。單擊“確定”按鈕，回到“插入ActiveX控件”列表框，你會(huì)發(fā)現(xiàn)控件“windows media player”已被添加到其中,插入FLAHSH,單擊“插入”-單擊WEB組件-組件類型中選擇“高級(jí)控件”-然后在選擇一個(gè)控件中選擇“FLASH影片”-完成-在彈出的窗口中選擇FLASH文件即可（swf格式的）。 注意：frontpage只支持SWF格式的flash文件 ，其他格式請(qǐng)轉(zhuǎn)換成.SWF格式的影片文件。,插入視頻,在插入菜單里找到web組件高級(jí)ActiveX控件里選擇windows media player然后確定，接著在那個(gè)出現(xiàn)的播放器右擊選擇ActiveX屬性后設(shè)置，如果在ActiveX控件里找不到就點(diǎn)擊“自定義”按鈕，打