網(wǎng)頁設(shè)計基礎(chǔ)word版(已修改)
2025-01-30 12:53 本頁面
【正文】 第一章 網(wǎng)頁設(shè)計基礎(chǔ)在制作網(wǎng)頁之前，不僅要清楚網(wǎng)頁的構(gòu)成元素，了解制作網(wǎng)頁需要采用哪些工具，還要知道網(wǎng)頁的制作步驟。本章主要介紹網(wǎng)頁設(shè)計的一些基礎(chǔ)知識。通過本章的學(xué)習(xí)，讀者應(yīng)該掌握以下內(nèi)容：l 網(wǎng)頁中的常見元素l 常用網(wǎng)頁制作工具l 美化網(wǎng)頁的基本工具l 建立網(wǎng)站的基本流程l 網(wǎng)頁藝術(shù)設(shè)計1．1 網(wǎng)頁中的常見元素要學(xué)習(xí)網(wǎng)頁設(shè)計與制作，首先要認(rèn)識網(wǎng)頁，了解網(wǎng)頁中的常見元素，只有這樣才能更加合理地組織和安排網(wǎng)頁內(nèi)容。圖11所示是搜狐網(wǎng)站的首頁，其中包含了常見的網(wǎng)頁元素：文本、圖形、超鏈接、表格、表單、聲音和視頻等。下面分別介紹各個網(wǎng)頁元素及其在網(wǎng)頁中的作用。1．1．1文本文本是最重要的信息載體與交流工具，是網(wǎng)頁發(fā)布信息所用的主要形式。文本雖然沒有圖像對瀏覽者的吸引力強(qiáng)，但卻能準(zhǔn)確地表達(dá)信息的內(nèi)容和含義，而且用文本制作的網(wǎng)頁占用空間小，瀏覽時，可以很快地展現(xiàn)在用戶面前。另外，文字性網(wǎng)頁還可以利用瀏覽器中“文件”菜單下的“另存為”功能將其下載，便于以后長期閱讀，也可對其進(jìn)行編輯打印。但是沒有編排點綴的純文字網(wǎng)頁，又給人帶來死板的感覺，使得人們不愿意再往下瀏覽。為了克服這一缺點，人們；為網(wǎng)頁文本定義了一些屬性，例如字體、顏色、字號、底紋和邊框等，通過文本不同的格式，突出顯示重要的內(nèi)容。此外，用戶還可以在網(wǎng)頁中設(shè)計各種各樣的樣式，包括標(biāo)題的字型字號、內(nèi)容的層次樣式、文字列表和顏色變換等，這些將給網(wǎng)頁中的文本賦予新的生命力。1．標(biāo)題一個網(wǎng)頁通常都有一個標(biāo)題，表明本網(wǎng)頁的主要內(nèi)容。標(biāo)題是否醒目，是否能吸引瀏覽者的一個關(guān)鍵，因此標(biāo)題的設(shè)計是很重要的。2．字號網(wǎng)頁中的文字不能太大或太小，太大會使得一個網(wǎng)頁信息量變小，太小又使得人們在瀏覽時感到費勁，一個優(yōu)秀網(wǎng)頁中的文字，應(yīng)統(tǒng)籌規(guī)劃，大小搭配適當(dāng)，給人以生動活潑的感覺，實踐證明，采用9磅的宋體文字設(shè)計的文本看起來最美觀。3．字型在網(wǎng)頁適當(dāng)?shù)奈恢貌捎貌煌淖煮w、字型，也能使網(wǎng)頁產(chǎn)生吸引人的效果。應(yīng)該注意，雖然在報刊上變換字體字型非常普遍，但在網(wǎng)頁制作上卻要慎重，因為有些漂亮的字型在制作網(wǎng)頁的計算機(jī)上有，但瀏覽者的計算機(jī)上未必裝有這種字體，這樣瀏覽者就無法看到設(shè)計者預(yù)想的瀏覽效果了。如果只是標(biāo)題或少量的文字，可能將其制作成圖形，這樣就可以避免其他瀏覽者看不到的尷尬局面了。1．1．2圖形這里的圖形概念是廣義的，它可以是普通的繪制圖形，可以是各種圖像，還可以是動畫，一個優(yōu)秀的網(wǎng)頁除了有能吸引瀏覽者的文字形式外，圖形的表現(xiàn)功能是不能低估的。網(wǎng)頁上的圖形一般使用JPEG、GIF和PNG種格式，其中使用最廣泛的是JPEG和GIF格式，這兩種格式具有跨平臺的特性，可以在不同操作系統(tǒng)支持的瀏覽器上顯示。通常圖形在網(wǎng)頁中有如下的應(yīng)用。1．菜單按鈕網(wǎng)頁上的菜單按鈕有一些是用圖形制作的，通常有橫排和豎排兩種形式，由此可以轉(zhuǎn)入不同的頁面。2．背景圖形為了加強(qiáng)視覺效果，有些網(wǎng)頁在整個網(wǎng)頁的底層放置了圖形，稱作背景圖。背景圖可以使網(wǎng)頁更加華麗，使人感到界面友好，但由于這是一個比較大的圖像，需要占據(jù)較大的空間，致使網(wǎng)頁的顯示速度明顯變慢，所以訪問顯示較大的網(wǎng)站一般都不在網(wǎng)頁中設(shè)置背景圖形。3．動畫為了更有效地吸引瀏覽者的注意，許多網(wǎng)頁中的圖像都做成了動畫形式，圖11所示網(wǎng)頁中的各種商業(yè)廣告多以動畫的形式出現(xiàn)。1．1．3超鏈接超鏈接技術(shù)可以說是萬維網(wǎng)流行起來的最主要原因。超鏈接是從一個網(wǎng)頁指向另一個目的端的鏈接，這個目的端通常是另一個網(wǎng)頁，也可以是一幅圖片，一個電子郵件地址、一個文件、一個程序或者相同網(wǎng)頁的不同位置。其鏈接熱點通常是文本、圖片、圖片中的區(qū)域和不可見的程序腳本等。超鏈接是網(wǎng)頁中一處感覺重要的功能，是網(wǎng)頁中最重要、最根本的元素之一。在圖11中，加下劃線的就是已經(jīng)建立了超鏈接的文本。表格用來控制網(wǎng)頁中信息的布局方式。許多大型的網(wǎng)站（如搜狐、網(wǎng)易、新浪、雅虎等）都是使用表格來進(jìn)行頁面布局的。使用表格可以進(jìn)行頁面的設(shè)計和排版，控制文本和圖像在頁面中的位置。另外，使用表格能使頁面看起來更加直觀和有條理。圖1－1所示網(wǎng)頁中的“新聞中心”就運(yùn)用了表格進(jìn)行布局定位。網(wǎng)頁區(qū)別于其他媒體的一個重要標(biāo)志就是它的交互功能。例如在商務(wù)網(wǎng)站的頁面上，人們經(jīng)過瀏覽，選擇了某一個產(chǎn)品，就要可以將自己的決定通過Internet告訴這個網(wǎng)站，網(wǎng)站能夠自動對該產(chǎn)品的數(shù)據(jù)庫進(jìn)行檢索，及時回應(yīng)有還是沒有，以及產(chǎn)品數(shù)量、規(guī)格和價格等信息。如果用戶選擇確定，那么網(wǎng)站返回確認(rèn)信息。網(wǎng)頁的這種交互功能是其他媒體無法比擬的。通常網(wǎng)頁的交互功能都是利用表單來實現(xiàn)的。表單是網(wǎng)頁中站點服務(wù)器處理的一組數(shù)據(jù)輸入域，當(dāng)訪問者單擊按鈕或圖形來提交表單后，數(shù)
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1