<output id="jbxdv"></output>

      1. 網頁設計中的網頁構成元素

        • 2019-07-05 11:05:56
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        無論是初次上網新手,還是經常沖浪高手,在學習制作網頁之前,都必須先認識(或重新認識)一下構成網頁的基本元素。只有這樣,才能在真正的設計工作中得心應手,才能根據需要合理地組織和安排網頁的內容,從而達到期望的目標。設計網頁的目的主要是發布信息,因此,作為信息主要載體的文本和圖像也就成了網頁的基本組成部分。超鏈接(或稱鏈接)是網頁的核心,是它將互聯網中無數的網頁鏈接在一起,如果沒有它,網頁就無從談起。此外,表格、動畫、音樂和交互式表單等信息的組織、表現,以及交互元素在網頁中也具有舉足輕重的地位。

         1、文本

        文本一直是人類最重要的信息載體與交流工具,網頁中的信息也以文本為主。與圖像相比,文字雖然不如圖像那樣能夠很快引起瀏覽者的注意,但卻能準確地表達消息的內容和含義。為了克服文字固有的缺點,人們賦予了網頁中文本更多的屬性,如字體、字形、字號、字體顏色、文字效果、底紋和邊框等,通過不同樣式的區別,突出顯示重要內容,弱化次要信息。此外,用戶還可以在網頁中設計各種各樣的文字列表,來清晰表達一系列項目。這些功能都給網頁中的文本賦予了新的生命力。

        2、圖像和動畫

        圖像在網頁中具有提供信息、展示作品、裝飾網頁、表達個人情調和風格的作用。用戶可以在網頁中使用GIF、JPEG(JPG)、PNG 3種圖像文件格式,其中使用最廣泛的是GIF和JPEG兩種格式。圖像雖然在網頁中起著非常重要的作用,但如果網頁上加入的圖片過多,不僅會影響網頁整體視覺效果,而且下載速度也將明顯下降,可能會影響用戶的瀏覽體驗。在網頁中使用動畫可以有效地吸引瀏覽者的注意力,畢竟動態效果比靜止對象更有吸引力,因此,許多網站的廣告在網頁設計時都做成了動畫形式。

        3、聲音和視頻

        聲音是多媒體網頁的一個重要組成部分。當前存在著一些不同類型的聲音文件和格式,也有一些不同的方法將這些聲音添加到網頁中。在決定添加的聲音的格式和方式之前,需要考慮的因素包括其用途、格式、文件大小、聲音品質和瀏覽器差別等。不同瀏覽器對于聲音文件的處理方法是非常不同的,彼此之間可能不兼容。用于網絡的聲音文件的格式非常多,常用的有MIDI、WAV、MP3和AIF等。設計者在使用這些格式的文件時,需要加以區別。很多瀏覽器不用插件也可以支持MIDI、WAV和AIF格式的文件,而MP3和RM格式的聲音文件則需要專門的瀏覽器播放。一般來說,不要使用聲音文件作為背景音樂,那樣會影響網頁下載的速度??梢栽诰W頁中添加一個打開聲音文件的鏈接,讓播放音樂變得可以控制。視頻文件的格式也非常多,常見的有Re-alPlayer、MPEG、AVI和FLV等。視頻文件的采用讓網頁變得非常精彩而且有動感。網絡上的許多插件也使向網頁中插入視頻文件的操作變得非常簡單。

        4、超鏈接

        超鏈接(Hyper Link)是互聯網盛行起來的最主要的原因。它能夠實現從一個網頁跳轉到鏈接目的端的網頁位置上。例如,指向另一個網頁或者相同網頁上的不同位置。這個目的端通常是另一個網頁,也可以是一幅圖片、一個電子郵件地址、一個文件(如多媒體文件、文檔或任意文件)、一個程序或者是本網頁中的其他位置。其載體通常是文本、圖片或圖片中的區域,也可以是一些不可見的程序腳本。當瀏覽者單擊超鏈接時,其目的端將顯示在網頁瀏覽器上,并根據目的端的類型以不同方式鏈接。例如,當指向一個AVI文件的超鏈接被單擊后,該文件將在媒體播放軟件中打開;如果單擊的是指向一個網頁的超鏈接,則該網頁將顯示在網頁瀏覽器上。

        5、表格

        在網頁中表格用來控制網頁中信息的布局方式。這主要包括兩方面:一是使用行和列的形式來布局文本和圖像以及其他的列表化數據;二是可以使用表格來精確控制各種網頁元素在網頁中出現的位置。在標準網頁設計中,表格更多用在數據的表格化顯示。

        6、表單

        使用超鏈接,瀏覽者和服務器站點便建立起了一種簡單的交互關系。表單的出現使瀏覽者與站點的交互上升到了一個新的高度。網頁中的表單通常用來接收瀏覽者在客戶端的輸入,然后將這些信息發回到客戶端。這些信息既可以是文本文件、網頁、電子郵件,也可以是服務器端的應用程序。表單的用途如下:   

        ?收集聯系信息。 

        ?接收用戶要求。

        ?收集訂單、出貨和收費細則。   

        ?獲得反饋意見。   

        ?設置來賓簽名簿。   

        ?讓瀏覽者輸入關鍵字,在站點中搜索相關的網頁。  

        ?讓瀏覽者注冊為會員并以會員身份登錄站點。

        表單由不同功能的表單對象組成,最簡單的表單也要包含一個輸入文本框和一個提交按鈕。站點瀏覽者填寫表單的方式通常是輸入文本、選中單選按鈕與復選框,以及從下拉列表框中選擇選項等。

        根據表單功能與處理方式的不同,通??梢詫⒈韱畏譃橛脩舴答伇韱?、留言簿表單、搜索表單和用戶注冊表單等類型。

        7、導航欄

        導航欄是用戶在規劃好站點結構、開始設計主頁時必須考慮的一項內容。導航欄的作用就是要讓瀏覽者在瀏覽站點時,不會因為迷路而中止對站點的訪問。事實上,導航欄就是一組超鏈接,這組超鏈接的目標就是本站點的主頁以及其他重要網頁。在設計站點中的諸網頁時,可以在站點的每個網頁上顯示一個導航欄,這樣,瀏覽者就可以既快又容易地轉向站點的其他主要網頁。一般情況下,導航欄應放在網頁中較引人注目的位置,通常是在網頁的頂部或一側。導航欄既可以是文本鏈接,也可以是一些圖像按鈕。

        8、特殊效果

        網頁中除了以上幾種最基本的元素之外,還有一些其他常用元素,包括懸停按鈕、JavaScript特效、ActiveX等各種特效。它們不僅能在網站建設時點綴網頁,使網頁更活潑有趣,而且在網上娛樂、電子商務等方面也有著不可忽視的作用。

        當前文章標題:網頁設計中的網頁構成元素

        當前URL:http://www.freenetsites.com/news/wzzz/3046.html

        上一篇:靜態網頁和動態網頁

        下一篇:網頁制作工具簡介

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>