網頁由網址來識別與存取,當訪問者在瀏覽器的地址欄中輸入網址后,通過一段復雜而又快速的程序,網頁文件會被傳送到訪問者的計算機內,然后瀏覽器把這些HTML代碼“翻譯”成圖文并茂的網頁。
雖然網頁的形式與內容不同,但是組成網頁的基本元素是大體相同的,一般包含文本、圖像、超鏈接、動畫、音頻和視頻等內容。
1、文字
文本是網頁中最基本的構成元素,目前所有網頁中都有它的身影。網頁中的信息以文本為主。文本一直是人類最重要的信息載體與交流工具,網頁中的信息也以文本為主。與圖像相比,文本雖然不如圖像那樣能夠引起瀏覽者的注意,但卻能準確地表達信息內容和含義。為了豐富文本的表現力,人們可以通過文本的字體、字號、顏色、底紋和邊框等來展現信息。
文本在網頁中的主要功能是顯示信息和超鏈接。文本通過文字的具體內容與不同格式來顯示信息的重要內容,這是文本的直接功能。此外,文本作為一個對象,往往又是超鏈接的觸發體,通過文本表達的鏈接目標指向相關的內容。只要設計得當,文字也可以充滿設計感。
2、圖像
當前網頁設計領域可謂是色彩橫行,圖片當道,因此合理使用和處理圖片元素也成為了評判網頁設計的重要標準。依托先進的圖片壓縮技術,可以在保證圖像豐富的同時,又壓縮到了一個合適的體積。圖像的功能是提供信息、展示作品、裝飾網頁、表現風格和超鏈接。網頁中使用的圖像主要是GIF、JPEG、PNG等格式。
3、超鏈接
網頁中的鏈接又可分為文字鏈接和圖像鏈接,只要訪問者用鼠標來單擊帶有鏈接的文字或圖像,就可自動鏈接到對應的其他文件中,這樣才使網頁能夠鏈接成為一個整體,超鏈接也是整個網絡的基礎。
4、多媒體
網頁界面中的多媒體元素主要包括GIF、音頻和視頻。這些多媒體元素中的應用能夠使網頁更時尚、更炫酷,但使用前需要確認用戶的寬帶是否能夠快速下載這樣的高數據量。不要單純地為了炫耀高新技術而降低了用戶的體驗,這種做法很不明智。
GIF動畫
GIF原意是“圖像互換格式”,是一種基于LZW算法的連續色調的無損壓縮圖像格式。它不屬于任何應用程序,目前幾乎所有相關軟件都支持它。在網頁中使用動畫可以有效地吸引瀏覽者的注意。由于活動的對象比靜止的對象更具有吸引力,因而網頁上通常有大量的動畫。動畫的功能是提供信息、展示作品、裝飾網頁和動態交互。
HTML5動畫
HTML5動畫有三種實現方式:一是canvas代碼元素結合JavaScript 語言,二是純粹的CSS3動畫(暫不被所有主流瀏覽器支持,比如IE),三是CSS3結合Jquery框架實現。
音頻
音頻是多媒體網頁的一個重要組成部分。當前存在著一些不同類型的聲音文件和格式,也有不同的方法將這些聲音添加到Web頁中。在決定被添加聲音的格式和方式之前,需要考慮的因素是聲音的用途、聲音文件的格式、聲音文件的大小、聲音的品質和瀏覽器的差別等。不同的瀏覽器對于聲音文件的處理方法是非常不同的,彼此之間很可能不兼容。
用于網絡的聲音文件格式非常多,常用的是MIDI、WAV、MP3和AIF等。一般來說,不要使用聲音文件作為網頁的背景音樂,那樣會影響網頁的下載速度。可以在網頁中添加一個鏈接來打開聲音文件作為背景音樂,讓播放音樂變得可以控制。
視頻
在網頁中視頻文件格式也非常多,常見的有RealPlayer、MPEG、AVI、DivX和MP4等。視頻文件的采用讓網頁變得非常精彩而且有動感。網絡上的許多插件也使向網頁中插入視頻文件的操作變得非常簡單。
文章名稱:企業網站建設網頁的構成要素
網頁URL:http://m.newbst.com/news/136285.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站建設等
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯