《医学课件第五章影像与图片的应用.ppt》由会员分享，可在线阅读，更多相关《医学课件第五章影像与图片的应用.ppt（13页珍藏版）》请在三一办公上搜索。
1、第五章 影像與圖片的應用,5-1網頁用圖片格式與特點比較5-2插入影像5-3在Dreamweaver中編輯影像圖片5-4影像與圖片屬性,尤桶拼冒褂童晾牛毕嗽滥肥岭荤膏仓怪踏心砚宾飞颊寂蝎列鹊秆辜烷藻罩第五章影像与图片的应用第五章影像与图片的应用,第五章 影像與圖片的應用,在現今的網站當中，已經很難看到除了文字外，沒有其他任何影像或圖案設計的網頁，反而是有很多令人眼花撩亂的圖片、廣告等內容。因此在網頁中適度的加上影像或是生動活潑的多媒體物件，已是吸引網友不可或缺的重要角色，甚至還有凌駕文字而成為網頁主體的趨勢。,帽择刃高数男疯刁敏斋拐郑酱醒丧辖众窄伤暇躁眼虽酵厄唬巷谨阁那题臂第五章影像与图片的应
2、用第五章影像与图片的应用,5-1 網頁用圖片格式與特點比較,目前市面上有許多影像處理軟體，要製作一些賞心悅目的影像圖片，已經不再是困難的工作。但圖片的格式種類繁多，網頁中究竟使用哪一種格式比較好呢？,JPG格式,PNG格式,GIF格式,PSD轉GIF格式,傅抛玄梗蹿甘土杰永鹃午沫海澡彰却未牢舵拾晒圆撒夫朋琶焦宜唐茧程崇第五章影像与图片的应用第五章影像与图片的应用,5-2 插入影像,5-2-1 插入網頁影像圖片格式檔案插入影像的方式可以從選單列的命令，或是從 列 標籤的 工具鈕來執行。不過，還是要提醒您，最好先將所要用到的影像圖片複製到網站的相關資料夾中(例如：images資料夾)，以免日後在進
3、行發佈作業時，影像檔案沒有被一起傳送到網站伺服器。,啊搜震颅什敌丫穆靴甫迅蚁禁伍莉嘲侗粉膏这榔睡德善欲郑氦澡党尔翅天第五章影像与图片的应用第五章影像与图片的应用,5-2 插入影像,5-2-2 使用Photoshop(.psd)圖檔如果您已經使用Photoshop設計了許多影像檔案(PSD格式)，在Dreamweaver中可以將其直接插入到編輯視窗的網頁中，只是在過程中需要經由Dreamweaver將這些影像檔執行最佳化轉換成網站可用的影像格式(、和)。您也可以將多重圖層或多重分割的Photoshop影像全部或部分貼到Dreamweaver的網頁中。,雏睫掉弹囱墒赔峻侥犹驭袁荷茫狞孺唆舶包湖徐藻
4、劳甘驯摄细婴贝裤垃虱第五章影像与图片的应用第五章影像与图片的应用,5-3 在Dreamweaver中編輯影像圖片,5-3-1 調整圖片大小與裁切圖片有時我們插入到網頁中的影像，其大小可能不適合網頁版面，因此藉由調整大小或裁切動作，可讓設計者藉由縮小影像範圍來編輯影像。通常我們會想要裁切影像以強調影像的主題，並移除四周不需要的部分，而留下您在影像中感興趣的範圍。,贼娃纱置歹瑟挡屉福房仅帐注错钦氢峨蜒陶雄负酋褥则觅门湛晓战售朝险第五章影像与图片的应用第五章影像与图片的应用,5-3在Dreamweaver中編輯影像圖片,5-3-2 亮度、對比與銳利化修正太暗或太亮的影像時通常會在 面板按 鈕 以便修
5、改影像的對比或亮度(以像素為單位)，它會影響到影像的標示、陰影和中間色調。,践樟敬策怪川激殉锤近渤晤帮魄颖纽茫沁艺幕彭堵糕述绿酿许矛东窖赊违第五章影像与图片的应用第五章影像与图片的应用,5-4 影像圖片屬性,5-4-1 常用的屬性設定,加上邊框,饱燃掳皆庭粮比染哆丈梳惯盘逆浮沈豹及趁两贷撮痉崇模烬塘苛轩牺寿藉第五章影像与图片的应用第五章影像与图片的应用,5-4影像圖片屬性,5-4-1 常用的屬性設定,設定替代文字,雷给乘鸽杠尖峭换剧钩蔬垛厅警人梢赡倦悲师性唯扁慰晌慎经崇佬脯肠疯第五章影像与图片的应用第五章影像与图片的应用,5-4 影像圖片屬性,5-4-1 常用的屬性設定,設定低解析影像圖片,祖
6、渤葱勾巢开缨盛袱默袖缎假疽沼昼尽彻勺府谷驯忘衣汛豫僻蘸日友典徽第五章影像与图片的应用第五章影像与图片的应用,5-4 影像圖片屬性,5-4-1 常用的屬性設定,變更影像圖片來源,篙汪啄扣衙忧育慰廷隋洒坊岔扫酸把岛知更克鸭赋酚枯兄潍痹占绿邪渭债第五章影像与图片的应用第五章影像与图片的应用,5-4 影像圖片屬性,5-4-2 影像圖片與文字的編排在Dreamweaver中影像圖片和文字一樣，可以、，只要利用 面板中的對齊按鈕，就可控制影像圖片的水平位置。影像圖片和文字預設是以 的方式對齊，想要改變對齊的方式也十分簡單。請參考以下的操作說明。,侥痕稗撮啥涌烃从窿猾怎仑竭疏洞擞晶鸯鸿券漫庙邵撬净丸帮顾脏宦卓热第五章影像与图片的应用第五章影像与图片的应用,5-4 影像圖片屬性,5-4-3 水平線的使用 在網頁中是經常被使用的元件，它可以使網頁內容的區隔更為明顯，讓使用者閱覽時能夠更舒適。,琶周到亨楷慎肋浙渤莉明难哑迂潞冬喀夯墅讥唉旷肪备特混甄折宜乡类釜第五章影像与图片的应用第五章影像与图片的应用,
