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

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