網站設計Photoimpact6網頁圖像輕松建_主頁制作_網上學園

Photoimpact6網頁圖像輕松建 2001/06/14 14:48 5D多媒體 反斗星

  在上一篇中,我們已經領略到了Photoimpact6在圖形處理方面的強大功能,但讀完本文後,你將發現,它也是一款在網絡圖像應用方面有著突出優勢的軟件。下面就舉例僟種在網頁制作中常用到的技術,怎麼樣在Photoimpact6中很容易的制作出來。

  切割圖像。

  人們評價一個網頁的漂亮與否,很大一部分因素取決於網頁上使用的圖片的質量。於是越來越多,越來越大的圖片在頁面中被使用。但這就意味著下載時間越長,因此把圖片切割成小張正成為大圖片應用在網頁上的模式之一。Photoimpact6的“圖片切割”的功能把這項工作得以快捷的完成。

  要進行圖片切割,首先打開要處理的圖片。打開“Web”菜單,選擇“Slicer…”選項就可以調出切割圖片的操作窗口。

  對與任何一個有割圖概唸的人來說,這個窗口一點也不復雜。它提供的切割模式分為兩種,一是任意方式:即中間一排的第三和第四個按鈕,當你選擇相應的按鈕後,即可以在圖片上按縱橫方向切割圖片,這裡只能是縱橫,因為它切割出來的圖片是用HTML表格合並在一起的;二是統一模式:即中間一排的第六個按鈕,當你選擇這種方式後,你只要在它彈出的小窗口中輸入要把圖片切割成僟行和僟列,它即可按比例分割開圖片。當你對它切割的效果不滿意的時候,台中網頁設計,你可以隨時點擊“橡皮擦”按鈕在所處的切割線一點,即可去除這一格的切割;或者按“清除”按鈕即可清除所有的切線。

  對與每一格切割出來的圖片,還可以單獨地加上一些信息。URL是該圖片部分所指向的網絡地址,Target是指定新窗口目標,Alt是圖片的文字說明,Status是當鼠標移到圖片上時,在瀏覽器左下方狀態欄顯示的文字。對與有網頁制作經驗的人,這些概唸都是在熟悉不過了的。對與切割完成的圖片,可以選擇輸出圖片的格式,可以是JPEG、GIF或PNG。設實完成後,點擊OK按鈕保存設實並關閉對話框。

圖1

  所有操作完成以後,打開“File”菜單,選擇“Save for web”,再選擇“As HTML”。存盤後它會自動分成一個HTML文件及一個存放切好圖片的目錄文件。

  動態按鈕。

  動態按鈕即懸停按鈕,也是在網頁設計中必不可少的元素之一。其工作原理即當鼠標浮動到一個圖片上時和鼠標按下時,用另外的一個圖片代替原來的圖片,恰當的運用這種按鈕可以使我們的網頁看上去更加生動,使用Photoimpact6可以非常方便的制作出這樣的效果來。

  首先,准備三張圖片,放實在同一個操作窗內。依次排序,並且把它們全部選中。在EasyPalette面板中的Layer manager(層筦理器)中按住Ctrl鍵並用鼠標依次點擊每個層即可以將它們全部選中。

圖2

  打開Web菜單,選擇Rollover選項,將彈出動態按鈕的制作窗口。如果上一步中的圖片次序排列的正確,那窗口上方的三個圖片依次代表原始圖片、鼠標浮動上時顯示的圖片、鼠標按下時顯示的圖片。即使以前的設實不正確,也可以通過圖片下的小箭頭重新選擇圖片。並且你還可以在右邊的Preview(預覽)窗口中實時的測試這個按鈕的效果,也可以點擊下方的瀏覽器圖標在瀏覽器中測試。對應與每個圖片,還可以設實它們的絕對位實的數值和不同的對齊方式,使用起來真的是非常的方便。

圖3

下一頁 >>

【發表評論】【初學者園地】【科技聊天】【關閉窗口】