- 相關(guān)推薦
FrontPage教案-圖像
課 題: 圖 像 教學(xué)目標(biāo): 知識(shí)與技能：使學(xué)生在網(wǎng)頁(yè)中插入圖片后會(huì)根據(jù)自己需要對(duì)圖片進(jìn)行一定的處理,具有一定的制作能力。 過(guò)程與方法：以演練結(jié)合為方法，使學(xué)生可以突破難點(diǎn)，消化重點(diǎn)。 情感、態(tài)度、價(jià)值觀：使學(xué)生具有辯證唯物主義的思想。 教學(xué)重點(diǎn): 在網(wǎng)頁(yè)中插入圖片后會(huì)對(duì)圖片進(jìn)行一定的處理。 教學(xué)難點(diǎn): 圖片的插入后的布局及工具欄的打開(kāi) 教學(xué)手段: 圖片的布局圖. 教 學(xué) 過(guò) 程 : 一、復(fù)習(xí)提問(wèn) 1、如何建立站點(diǎn)？ 2、如何在站點(diǎn)中添加網(wǎng)頁(yè)及對(duì)網(wǎng)頁(yè)進(jìn)行保存？ 二、前言 在網(wǎng)頁(yè)中僅僅有一些文字和水平線是不夠的，這樣的網(wǎng)頁(yè)我們看起來(lái)也會(huì)覺(jué)得很單調(diào)，這節(jié)課我們來(lái)學(xué)習(xí)如何在網(wǎng)頁(yè)中加入一些圖片，并在此程序內(nèi)對(duì)圖片進(jìn)行符合我們要求的處理。 三、新課講解 （一）插入圖片： 1、圖片來(lái)自于剪貼畫：插入——圖片——剪貼畫； 您可能說(shuō),我不會(huì)畫畫，插入圖片容易，可是編輯圖片就不容易了。沒(méi)關(guān)系，F(xiàn)RONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網(wǎng)頁(yè)。 選擇“插入”菜單的“圖片”命令， 選擇“剪貼畫”。 你看，各種剪貼畫都分類放好了。你可以自由地選擇。 我們還可以從INTERNET上插入一個(gè)圖形。 選擇“插入”菜單的“圖片”命令， 在URL欄內(nèi)輸入圖片的地址，單擊“確定”按鈕。由于是插入網(wǎng)上的圖片，因此在插入圖形以后，應(yīng)該保存一下網(wǎng)頁(yè)，使圖形存到站點(diǎn)內(nèi)。不過(guò)，插入后別忘了保存網(wǎng)頁(yè)，把剪貼畫復(fù)制到站點(diǎn)目錄下。 2、圖片來(lái)自于文件夾：插入——圖片——來(lái)自文件——選擇圖片位置。 如果有一個(gè)圖形，怎么把它放到網(wǎng)頁(yè)上呢？ 首先要看你的圖形是什么格式的，也就是它擴(kuò)展名是什么只有擴(kuò)展名為GIF和JPEG的圖形文件才能成為我們的頁(yè)面的一部分。因?yàn)檫@兩種圖形格式不僅應(yīng)用廣泛，而且有利于節(jié)省存貯空間。 如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網(wǎng)頁(yè)時(shí)FRONTPAGE會(huì)提示做格式轉(zhuǎn)換，F(xiàn)RONTPAGE可以自動(dòng)進(jìn)行格式轉(zhuǎn)換。 現(xiàn)在可我們看看怎么插入圖形 選擇“插入”菜單的“圖片”命令，單擊“來(lái)自文件”按鈕。 在默認(rèn)情況下，F(xiàn)RONTPAGE認(rèn)為你要插入的圖片總是放在你建立的站點(diǎn)的目錄或它的子目錄下的�？梢哉f(shuō),站點(diǎn)就是一個(gè)目錄。我們把編輯的許多網(wǎng)頁(yè)文件放在同一個(gè)目錄下，我們稱這個(gè)目錄為站點(diǎn)的主目錄。這些網(wǎng)頁(yè)引用的圖形一般也放在這個(gè)目錄下。當(dāng)然，我們也可以在這個(gè)目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進(jìn)行選擇。 如果要插入的圖片不在主目錄下, 在“選擇文件”對(duì)話框中進(jìn)行選擇。 選擇好文件以后，單擊“確定”按鈕，回到“圖形”對(duì)話框。單擊“確定”按鈕，圖形就插入了。現(xiàn)在單擊“常用”工具欄的“保存”按鈕 。 在“另存為”對(duì)話框中輸入新的web頁(yè)文件的名字，單擊“保存”按鈕。 出現(xiàn)了一個(gè)對(duì)話框, 因?yàn)槲覀儎偛挪迦氲奈募辉谡军c(diǎn)內(nèi)，現(xiàn)在FRONTPAGE要把它復(fù)制到站點(diǎn)內(nèi)，可是使用什么名字，放在站點(diǎn)的哪個(gè)目錄下呢，就要在這設(shè)置了，單擊“改變文件夾”按鈕， 另外這兒還在需要時(shí)對(duì)圖形的格式進(jìn)行轉(zhuǎn)換。單擊“位置”按鈕，在默認(rèn)情況下，圖形被保存在站點(diǎn)的主目錄下，現(xiàn)在我們選擇IMAGE目錄，單擊“確定”按鈕。回到“嵌入式文件”窗口，再單擊“確定”。這樣，圖形就保存在站點(diǎn)內(nèi)了。 （二）處理圖片：查看——工具欄——圖片。 1.設(shè)置圖形透明：（引入藝術(shù)字，吸引學(xué)生興趣，使學(xué)生能將各部分內(nèi)容在機(jī)的結(jié)合起來(lái)） 插入圖形只是在網(wǎng)頁(yè)中運(yùn)用圖形的第一步，在FRONTPAGE里，還有許多對(duì)圖形的設(shè)置。 設(shè)置了圖形的透明，因此就看不見(jiàn)白色的背底了。 它是怎么實(shí)現(xiàn)的呢？單擊左邊的圖形，F(xiàn)RONTPAGE窗口下又多了一個(gè)工具欄，我們稱它為“圖形”工具欄。 這一個(gè)就是設(shè)置透明的按鈕 ，單擊“透明”按鈕，在右面的圖形的白色部分單擊，透明的設(shè)置就結(jié)束了 2.剪切圖形 下面這兩幅圖像，小圖是大圖的一部分。 實(shí)際上小圖是把大圖經(jīng)過(guò)修剪后得到的。這在我們只用一幅圖的某一部分時(shí)特別有用。 現(xiàn)在我們把大圖也修剪了：首先單擊大圖，現(xiàn)在“繪圖”工具欄出現(xiàn)了。我們單擊“繪圖”工具欄的“剪裁”按鈕 。這時(shí)圖形四周的小點(diǎn)變?yōu)榱撕谏摹Ｏ旅孢�出現(xiàn)了一個(gè)剪切框。 調(diào)整剪切框到合適的大小，再把它移動(dòng)到合適的位置，單擊剪切按鈕， 圖片就剪切完畢了。 好像剪小了一點(diǎn)。 沒(méi)有關(guān)系， 單擊“撤消”按鈕 ，上次的操作就被撤消了。再重新剪切一次就可以了。 如果進(jìn)行了很多次剪切操作，發(fā)現(xiàn)把圖弄壞了，這時(shí)想重新剪切，該怎么辦呢？這時(shí)我們可以單擊“繪圖”工具欄上的“還原” 按鈕，圖片就被重新載入到文檔中，你可以對(duì)圖片重新進(jìn)行處理。 3.給圖形添加文本 我們可以給圖形加文字。 選中左邊的圖形，單擊圖形工具欄“文本”按鈕 ，現(xiàn)在圖形中就出現(xiàn)了一個(gè)文本框，輸入：“別淘氣”。再按一下Esc鍵，取消文字編輯，就選中文字框了，調(diào)整文本框到合適的位置，單擊頁(yè)面其他區(qū)域，文字就添加成功了。 如果我要修改 單擊一下要修改的文字，這時(shí)文字作為一個(gè)整體被選中了，再點(diǎn)一下文字，這時(shí)文本框里有光標(biāo)閃爍，你可以編輯文本了，重新輸入：“你真淘氣”，在頁(yè)面其他區(qū)域單擊。 文字就修改完成了。 我們還可以撤消這次操作嗎？ 4.設(shè)置特殊效果 我們?cè)賮?lái)看看“繪圖”工具欄的其他按鈕有什么用處。 先來(lái)看一看翻轉(zhuǎn)按鈕組： 這一個(gè)是向左翻轉(zhuǎn)按鈕，可以使圖形逆時(shí)針?lè)D(zhuǎn)90度。 這一個(gè)是向右翻轉(zhuǎn)按鈕，可以使圖形順時(shí)針?lè)D(zhuǎn)90度。 這一個(gè)是水平翻轉(zhuǎn)按鈕，可以使圖形左邊變右邊，右邊變左邊。 這一個(gè)是垂直翻轉(zhuǎn)按鈕，可以使圖形上邊變下邊，下邊變上邊。 我們?cè)囈辉嚕?單擊那顆“會(huì)動(dòng)的心”選中它，單擊“繪圖”工具欄上移一層按鈕 使“會(huì)動(dòng)的心”和“貓”不在同一層上。 移動(dòng)“會(huì)動(dòng)的心”使它“跳”到桌子上，再切換到“預(yù)覽”視圖看一下，還不錯(cuò)吧？不過(guò)要注意，那個(gè)“會(huì)動(dòng)的心”是一個(gè)透明的Gif動(dòng)畫，所以當(dāng)把“心”移到桌子上時(shí)，Gif動(dòng)畫的背景色就透明了。 當(dāng)然啦，還得要保存一下文件。 單擊“繪圖”工具欄的“凹凸效果”按鈕 ，這時(shí)，圖案就變成一個(gè)按鈕了。 還有其他效果，比如： “對(duì)比度”按鈕 可以增減圖形的對(duì)比度， “亮度”按鈕 可以調(diào)整圖形的亮度， “沖蝕”按鈕 可以使圖形半透明。 這些你都可以有空試一試。并在實(shí)際使用中靈活運(yùn)用。 （二）圖片屬性： 選定圖片——格式——圖片屬性。(重點(diǎn)講當(dāng)圖片來(lái)自文件的情況,注意圖片布局之間的影響,單擊圖片也可出現(xiàn)工具欄) 一般我們插入的圖形總是和文本在一起的，所以調(diào)整圖形和文本的對(duì)齊方式很重要。 在默認(rèn)情況下，圖形自動(dòng)與文本的底部對(duì)齊。這一個(gè)網(wǎng)頁(yè)，由于默認(rèn)的對(duì)齊效果，頁(yè)面出現(xiàn)了大量的空白。 這時(shí)就要調(diào)整圖形的對(duì)齊屬性。 在圖形上單擊鼠標(biāo)右鍵，選擇“圖片屬性”，選擇“外觀”選項(xiàng)卡， 我們把對(duì)齊方式調(diào)整為“左對(duì)齊”。 現(xiàn)在好多了吧？ 使用圖形可以使網(wǎng)頁(yè)更加豐富多彩，而且我們還可以用圖形來(lái)建立超鏈接，使網(wǎng)頁(yè)相互聯(lián)系起來(lái)呢。這我們會(huì)在下一節(jié)講鏈接的內(nèi)容中介紹。 四、操作 學(xué)生用圖片和繪圖的方法來(lái)對(duì)已制作的網(wǎng)頁(yè)進(jìn)行補(bǔ)充. 五、小結(jié) 1、插入圖片 2、處理圖片 3、圖片屬性 教學(xué)前分析： 本節(jié)課的內(nèi)容對(duì)于學(xué)生的學(xué)習(xí)來(lái)講，是興奮點(diǎn)之所在，所以不需采用過(guò)多的方法去吸引學(xué)生的學(xué)習(xí)興趣。而且，在以前相關(guān)內(nèi)容學(xué)習(xí)的基礎(chǔ)上，學(xué)生對(duì)本節(jié)的大部分內(nèi)容可以很輕松的掌握，基礎(chǔ)稍差一些的學(xué)生也強(qiáng)以通過(guò)教師的講解對(duì)所學(xué)知識(shí)有進(jìn)一步的理解。本節(jié)課的主要的難點(diǎn)在于，學(xué)生對(duì)于圖片布局的理解，對(duì)于這一點(diǎn)，我采用的方法是：用一種布局文字做成環(huán)繞同一幅圖片讓學(xué)生加深理解，對(duì)于這部分內(nèi)容學(xué)生只需要理解即可，因?yàn)樵谝院蟮膶?shí)際制作過(guò)程中很少用圖片布局來(lái)進(jìn)行網(wǎng)在頁(yè)的組織，對(duì)于“如何讓圖片位于任一位置”可以給學(xué)生留作思考題，為下一步的學(xué)習(xí)打下基礎(chǔ)。 教學(xué)后反思： 這節(jié)課通過(guò)學(xué)生感興趣的藝術(shù)字的引用，加強(qiáng)了學(xué)生對(duì)于工具欄上工具的使用興趣。由此教師想到如果想讓學(xué)生去學(xué)習(xí)一部分內(nèi)容，應(yīng)首先在講解運(yùn)用實(shí)例時(shí)就觸到他們的興趣神經(jīng)。并且這部分知識(shí)的講解使學(xué)生能夠?qū)⑺麄兯鶎W(xué)習(xí)過(guò)的內(nèi)容融會(huì)貫通，為他們的今后學(xué)習(xí)與制作打下良好的基礎(chǔ)。【FrontPage教案-圖像】相關(guān)文章：
frontpage2003教案04-28
圖像記憶的原理03-06
常用函數(shù)圖像03-12
函數(shù)圖像畫法課件12-31
（合集）常用函數(shù)圖像03-13
圖像處理技術(shù)論文08-13
圖像算法工程師的職責(zé)04-23
什么叫圖像分辨率06-27