| 基本架構A：<body background='圖案名稱.附檔名'> 基本架構B：<img src='路徑\圖案名稱.附檔名 相關屬性'> 相關屬性： alt="給圖片的註解文字" border='N'，N為數字 height="Piexls" width="Piexls" align='top、middle、bottom、left、right' hspace="piexls"(左右)，v=垂直 vertical vspace="piexls"(上下)，h=水平 horizontal 很簡單吧！不難記，多看幾遍就熟悉了；重點在於如何運用及版面安排。 |
A.網頁圖片標籤，是www最美的地方，讓您的網站不再是單調、死版、枯燥無味。 B.現在我們用實例來逐一介紹這幾組標籤，為了便於管理與示範，我已先建bottom & gif兩個次目錄。 1.基本架構A：底圖<body background="圖案名稱.附檔名> 2.基本架構B：圖檔<img src="路徑/圖案名稱.附檔名 相關屬性> 3.相關屬性：註解<alt="給圖片的註解文字">、邊寬<Border="N"> 4.相關屬性：寬高尺寸<width="Piexls" Height="Piexls"> 5.相關屬性：位置<align="top、middle、bottom、left、right"> 6.相關屬性：間距<Hspace="Piexls"(左右)> Vspace="Piexls"(上下)> 7.綜合範例 8.階梯式圖文變化、Align垂直變化及用表格來製作圖框範例 9.特殊用法：透明圖製作，讓圖片也能透空，達到某些效果。 10.特殊用法 其他注意事項 1.如果您是初學者，建議您務必對圖檔格式等基本觀念，有一個基本瞭解。 2.不斷重覆顯示或使用過多的動畫，恐會造成不良效果。 3.檔案過大的圖檔(50kb以上)不宜使用，如真有需要時，最好將他分割成幾小塊，以加快顯示速度。 您可以使用PhotoImpact的網路=>影像切割=>平均切割=>另存新檔，輕易完成這個工作。 4.圖檔上傳(FTP)，記得選用Binary模式。 D.本次作業： 1.請您自己完成一個有背景及許多圖檔的網頁，做個Linking然後傳上您的主機，命名為image.htm。 2.如果您已完成並上傳完畢，請 E-mail 給我，我會上去看看您的結果。
<a href='mailto:ccfusa@ms23.hinet.net'>文字或圖片語法</a>
2.您必須知道：*.JPG、*.GIF或*.PNG這三類圖檔格式，是目前網路(瀏覽器)所能接受的圖片。 3.除了傳統的秀圖方式外，套用JavaScript、Java、CSS、DHTML等等，可創造更多花樣哦。 4.正常圖檔格式表示方法為，IMG SRC='URL" W="n" H="n" BORDER="0"，先寬後高，n為像素(piexl)。 5.雖然現在網路傳輸速度已逐漸改善，我們仍然希望您能盡可能將圖片【最佳化】處理。 |
| 壹、表列項目彈出視窗： 這是運用表單(FORM)的窗型選項欄位(SELECT)控制標籤，加上描述語言(JavaScript)組合而成。 【請看範例】 說明：為免圖片過多影響檔案傳遞，我只使用同一張圖片，您當然要換不同的圖案哦。 |
| 貳、以小圖示來看大圖檔： 這是運用基本圖片(IMG SRC="URL")標籤，加上描述語言(JavaScript)組合而成。 【請看範例】 說明：一般常看到的作法，大多採用純基本圖片(IMG SRC="URL")標籤。 |
沒有留言:
張貼留言