5-圖片的運用.doc

第 周 第 課時 _月_日(星期_) 累計_個教案課題課型新授課教 學 目 標教學重點教學難點教學方法與手段板 書 設 計5-學習圖片的插入和設置學習圖片的插入和設置圖片的插入和設置講演輔結合一）插入圖片二）、設置圖片的屬性1、常規(guī)屬性2、圖像的外觀教 學 過 程 一）插入圖片下面我們以一個實例來說明如何在網(wǎng)頁中加入圖片。其操作步驟如下：（1）新建一個空白網(wǎng)頁，把光標定位到要插入圖片的地方。（2）單擊“ ”工具圖標，或單擊【插入】菜單，選擇【圖片】菜單項，在子菜單中單擊【來自文件】選項，在出現(xiàn)一個【圖片】對話框的同時，還彈出一個【選擇文件】對話框。（3）在【選擇文件】對話框的“搜尋”欄內選定圖片的存放位置，然后從文件列表中雙擊某個圖片文件（或選定圖片文件），單擊【確定】按鈕，則圖片插入到網(wǎng)頁中。二）、設置圖片的屬性在網(wǎng)頁中插入圖片后，我們還要對圖片的某些屬性進行設置。（1）在某個圖片上單擊鼠標右鍵后，彈出一個快捷菜單，選擇圖片屬性。（2）單擊【圖片屬性】菜單項，出現(xiàn)圖片屬性對話框。在圖片屬性對話框中，我們可以設置圖片的各種屬性：1、常規(guī)屬性 【圖片源】：指圖片的存放位置。如果要重新選擇其他一幅圖片時，單擊【瀏覽】按鈕。如果要修改這幅圖片，可以單擊【編輯】按鈕，啟動自帶的Image Composer軟件，修改完圖片后，只要退出該軟件，網(wǎng)頁圖片就會自動更新。 【類型】：我們可以選擇圖片的類型，GIF或者是JPEG。 在“質量”欄內一般設定為70-80就行了。 【替代表示】：如果當前圖片較大，分辨率也較高，我們應該在【低分辨率】中選定一個備用的低分辨率圖像，這樣在一些瀏覽網(wǎng)頁的低檔機顯示器不能顯示高分辨率圖片時，可以顯示這個低分辨率的圖片。此外，在“文本”欄內默認值為圖片文件名加上文件長度，這是當該圖片不能顯示時，這些說明文字會顯示出來，也就常說的圖片的別名。若要修改圖片的別名時，在文本框內輸入即可。2、圖像的外觀單擊【圖片屬性】對話框中的【外觀】選項卡。在這個對話框中，我們可以設置圖片與文本之間的對齊方式、圖片的邊框粗細以及圖片的大小等。 布局欄：單擊【對齊方式】下拉箭頭，出現(xiàn)一個下拉菜單，有多種對齊方式，在圖文混排時非常有用，大家可以試試看。教 學 過 程 利用【邊框粗細】可以在圖片周圍加上一個指定寬度的邊框。值為0時，邊框不顯示。設置【水平間距】和【垂直間距】的值，可以改變圖片與相鄰內容（如文字）之間的距離。默認情況下，瀏覽器中顯示的網(wǎng)頁圖片是實際大小的圖片。如果要改變圖片的大小，則在對話框的【大小】欄中調整“寬度”、“高度”的值（單位為像素或百分比）。選擇“保持縱橫比”選項是防止尺寸修改后的圖片出現(xiàn)太扁或太長的“變形”現(xiàn)象。圖片的定位，可以單擊圖片工具欄的圖片定位按鈕。圖片可以隨便移動，但在預覽時常會與實際不一致。三）上機操作： 在網(wǎng)