網站建設中的圖像與聲音處理

2022-08-01 分類：網站建設

成都網站建設--創新互聯小編今天講講 網站建設中圖像與聲音處理?

成都網站建設--創新互聯小編分兩點來說明:

1）設置圖像為背景：在網站設計中為了使頁面更加的美觀，經常會將一張圖片作為整個頁面的背景，當圖片較小時，可將圖片拼接起來，鋪滿整個頁面。實現方法如下：

實際應用中多采用GLF,JPEG格式的圖片。

注意：在XHTML1.0中，如果文檔類型聲明為嚴格類型，則標記元素的background屬性不被支持。

2）圖像主要屬性及設置方法：要將一幅圖像插入到網頁上顯示，可通過在XHTML中使用標記元素來實現。標記元素的主要屬性及作用成都網站建設--創新互聯小編放一張表給大家看看。

注意：在 XHTML1.0中，如果文檔類型聲明為嚴格類型，則標記元素的align,border,hspace和vspace屬性不被支持。

成都網站建設--創新互聯小編在份個小點來說明：

1）基本語法：元素的基本用法如下：

2）實例代碼：看下圖，1:在網頁中插入一張圖片，并設置圖片顯示替代文本。在瀏覽器中無法載入圖像時，替換文本會使訪問者了解圖片的相關信息。

2:如下圖片，設置圖片在文字中的排列方式。設置aling屬性，取值可以為top(頂端對齊）,bottom(低端對齊）,middle(中間對齊）,left(左對齊）,right(右對齊）,其中bottom對齊的方式是默認的方式。請看下面一段代碼：

... 圖像<img src=”leavses.gif “align=”bottom”/>在文本中...

.. 圖像<img src=”leavses.gif “align=”middle”/>在文中...

.. 圖像<img src=”leavses.gif “align=”top”/>在文本中...

...圖像<img src=”leavses.gif “align=”right”/>在文本中..

運行結果成都網站建設--創新互聯小編放一張圖給大家參考。

3:給網頁上的圖片加邊框，并設置圖片的大小。使用border屬性可設置邊框，默認值為0，表示沒有邊框；使用heiight,width屬性可設置圖片大小。在網頁設計中可以選擇占磁盤空間較小的圖像，使用這兩個屬性按比列放大，即可以設計滿意的網頁，又解決了網絡圖像下載速度的問題。但放大比例要適當，以免圖像模糊。實現的代碼如下：

<img src=”leaves.gif “width=”50” height=”50” border=”2”/>...

<img src=”leaves.gif”width=”100” height=”100” border=”2”/>...

<img src=”leaves.gif “width=”200”heinght=”200”horder=”2”/>...

運行結果成都網站建設--創新互聯小編放一張圖給大家參考：