網(wǎng)站設(shè)計公司網(wǎng)頁設(shè)計標(biāo)準(zhǔn)

網(wǎng)站是一組相關(guān)網(wǎng)頁的集合,即若干個網(wǎng)頁文件經(jīng)過規(guī)劃組織后被此相連而形成完整糾構(gòu)的信總服務(wù)系統(tǒng),同頁文件是網(wǎng)站最主要的文件類型。

網(wǎng)站設(shè)計公司網(wǎng)頁設(shè)計標(biāo)準(zhǔn)

1、網(wǎng)頁設(shè)計的準(zhǔn)則

公司的網(wǎng)頁是網(wǎng)站提供信息服務(wù)的主要形式, 一般包含文字、圖像和表格等內(nèi)容,以及實現(xiàn)信息塊之間跳轉(zhuǎn)的超鏈接,網(wǎng)頁通常以網(wǎng)頁文件及其附屬文件形式存在。網(wǎng)頁文件是www的基木文檔,它通常是用HTML語言設(shè)計的,其他網(wǎng)頁元素,如圖像、聲音等,都是以獨立文件方式存在的,通過在網(wǎng)頁文件中設(shè)置 此鏈按形成引用關(guān)系。

2、 網(wǎng)頁的基本元素

在初次設(shè)計網(wǎng)站網(wǎng)頁之前, 首先應(yīng)該認識一下構(gòu)成網(wǎng)頁的基本元素,只有這樣,才能在設(shè)計中得心應(yīng)手,根據(jù)需要合理地組織和安排網(wǎng)頁內(nèi)容。

如圖3-1所小是 個站點的首頁,其中包含了常見的網(wǎng)頁幾素,如文本、圖片、超鏈接、表格、導(dǎo)航、動畫和交互表單等。

3、文本

網(wǎng)站文本一直是最重要的信息載體與交流工具。網(wǎng)頁中的信息也以文本為主。與圖片相比,雖然不如圖片那樣能夠很快引起瀏覽者的注意,但卻能準(zhǔn)確地表達信息的內(nèi)容和含義,為了克服文本固有的缺點,人們賦予了網(wǎng)頁中文本更多的屬性,如字體、字號、顏色、底紋和邊框等。通過不同格式的區(qū)別,來突出顯示重要的內(nèi)容。此外,用戶還可以在網(wǎng)頁中設(shè)計各種各樣的文字列表,來清晰地表達一系列項目。

4、圖片和動畫

圖片在網(wǎng)頁中具有提供信息、展示作品、裝飾網(wǎng)頁設(shè)計、表現(xiàn)個人情調(diào)和風(fēng)格的作用。用戶在網(wǎng)頁中使用的圖片格式主要包括GIF.JPEG和PNG等,其中使用最廣泛的是GIF和JPEG兩種格式。在網(wǎng)頁中,為了更有效地吸引瀏覽者的注意,許多網(wǎng)站的廣告都做成了動畫形式,例如,圖3-1中的廣告動畫。

5、聲音和視頻

聲音是多媒體網(wǎng)頁的一個重要組成部分。對于不同格式的聲音文件,設(shè)計公司需要用不同的方法將它們添加到Web頁中。在決定添加聲音之前,需要考慮的因素包括用途、格式、文件大小、聲音品質(zhì)和瀏覽器差別等。不同瀏覽器對于聲音文件的處理方法是不同的,彼此之間很可能不兼容。

用于網(wǎng)絡(luò)的聲音文件的格式非常多,常用的有MIDI, WAV,MP3和Ogg Vorbis等。設(shè)計者在使用這些格式的文件時,需要加以區(qū)別。很多瀏覽器不要插件也可以支持MIDI, WAV和AIF格式的文件,而MP3和RM格式的聲音文件則需要專門的瀏覽器播放。一般來說,盡量不要使用聲音文件作為背景音樂,那樣會影響網(wǎng)頁下載的速度?？梢栽诰W(wǎng)頁中添加一個打開聲音文件的鏈接,讓音樂播放變得可以控制。視頻文件的格式也非常多,常見的有RealPlayer. MPEG.AVI、 Ogg和WebM等。視頻文件的采用會讓網(wǎng)頁變得精彩而有動感。

6、超鏈接

超鏈接技術(shù)是www流行起來的最主要的原因。超鏈接是從一個網(wǎng)頁指向另一個目的端的鏈接。例如,指向另一個網(wǎng)頁或者相同網(wǎng)頁上的不同位置。目的端通常是另一個網(wǎng)頁,也可以是一幅圖片、一個電子郵件地址、一個文件、一個程序或者本網(wǎng)頁中的其他位置。熱點通常是文本、圖片或圖片中的區(qū)域,也可以是一些不可見的程序腳本。當(dāng)瀏覽者單擊超鏈接熱點時,其目的端將顯示在Web瀏覽器中,并根據(jù)目的端的類型以不同方式打開。例如,當(dāng)指向一個AVI文件的超鏈接被單擊后,該文件將在媒體播放軟件中被打開:如果單擊的是指向一個網(wǎng)頁的超鏈接,則該網(wǎng)頁將顯示在Web瀏覽器中。在圖3-1中, “熱門標(biāo)簽”欄目的文字,就是已經(jīng)建立了超鏈接的文本。

7、導(dǎo)航欄

導(dǎo)航欄的作用就是引導(dǎo)瀏覽者游歷站點。事實上,導(dǎo)航欄就是一組超鏈接,這組超鏈接的目標(biāo)就是本站點的主頁及其他重要網(wǎng)頁。在設(shè)計站點中的網(wǎng)頁時,可以在站點的每個網(wǎng)頁主顯示一個導(dǎo)航欄,這樣,瀏覽者就可以既快又容易地轉(zhuǎn)向站點的其他網(wǎng)頁。在一般情況下,導(dǎo)航欄應(yīng)放在網(wǎng)頁中較引人注目的位置,通常是在網(wǎng)頁的頂部或一側(cè)。導(dǎo)航欄既可以是文本鏈接,也可以是一些圖形按鈕。圖3-1中的導(dǎo)航欄就是一組文本鏈接。

8、表格

在網(wǎng)頁中, 表格用來控制網(wǎng)頁中信息的布局方式,包括兩個方面:一是使用行和列的形式來市局文本和圖像及其他列表化數(shù)據(jù); 二是可以使用表格來精確控制各種網(wǎng)頁元素在網(wǎng),中出現(xiàn)的位置。圖3-1中整體貞面的設(shè)計,就運用了表格進行布局定位。

9、表單

網(wǎng)頁中的表單通常用來接收用戶在瀏覽器端的輸入,然后將這些信息發(fā)送到用戶設(shè)置的目標(biāo)端。這個目標(biāo)可以是文本文件、網(wǎng)頁、電子郵件,也可以是服務(wù)器端的應(yīng)用程序。表自般用來收集聯(lián)系信息,接收用戶要求,獲得反饋意見,設(shè)置來賓簽名簿,讓瀏覽者注冊為會員并以會員的身份登錄站點等表單由不同功能的表單域組成,最簡單的表單也要包含一個輸入?yún)^(qū)域和一個提交按鈕。站點瀏覽,填寫表單的方式通常是輸入文本,選中單選按鈕或復(fù)選框,以及從下拉列表框中選擇選項等根據(jù)表單功能與處理方式的不同,通?？梢詫⒈韱畏譃橛脩舴答伇韱巍⒘粞圆颈韱?、搜索表單和用戶注冊表單等類型圖3-1中右邊的“個人管理中心”欄目就是交互表單。

10其他常見元素

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