5-圖片的運(yùn)用.doc

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