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

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

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

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

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

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

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

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

3、文本

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

4、圖片和動(dòng)畫

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

5、聲音和視頻

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

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

6、超鏈接

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

7、導(dǎo)航欄

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

8、表格

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

9、表單

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

10其他常見(jiàn)元素

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