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