影像與圖片應(yīng)用專家講座

第五章影像與圖片應(yīng)用5-1網(wǎng)頁用圖片格式與特點比較5-2插入影像5-3在?Dreamweaver?中編輯影像圖片5-4影像與圖片屬性影像與圖片應(yīng)用專家講座第1頁第五章影像與圖片應(yīng)用在現(xiàn)今網(wǎng)站當(dāng)中，已經(jīng)很難看到除了文字外，沒有其它任何影像或圖案設(shè)計網(wǎng)頁，反而是有很多令人眼花撩亂圖片、廣告等內(nèi)容。所以在網(wǎng)頁中適度加上影像或是生動活潑多媒體物件，已是吸引網(wǎng)友不可或缺主要角色，甚至還有凌駕文字而成為網(wǎng)頁主體趨勢。影像與圖片應(yīng)用專家講座第2頁5-1網(wǎng)頁用圖片格式與特點比較當(dāng)前市面上有許多影像處理軟體，要製作一些賞心悅目標(biāo)影像圖片，已經(jīng)不再是困難工作。但圖片格式種類繁多，網(wǎng)頁中終究使用哪一種格式比較好呢？JPG格式PNG格式GIF格式PSD轉(zhuǎn)GIF格式影像與圖片應(yīng)用專家講座第3頁5-2插入影像5-2-1插入網(wǎng)頁影像圖片格式檔案插入影像方式能夠從選單列命令，或是從列標(biāo)籤工具鈕來執(zhí)行。不過，還是要提醒您，最好先將所要用到影像圖片複製到網(wǎng)站相關(guān)資料夾中(比如：images資料夾)，以免日後在進行發(fā)佈作業(yè)時，影像檔案沒有被一起傳送到網(wǎng)站伺服器。影像與圖片應(yīng)用專家講座第4頁5-2插入影像5-2-2使用?Photoshop?(.psd)?圖檔假如您已經(jīng)使用Photoshop設(shè)計了許多影像檔案(PSD格式)，在Dreamweaver中能夠?qū)⑵渲苯硬迦氲骄庉嬕暣熬W(wǎng)頁中，只是在過程中需要經(jīng)由Dreamweaver將這些影像檔執(zhí)行最正確化轉(zhuǎn)換成網(wǎng)站可用影像格式(、和)。您也能夠?qū)⒍嘀貓D層或多重分割Photoshop影像全部或部分貼到Dreamweaver網(wǎng)頁中。影像與圖片應(yīng)用專家講座第5頁5-3在Dreamweaver中編輯影像圖片5-3-1調(diào)整圖片大小與裁切圖片有時我們插入到網(wǎng)頁中影像，其大小可能不適合網(wǎng)頁版面，所以藉由調(diào)整大小或裁切動作，可讓設(shè)計者藉由縮小影像範(fàn)圍來編輯影像。通常我們會想要裁切影像以強調(diào)影像主題，並移除四面不需要部分，而留下您在影像中感興趣範(fàn)圍。影像與圖片應(yīng)用專家講座第6頁5-3 在Dreamweaver中編輯影像圖片5-3-2亮度、對比與銳利化修正太暗或太亮影像時通常會在面板按鈕方便修改影像對比或亮度(以像素為單位)，它會影響到影像標(biāo)示、陰影和中間色調(diào)。影像與圖片應(yīng)用專家講座第7頁5-4 影像圖片屬性5-4-1慣用屬性設(shè)定加上邊框影像與圖片應(yīng)用專家講座第8頁5-4 影像圖片屬性5-4-1慣用屬性設(shè)定設(shè)定替換文字影像與圖片應(yīng)用專家講座第9頁5-4 影像圖片屬性5-4-1慣用屬性設(shè)定設(shè)定低解析影像圖片影像與圖片應(yīng)用專家講座第10頁5-4 影像圖片屬性5-4-1慣用屬性設(shè)定變更影像圖片來源影像與圖片應(yīng)用專家講座第11頁5-4 影像圖片屬性5-4-2影像圖片與文字編排在Dreamweaver中影像圖片和文字一樣，能夠、、，只要利用面板中對齊按鈕，就可控制影像圖片水平位置。影像圖片和文字預(yù)設(shè)是以方式對齊，想要改變對齊方式也十分簡單。請參考以下操作說明。影像與圖片應(yīng)用專家講座第12頁5-4 影像圖片屬性5