繪製網頁圖檔【02】

第二篇
用 PhotoImpact 製作角圖圖檔

適合程度: 初學者 一般程度 進階者 以上均宜

角圖圖檔名稱與格式:
upleft.gif upright.gif downleft.gif downright.gif
這四個角圖檔尺寸均為width="11" height="11"
有關角圖表格的製作方式與要領,請參閱網頁各式模組【圖檔表格徹底研究】報導。

壹、先做一個左上角 (upleft.gif) 圖檔 (11*11 pixel):
檔案開起新檔底框(選白色)、影像類型選全彩、影像大小選使用者設定(W22*H22像素),解析度72像素確定。
註:影像類型選全彩,顏色種類會比較多選擇;但存檔時不要使用*.jpg格式哦。
註:底框選白色,是為了要配合底圖(背景)顏色。
註:因為我們要取1/4圓來用,所以尺寸要加一倍。
圖例
因為圖檔太小,為了編輯方便,要將比率放大為 300%,且將滑鼠放在右下角將他往下拉大來用。
圖例

貳、設定長寬值:
按下(標準)選取工具鈕圖例在屬性工作列設定形狀為圓形;將滑鼠放在工作區最左上角座標(0,0),然後按著滑鼠不放往下拉到右下角座標(22,22)W:22 H:22。
註:滑鼠放在工作區最左上角時,您可以參考最下端的狀態列,看到所顯示的正確座標 (0,0) - (22,22) 數值。
圖例

參、填充色彩:
按下色彩填充工具鈕圖例在屬性工作列設定填充色彩為紅色。
註:在屬性工作列設定填充色彩為何色?像這些可選擇性的選項,以後您都可以自己選用哦。
註:滑鼠放在屬性工作列的填充色彩區內,按一下右鍵,可讓您多種選項擇(項)。
圖例

肆、建立新的 1/4 圖檔:
再次按下(標準)選取工具鈕圖例但在屬性工作列設定形狀為矩形;將滑鼠放在工作區最左上角座標 (0,0),然後按著滑鼠不放往下拉到右下角座標(11,11)W:11 H:11。
圖例
接著將滑鼠移到 1/4 區虛線內(此時滑鼠變成十字狀),按住滑鼠左鍵,拉到工作畫框外面。

圖例

伍、合併及最佳化:
將滑鼠放到的新小圖區內(此時滑鼠會變成十字狀),按一下滑鼠右鍵,選全部合併。(圖示省略)
然後到標題列選擇網路影像最佳化程式選GIF及遮照選項(挑選色彩)將滑鼠移到想透明處(白色區),並按住Ctrl(此時滑鼠會變成滴管狀)點一下左鍵,該區會變成白色。
註:想透明之處(白色區),因圖檔太小,請按放大鏡+,將圖示放大,以便點選方便。
註:使用影像最佳化程式,讓圖檔透明化,不會者可參考用PhotoImpact製作透明圖
圖例

陸、另存新檔:
按另存新檔(存檔類型選GIF圖形交換格式、檔案名稱訂為 upleft.gif 完成一半。
註:另存新檔時,請選好要存放的目錄,以利管理運用。
圖例

柒、完成其他三張圖示:
您不用再重複以上動作,只要按標題列的編輯轉向與翻轉向左(右)度,就可以做成右上角 (upright.gif) 及左下角 (downleft.gif) 了;然後比照第參項之影像最佳化程式逐一存檔。
註:那右下角(downleft.gif)就不用我多說了吧。
圖例
下次將教另一個雙邊框角圖,不過,這次教學基礎要先打好哦!

捌、結論:
中央空白點圖片 (space.gif),尺寸可設為 width="1" height="1" ,您可用任何方式作一個,其用途只是讓表格長寬設定方便而已。
其實中央空白點圖片 (space.gif),您也可以用 HTML 字型語法替用,<font color="red">.</font>。
如果您不熟悉 PhotoImpact,建議先研習前面報導,如何繪製網頁圖檔
建議先照本例實際演練一次,至於所要使用圖檔大小、顏色、文字或圖案等,等學會後,再自行運用變化。
如果您沒有 Ulead PhotoImpact 5.0 軟體,請到友立網站下載試用版。

如何完整取得所有資料:
如果您想完整取得電子報內所有檔案資料,我們提供燒錄光碟片給您 Go
凡加入教學或教材會員者,均可獲得以下乙份完整的資料光碟。
詳細內容:語法教學第一電子報第二電子報第三期電子報網頁圖窟

結論與建議:
本站所有報導資料,歡迎網友加入鏈結或轉載內容,惟請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ,她真的簡單易學,懂了她您就能駕馭她,讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質, 索取教材資料 屬個人自由意願,而回饋給您的光碟片,則是我們的誠意而已
一篇保證前所未見的 HTML 教學課程,絕對是您學習 HTML 的好教材,強烈建議您進入實際體驗一下。
本電子報報導資料,未來將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。