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