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

第五章影像與圖片應(yīng)用5-1網(wǎng)頁用圖片格式與特點(diǎn)比較5-2插入影像5-3在?Dreamweaver?中編輯影像圖片5-4影像與圖片屬性影像與圖片應(yīng)用專家講座第1頁第五章影像與圖片應(yīng)用在現(xiàn)今網(wǎng)站當(dāng)中，已經(jīng)很難看到除了文字外，沒有其它任何影像或圖案設(shè)計(jì)網(wǎng)頁，反而是有很多令人眼花撩亂圖片、廣告等內(nèi)容。所以在網(wǎng)頁中適度加上影像或是生動(dòng)活潑多媒體物件，已是吸引網(wǎng)友不可或缺主要角色，甚至還有凌駕文字而成為網(wǎng)頁主體趨勢。影像與圖片應(yīng)用專家講座第2頁5-1網(wǎng)頁用圖片格式與特點(diǎn)比較當(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資料夾)，以免日後在進(jìn)行發(fā)佈作業(yè)時(shí)，影像檔案沒有被一起傳送到網(wǎng)站伺服器。影像與圖片應(yīng)用專家講座第4頁5-2插入影像5-2-2使用?Photoshop?(.psd)?圖檔假如您已經(jīng)使用Photoshop設(shè)計(jì)了許多影像檔案(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)整圖片大小與裁切圖片有時(shí)我們插入到網(wǎng)頁中影像，其大小可能不適合網(wǎng)頁版面，所以藉由調(diào)整大小或裁切動(dòng)作，可讓設(shè)計(jì)者藉由縮小影像範(fàn)圍來編輯影像。通常我們會(huì)想要裁切影像以強(qiáng)調(diào)影像主題，並移除四面不需要部分，而留下您在影像中感興趣範(fàn)圍。影像與圖片應(yīng)用專家講座第6頁5-3 在Dreamweaver中編輯影像圖片5-3-2亮度、對比與銳利化修正太暗或太亮影像時(shí)通常會(huì)在面板按鈕方便修改影像對比或亮度(以像素為單位)，它會(huì)影響到影像標(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