三、在網頁中添加圖片
1)網頁中常用的圖片格式
使用圖片的原則:在保證畫質的前提下盡可能使圖片的數據量小一些,這樣有利用戶快速的瀏覽我們的網頁。
.GIF格式
特點:它的圖片數據量小,可以帶有動畫信息,且可以透明背景顯示,但最高只支持256種顏色。
用途:大量用于網站的圖標Logo、廣告條Banner及網頁背景圖像。但由于受到顏色的顯示,不適合用于照片級的網頁圖像。
.JPEG格式
特點:可以高效地壓縮圖片的數據量。使圖片文件變小的同時基本不丟失顏色畫質。
用途:通常用于顯示照片等顏色豐富的精美圖像。
.PNG格式
特點:是一種逐步流行的網絡圖像格式。既融合了GIF能做成透明背景的特點,又具有JPEG處理精美圖像的優點。
用途:常用于制作網頁效果圖。
2)如何獲取網頁圖像
網上下載(我要素材網 www.51scw.net)、購買素材光盤、使用圖像制作軟件創作
3)插入圖像
插入→圖像
插入面板→常用→圖像
直接將圖像文件拖入編輯區
注意:
n 在插入圖像前應先將網頁文件已保存,從而使所插圖像引用正確。
n 圖像插入網頁后,應確定圖像文件已存入站點,否則在下次打開網頁時,會出現看不到圖像的情況。
技巧:圖像的位置、替換文字
4)設置圖像的基本屬性
圖像→設置的名稱
寬、高→可縮小和放大圖片的顯示尺寸。
源文件→圖片的路徑和名稱。
替代→圖像的說明文字
邊框→圖片是否要加邊框
四、圖文混排
垂直邊距和水平邊距→圖片四周突出的尺寸
對齊→在一行中圖形和文本的對齊方式
五、編輯圖像
裁切
銳化
對比度/亮度
重新采樣:當圖片的寬、高縮小后,重新生成更小的圖片。
優化(為圖片瘦身)
六、鼠標經過更換圖片特效
1)概念:是指在頁面中先顯示一張圖像,當鼠標移動到該圖像上時,圖像切換成另一張圖像。
2)步驟:
a 將光標放到要插入圖像的地方。
b單擊菜單“插入記錄”---->“圖像對象”--à“鼠標經過圖像”,打開“插入鼠標經過圖像對話框”。
c設置完成,單擊確定。