- 相關(guān)推薦
網(wǎng)頁中插入圖片
方不必細看,難處仔細推敲。 C、保存網(wǎng)頁時注意圖片的保存位置。 三、學生回答,教師講解重點 1、網(wǎng)頁中插入圖片的格式 A、 GIF---最高支持256色,無損壓縮,可增加動畫效果。 B、 JPGE---可存取1600萬種顏色,采用有損壓縮方式,壓縮率較大,圖片相對教小。 C、PNG----支持真彩色,采用無損壓縮 D、其它:BMP 、PCX、RAS、EPS、PCD、WMF 注意:如果圖片不是GIF或JPG格式,那么保存網(wǎng)頁時,使用256色或更少顏色的圖片
會自動被轉(zhuǎn)為GIF格式,其它所有圖片轉(zhuǎn)為JPG格式。 若插入的是動畫,在瀏覽器下才能看到動態(tài)效果。 說明:雖然PNG有許多優(yōu)點,但目前網(wǎng)頁中使用最多的仍然是GIF和JPGE兩種格式。其它圖片
最好轉(zhuǎn)換成這兩種格式后再插入網(wǎng)頁中。那么在網(wǎng)頁中到底采用哪一種呢?其實,每一種
格式都有它的優(yōu)點。GIF格式的圖片由于只能包含最多256種顏色,所以適合保存那些一
文字為主、包含顏色數(shù)目教少的圖片,而JPGE適合保存顏色數(shù)目最大的照片、海報等圖
片。 總之,色彩鮮艷高分辨率的用JPG格式,色彩單調(diào)低分辨率的用GIF格式。
2、網(wǎng)頁中添加圖片應考慮的問題: 要想使圖片達到最佳效果,并不是一件容易的事,大家往往喜歡在網(wǎng)頁上添加很多的圖像,造
成網(wǎng)頁頁面雜亂,主題不突出。其實網(wǎng)頁中的圖像不是越多越好。網(wǎng)頁中添加圖像時首先要考
慮到以下問題: A、用圖像來達到什么目的? B、什么樣的圖片最合適達到這些目的? C、將插入的圖像有多大? 網(wǎng)頁中使用的圖片不要太大,一般情況最好單張不要超過25-30K,每頁圖片總量不要超過60K這樣站用的磁盤空間較少,網(wǎng)上傳輸時間較短。 網(wǎng)頁設(shè)計有“30秒40K”的原則,即瀏覽網(wǎng)頁時,30秒內(nèi)若無法讀取40K以上的資料,面對空蕩蕩的屏幕,瀏覽者往往想終止讀取。 D、這些圖像放在網(wǎng)頁的什么位置最好? 3、改變圖像的屬性 設(shè)置方法: 右擊圖片―選擇圖片屬性,在圖片屬性對話框中設(shè)置 教師演示以下方法: A、改變大小 B、設(shè)置對齊方式 C、給圖像加邊框 D、更換圖片 4、圖片處理 A、剪裁圖像 B、調(diào)整對比度/亮度 C、、刪除圖片 D、在圖片上寫文字 說明:只有GIF圖片可寫文字,所以JPGE文件上加文字,計算機先提示是否轉(zhuǎn)變?yōu)镚IF文件 E、圖片的定位與圖層的形成 [提問] 同學們有沒有發(fā)現(xiàn)我們選中圖片后,出現(xiàn)了什么? [學生回答]又出現(xiàn)了一個工具欄。 [總結(jié)] 對了,我們選中圖片后會出現(xiàn)“圖片工具欄”。我們以下對圖片的處理就是利用“圖片工具欄”來實現(xiàn)。 [演示] 我們選中圖片,然后單擊工具欄上的“絕對定位”按鈕,F(xiàn)在我們會發(fā)現(xiàn),圖片已不在一行文字之間,它可以讓我們隨意移動了。 同樣,我們還可以利用“圖片工具欄”對圖片進行圖層處理,實現(xiàn)圖片的疊放。 現(xiàn)在我們插入兩個圖片,選中第一個圖片,然后選擇“圖片工具欄”上的“上移一層”按鈕。這樣我們就可以實現(xiàn)兩圖片的疊放了。 [講解] 我們插入圖片后還希望它更美觀,同樣,我們的“圖片工具欄”也提供了這樣的效果。我們可以把圖片上的任意顏色設(shè)置為透明色 F、圖片的透明處理 [演示]選中圖片,單擊“圖片工具欄”上的“設(shè)置透明的顏色”按鈕。 我們看到指針變成了小魔棒形狀,單擊我們需要把它變成透明的白色,就產(chǎn)生了透明效果。 4、保存網(wǎng)頁 保存時對嵌入式圖片應Images文件夾中,已防止文件夾中的文件凌亂。
四、學生上機操作,完成任務(wù)。 鞏固練習 利用今天學習的知識制作班級網(wǎng)站的真正主頁,取名為“index”開始做那張主頁改 名為 “index1”。
課堂小結(jié) 本節(jié)主要講了如何向網(wǎng)頁中插入圖片以及對圖片屬性的調(diào)整。 布置作業(yè) 無作業(yè)
板書設(shè)計: 第5課、網(wǎng)頁中加入圖片 一、插入圖片
A、 改變大小 B、 設(shè)置對齊方式 C、 給圖像加邊框 D、 更換圖片
二、改變圖片屬性
三、圖片處理
A、裁剪圖片
B、調(diào)整對比度、亮度
C、刪除圖片
D、在圖片上寫字
E、圖片的定位和圖層的形成
F、透明效果處理
【網(wǎng)頁中插入圖片】相關(guān)文章:
教案:在幻燈片中插入圖片08-16
第十二課 在文章在插入圖片08-16
在幻燈片中插入圖片信息技術(shù)教案12-30
小學信息技術(shù)教案《在幻燈片中插入圖片》2篇03-17
小學信息技術(shù)教案《在幻燈片中插入圖片》(精選10篇)10-27
教案:插入表格08-16
簡歷怎么插入照片08-15