K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分寧夏風(fēng)采展示網(wǎng)站說(shuō)明文檔題目： 走進(jìn)寧夏專(zhuān)業(yè)班級(jí)：09級(jí)計(jì)算機(jī)科學(xué)與技術(shù)1班姓名： 姓名學(xué)號(hào)： 學(xué)號(hào)指導(dǎo)教師：指導(dǎo)教師成績(jī)：1頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分目錄第一章網(wǎng)頁(yè)概述1網(wǎng)頁(yè)簡(jiǎn)介1網(wǎng)頁(yè)組成1網(wǎng)頁(yè)設(shè)計(jì)思想2第二章網(wǎng)頁(yè)設(shè)計(jì)思路3網(wǎng)頁(yè)設(shè)計(jì)背景3制作工具選擇3素材收集4網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容構(gòu)想5第三章網(wǎng)頁(yè)內(nèi)容簡(jiǎn)介7網(wǎng)頁(yè)功能簡(jiǎn)介7網(wǎng)頁(yè)主要功能描述7網(wǎng)頁(yè)的瀏覽8第四章網(wǎng)頁(yè)設(shè)計(jì)8網(wǎng)頁(yè)結(jié)構(gòu)總圖8各網(wǎng)頁(yè)模塊的組成9網(wǎng)頁(yè)制作環(huán)境11網(wǎng)頁(yè)設(shè)計(jì)思路12第五章網(wǎng)頁(yè)制作12素材的加工制作12網(wǎng)站的建立13網(wǎng)頁(yè)設(shè)計(jì)14主頁(yè)設(shè)計(jì)14“環(huán)境”16“歷史”17“文化”18“城市”19其它頁(yè)面設(shè)計(jì)19第六章設(shè)計(jì)體會(huì)20致謝21摘要【摘要】本網(wǎng)頁(yè)主要用HTML語(yǔ)言編寫(xiě)，利用MacromediaDreamweaver8.0作為開(kāi)發(fā)工具，介紹了寧夏回族自治區(qū)的歷史、文化、人口、民族、城市、經(jīng)濟(jì)、地理、特產(chǎn)等基本概況，以圖片和文字介紹相結(jié)合的方式，穿插一些視頻媒體，以網(wǎng)站瀏覽的方式綜合展示了寧夏回族自治區(qū)2頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分的整體面貌，著重介紹了寧夏幾大城市和特色文化?！娟P(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì)說(shuō)明書(shū)走進(jìn)寧夏設(shè)計(jì)思路Dreamweaver8.0Javascript語(yǔ)言3頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分第一章網(wǎng)頁(yè)概述1.1網(wǎng)頁(yè)簡(jiǎn)介網(wǎng)頁(yè)，是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺(tái)。通俗的說(shuō)，網(wǎng)站就是由網(wǎng)頁(yè)組成的。網(wǎng)頁(yè)說(shuō)具體了是一個(gè)html文件，瀏覽器是是用來(lái)解讀這份文件的。本次網(wǎng)頁(yè)設(shè)計(jì)，主要用HTML語(yǔ)言編寫(xiě)，利用Dreamweaver8.0作為開(kāi)發(fā)工具，中間插入了一些Javascript語(yǔ)言用以編制一些特效，如左右移動(dòng)圖片廣告、顯示當(dāng)前時(shí)間等，主要介紹了寧夏回族自治區(qū)的歷史、 文化、人口、環(huán)境、民族、城市、經(jīng)濟(jì)、地理、特產(chǎn)等基本概況，以圖片和文字介紹相結(jié)合的方式，穿插一些視頻媒體，以網(wǎng)站瀏覽的方式綜合展示了將寧夏回族自治區(qū)的整體面貌展現(xiàn)給大家，著重介紹了寧夏回族自治區(qū)幾大城市和特色文化。1.2網(wǎng)頁(yè)組成1、主頁(yè)(1)寧夏介紹(2)五大城市(3)寧夏特色2、環(huán)境介紹了寧夏回族自治區(qū)的自然生態(tài)環(huán)境。3、歷史介紹了寧夏的歷史(舊石器時(shí)期一一新中國(guó)成立一一自治區(qū)成立)4、文化(1)九大文化(2)寧夏花兒(3)寧夏文學(xué)(4)寧夏書(shū)畫(huà)1頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分5、城市(1)銀川市(2)石嘴山市(3)吳忠市(4)固原市(5)中衛(wèi)市6、民族(1)民族構(gòu)成概況(2)寧夏回族7、人口介紹了寧夏回族自治區(qū)的人口狀況。8、地理介紹了寧夏回族自治區(qū)的地理概況。9、經(jīng)濟(jì)介紹了寧夏回族自治區(qū)2009年經(jīng)濟(jì)統(tǒng)計(jì)數(shù)據(jù)。10、特產(chǎn)介紹了寧夏回族自治區(qū)“五寶”以及其它特色產(chǎn)品、食品等。1.3網(wǎng)頁(yè)設(shè)計(jì)思想本網(wǎng)頁(yè)使用MacromediaDreamweaver8.0作為設(shè)計(jì)工具，采用多重鏈接的方式展示寧夏回族自治區(qū)的歷史文化等幾個(gè)方面， 力求界面簡(jiǎn)潔明了的同時(shí)，設(shè)計(jì)中插入了一些Javascript語(yǔ)言用以編制一些特效，以提高可觀賞性。在制作過(guò)程中力求綜合運(yùn)用所學(xué)計(jì)算機(jī)技能， 充分發(fā)揮本人的專(zhuān)業(yè)特長(zhǎng)，使能夠通過(guò)網(wǎng)頁(yè)上圖片展示和文字介紹，真實(shí)而且較為全面地反映寧夏回族自治區(qū)的概況，同時(shí)也反映了寧夏人民的風(fēng)土人情、民族風(fēng)情、文化氛圍、精神風(fēng)貌、發(fā)展前景。2頁(yè)腳內(nèi)容

K1+478?K1+5888段左側(cè)片石混凝土擋土墻第K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分第二章網(wǎng)頁(yè)設(shè)計(jì)思路2.1網(wǎng)頁(yè)設(shè)計(jì)背景由于因特網(wǎng)的開(kāi)放結(jié)構(gòu)，對(duì)多數(shù)用戶來(lái)說(shuō)，已不滿足于瀏覽別人制作的網(wǎng)頁(yè)，而要自己制作網(wǎng)頁(yè)發(fā)布到因特網(wǎng)上，所以網(wǎng)頁(yè)制作不僅是專(zhuān)業(yè)人員的工作，已成為普通人的生活和工作需求。值此之際，新中國(guó)61華誕和自治區(qū)52大慶的慶祝宣傳活動(dòng)氣氛熱烈，因此構(gòu)想借畢業(yè)設(shè)計(jì)之機(jī)，通過(guò)計(jì)算機(jī)工具，以“走進(jìn)寧夏”為主題，制作一網(wǎng)站來(lái)展示寧夏回族自治區(qū)的全新面貌，渲染回鄉(xiāng)風(fēng)情，弘揚(yáng)優(yōu)秀文化，促進(jìn)民族團(tuán)結(jié)。制作工具選擇MacromediaDreamweaver是一款集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，是一套視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。概括起來(lái)，Dreamweaver具有以下優(yōu)點(diǎn)：一是最佳的制作效率。Dreamweaver可以用最快速的方式將Fireworks,FreeHand,或Photoshop等檔案移至網(wǎng)頁(yè)上。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。二是方便的網(wǎng)站管理功能。使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱(chēng)，Dreamweaver會(huì)自動(dòng)更新所有鏈接。三是無(wú)可比擬的控制能力。Dreamweaver是提供HTML、視覺(jué)化編輯與原始碼編輯同步的設(shè)計(jì)工具。幀(frames)和表格的制作速度快。Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。當(dāng)使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所見(jiàn)即所得的功能，讓您不需要透過(guò)瀏覽器就能預(yù)覽網(wǎng)頁(yè)。全方位的呈現(xiàn)利用 Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門(mén)瀏覽器上。3頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分因此，選用Dreamweaver8.0作為開(kāi)發(fā)工具。素材收集文字與圖片是構(gòu)成一個(gè)網(wǎng)頁(yè)的兩個(gè)最基本的元素。可以簡(jiǎn)略的理解為：文字，就是網(wǎng)頁(yè)的內(nèi)部實(shí)質(zhì)意義；圖片，就是網(wǎng)頁(yè)的美容護(hù)膚品。除此以外，網(wǎng)頁(yè)的元素還包括動(dòng)畫(huà)、音樂(lè)等等。1、圖形主要通過(guò)網(wǎng)絡(luò)媒體獲得圖片資料。如歷史、地理、文化、環(huán)境方面，主要瀏覽政府網(wǎng)站以及所屬相關(guān)部門(mén)專(zhuān)業(yè)網(wǎng)站并搜集資料；城市、特產(chǎn)、名勝等方面，通過(guò)搜索引擎、一些旅游資源網(wǎng)站（如“寧夏旅游” “天下游”）獲得，還有一部分是同事、朋友出游的時(shí)候拍攝的照片。將這些資料庫(kù)中的照片、書(shū)畫(huà)作品、圖片資料，根據(jù)具體需要，用ACDSee、Photoshop軟件適當(dāng)處理，變成素材添加到網(wǎng)頁(yè)的某個(gè)地方，充分提高網(wǎng)頁(yè)的觀賞性。2、文字由設(shè)計(jì)思路展開(kāi)，搜集所需要的文字資料。歷史、地理、環(huán)境、民族、文化、人口部分參考《寧夏通志》、《回族文化》等書(shū)籍，經(jīng)濟(jì)、城市、特產(chǎn)部分資料來(lái)自政府網(wǎng)站以及所屬相關(guān)部門(mén)專(zhuān)業(yè)網(wǎng)站、旅游資源網(wǎng)站。對(duì)素材分析選取，進(jìn)行相應(yīng)的文字編輯和加工。.圖表“經(jīng)濟(jì)”子頁(yè)引用了政府網(wǎng)站、統(tǒng)計(jì)局的數(shù)據(jù)圖表。.視頻網(wǎng)絡(luò)為我們提供了豐富的視頻資源。為展示回族文化精粹，特選取下載了兩個(gè)“花兒”視頻。.動(dòng)畫(huà)在指導(dǎo)教師的指導(dǎo)下，利用Flash8.0動(dòng)畫(huà)制作軟件創(chuàng)作了網(wǎng)頁(yè)中的主要?jiǎng)赢?huà)，同時(shí)利用網(wǎng)上的動(dòng)畫(huà)資源，收集了一些小的動(dòng)畫(huà)素材，大部分作為網(wǎng)頁(yè)頂部標(biāo)題圖片的點(diǎn)綴。4頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分2.4網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容構(gòu)想就具體設(shè)計(jì)環(huán)節(jié)而言，概括為兩個(gè)方面：一方面是純網(wǎng)站本身的設(shè)計(jì)比如文字排版，圖片制作，平面設(shè)計(jì)，三維立體設(shè)計(jì)，靜態(tài)無(wú)聲圖文，動(dòng)態(tài)有聲影像等；另一方面是網(wǎng)站的延伸設(shè)計(jì)，包括網(wǎng)站的主題定位和瀏覽群的定位，制作策劃，形象，宣傳等等。網(wǎng)站設(shè)計(jì)優(yōu)化的具體表現(xiàn)是：以用戶需求為導(dǎo)向，設(shè)計(jì)方便的網(wǎng)站導(dǎo)航，網(wǎng)頁(yè)下載速度盡可能快，網(wǎng)頁(yè)布局合理并且適合保存、打印、轉(zhuǎn)發(fā)，網(wǎng)站信息豐富、有效，有助于用戶產(chǎn)生親切感、信任感。通過(guò)對(duì)網(wǎng)站功能、結(jié)構(gòu)、布局、內(nèi)容等關(guān)鍵要素的合理設(shè)計(jì)，使得網(wǎng)站的功能和表現(xiàn)形式達(dá)到最優(yōu)效果。構(gòu)思階段需要考慮以下內(nèi)容：.頁(yè)面主題此網(wǎng)頁(yè)的中心思想是通過(guò)網(wǎng)頁(yè)瀏覽欣賞，利用文字介紹、圖片展示，其中輔以動(dòng)畫(huà)、音樂(lè)、視頻，以圖文并茂、視聽(tīng)兼有的形式來(lái)全面反映寧夏整體面貌，渲染“濃郁的回鄉(xiāng)風(fēng)情”。有主題就要進(jìn)行宣傳，設(shè)計(jì)網(wǎng)站的宣傳標(biāo)語(yǔ)。也可以說(shuō)是網(wǎng)站的精神，網(wǎng)站的目標(biāo)。用一句話甚至一個(gè)詞來(lái)高度概括，類(lèi)似實(shí)際生活中的廣告金句。本網(wǎng)站的主題宣傳是：“走進(jìn)寧夏一一濃郁的回鄉(xiāng)風(fēng)情”。.頁(yè)面內(nèi)容內(nèi)容要為網(wǎng)頁(yè)主題服務(wù)。用文字介紹寧夏回族自治區(qū)的悠久歷史、地區(qū)民族文化和民族文化精粹、文學(xué)藝術(shù)、書(shū)畫(huà)藝術(shù)、書(shū)畫(huà)名人及其優(yōu)秀作品，寧夏地理、環(huán)境概貌描述、圖片說(shuō)明，寧夏風(fēng)景名勝描繪，寧夏經(jīng)濟(jì)狀況和數(shù)據(jù)說(shuō)明，寧夏所轄城市面貌，寧夏特產(chǎn)；用圖片回顧寧夏悠久的歷史，再現(xiàn)解放寧夏歷史，展示寧夏回族自治區(qū)書(shū)畫(huà)名人及其優(yōu)秀作品， 展現(xiàn)現(xiàn)代經(jīng)濟(jì)發(fā)展背景下的城市景觀；用Flash特效相冊(cè)播放寧夏著名風(fēng)景名勝區(qū)的自然人文景觀；用Javascript語(yǔ)言編制多圖片左移特效及多圖片自動(dòng)翻頁(yè)特效，展示寧夏所轄城市面貌和繁華的景象；用視頻及 Javascript語(yǔ)言編制多圖片自動(dòng)翻頁(yè)特效，展現(xiàn)民族文化、風(fēng)情。5頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分.結(jié)構(gòu)布局版面指的是瀏覽器看到的完整的一個(gè)頁(yè)面，就象傳統(tǒng)的報(bào)刊雜志編輯一樣，我們將網(wǎng)頁(yè)看作一張報(bào)紙，一本雜志來(lái)進(jìn)行排版布局。雖然動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的發(fā)展使得我們開(kāi)始趨向于學(xué)習(xí)場(chǎng)景編劇， 但是固定的網(wǎng)頁(yè)版面設(shè)計(jì)基礎(chǔ)依然是必須的。它們的基本原理是共通的。本網(wǎng)站的主頁(yè)和絕大部分頁(yè)面采用“三”字型結(jié)構(gòu)布局，其中頂部、底部鏈接樣式，以便統(tǒng)一協(xié)調(diào)。部分子頁(yè)面采用“T”字型、“II”型、標(biāo)題正文型、封面型布局，以配合特效頁(yè)面設(shè)計(jì)。布局，就是以最適合瀏覽的方式將圖片和文字排放在頁(yè)面的不同位置。本次設(shè)計(jì)，利用表格布局頁(yè)面。由于表格定位方便，在頁(yè)面的布局中有很大的用處，瀏覽器在下載表格時(shí)，將表格中的所有內(nèi)容（包括圖像）都下載完畢后才顯示。如果一個(gè)頁(yè)面有很好的上下結(jié)構(gòu)，就分成幾個(gè)上下并列的表格，而不把整個(gè)頁(yè)面中的所有內(nèi)容都放在一個(gè)表格中，這樣可以加快瀏覽速度，減少等待時(shí)間，如寧夏特產(chǎn)介紹，；如果版面是大塊內(nèi)容，就使用較粗的表格，即行列數(shù)不用太多，如寧夏人口狀況簡(jiǎn)介；如果頁(yè)面內(nèi)容比較細(xì)碎，就使用較細(xì)的表格，也可使用嵌套表格，即表格單元的內(nèi)容是另一個(gè)表格，如主頁(yè)，其中的“寧夏簡(jiǎn)介”、地圖“寧夏特色”等都是不同的內(nèi)容，且內(nèi)容較多，因此，使用嵌套表格。.色彩搭配網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊， 確定網(wǎng)站的標(biāo)準(zhǔn)色彩是相當(dāng)重要的一步。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問(wèn)者的情緒。 “標(biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩。彩色頁(yè)面如同五彩繽紛的大自然，能給人美的享受，因此上色彩搭配必須得當(dāng)。綠色是具有黃色和藍(lán)色兩種成份的色。在綠色中，將黃色的擴(kuò)張感和藍(lán)色的收縮感相中庸，將黃色的溫暖感與藍(lán)色的寒冷感相抵消。這樣使得綠色的性格最為平和、安穩(wěn)。是一種柔順、恬靜、潢足、優(yōu)美的色。同時(shí)，寧夏回族自治區(qū)是具有民族特色的地區(qū)，綠色是重要的色彩基調(diào)，讓人欣賞后油然而生一種親切之感，因此，以一幅綠色為基調(diào)的大型民族特色風(fēng)情的圖片，輔以Flash動(dòng)畫(huà)點(diǎn)綴，作為頁(yè)面頂部主題。在二級(jí)、三級(jí)引用。6頁(yè)腳內(nèi)容

K1+478?K1+5888段左側(cè)片石混凝土擋土墻第K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分第三章網(wǎng)頁(yè)內(nèi)容簡(jiǎn)介3.1網(wǎng)頁(yè)功能簡(jiǎn)介本網(wǎng)頁(yè)使用超鏈接，即把一個(gè)網(wǎng)頁(yè)與一個(gè)網(wǎng)頁(yè)連接起來(lái)，能夠?qū)崿F(xiàn)在“IE”瀏覽器中快速、全面地展示寧夏回族自治區(qū)的悠久歷史、地區(qū)民族文化和民族文化精粹、文學(xué)藝術(shù)、書(shū)畫(huà)藝術(shù)、書(shū)畫(huà)名人及其優(yōu)秀作品，寧夏地理、環(huán)境概貌、風(fēng)景名勝、人文景觀，寧夏經(jīng)濟(jì)狀況、城市面貌、寧夏 特產(chǎn)等等現(xiàn)代發(fā)展成就。3.2網(wǎng)頁(yè)主要功能描述本網(wǎng)站分成多層鏈接關(guān)系，主要實(shí)現(xiàn)如下功能：1、簡(jiǎn)介寧夏回族自治區(qū)的基本情況，寧夏回族自治區(qū)的政區(qū)地圖，寧夏特色總覽。2、展示寧夏回族自治區(qū)的悠久歷史，歷史來(lái)源和足跡，再現(xiàn)解放寧夏歷史。3、介紹寧夏回族自治區(qū)的自然生態(tài)環(huán)境，著名風(fēng)景名勝區(qū)“兩沙一景”——沙湖、沙坡頭的自然景觀。4、介紹寧夏回族自治區(qū)九大文化、寧夏文化、寧夏文學(xué)及作品欣賞、寧夏書(shū)畫(huà)藝術(shù)及優(yōu)秀作品。5、展示寧夏回族自治區(qū)現(xiàn)轄五大城市的繁榮景象，著重展示首府銀川市的魅力。6、介紹寧夏回族自治區(qū)民族構(gòu)成，展示回族特色文化、民族風(fēng)情。7、介紹寧夏回族自治區(qū)人口狀況。8、介紹了寧夏回族自治區(qū)的地理概況，展示“兩山一河”、“塞上湖城”。9、介紹了寧夏回族自治區(qū)的2009年經(jīng)濟(jì)統(tǒng)計(jì)數(shù)據(jù)，展現(xiàn)經(jīng)濟(jì)蓬勃發(fā)展勢(shì)頭。10、介紹了寧夏回族自治區(qū)特產(chǎn)“五寶”和其它產(chǎn)品、食品。7頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分3.3網(wǎng)頁(yè)的瀏覽本網(wǎng)頁(yè)在任何Windows環(huán)境下均可以打開(kāi)瀏覽，只要雙擊“zoujinningxia”文件夾下的主頁(yè)index.html,便可打開(kāi)主頁(yè)"走進(jìn)寧夏”，點(diǎn)擊其中的任意一個(gè)超級(jí)鏈接，便可隨心所欲地去觀賞寧夏回族自治區(qū)文化特色、文化作品、民族文化風(fēng)采、風(fēng)俗民情，觀賞幾大城市美麗的自然景觀和人文景觀，欣賞名勝風(fēng)景等，特別是“兩沙一景”一一沙湖、沙坡頭的自然景觀，由于采用了特效flash相冊(cè)，瀏覽時(shí)可以全屏欣賞美景。第四章網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)結(jié)構(gòu)總圖網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。 它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。形象的說(shuō)：每個(gè)頁(yè)面都是一個(gè)固定點(diǎn)，鏈接則是在兩個(gè)固定點(diǎn)之間的連線。一個(gè)點(diǎn)可以和一個(gè)點(diǎn)連接，也可以和多個(gè)點(diǎn)連接。更重要的是，這些點(diǎn)并不是分布在一個(gè)平面上，而是存在于一個(gè)立體的空間中。網(wǎng)站的鏈接結(jié)構(gòu)的目的在于：用最少的鏈接，使得瀏覽最有效率。通過(guò)對(duì)網(wǎng)站功能、結(jié)構(gòu)、布局、內(nèi)容等關(guān)鍵要素的合理設(shè)計(jì)，使得網(wǎng)站的功能和表現(xiàn)形式達(dá)到最優(yōu)效果。根據(jù)網(wǎng)頁(yè)功能的要求，本網(wǎng)站分為十個(gè)主頁(yè)面，其中，“歷史”、“文化”、“城市”等主頁(yè)面下又有二級(jí)、三級(jí)子頁(yè)面。結(jié)構(gòu)如下圖所示。8頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分走進(jìn)寧夏-文化固原市中衛(wèi)市吳忠市石嘴山市廣銀川市丁寧夏書(shū)畫(huà)寧夏文學(xué)寧夏花兒走進(jìn)寧夏-文化固原市中衛(wèi)市吳忠市石嘴山市廣銀川市丁寧夏書(shū)畫(huà)寧夏文學(xué)寧夏花兒九大文化、解放寧夏名勝自然環(huán)境各網(wǎng)頁(yè)模塊的組成一般的，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：.樹(shù)狀鏈接結(jié)構(gòu)（一對(duì)一）。類(lèi)似DOS的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。立體結(jié)構(gòu)看起來(lái)就象蒲公英。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出。優(yōu)點(diǎn)是條理清晰，訪問(wèn)者明確知道自己在什么位置，不會(huì)〃迷〃路。缺點(diǎn)是瀏覽效率低，一個(gè)欄目下的子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須繞經(jīng)首頁(yè)。.星狀鏈接結(jié)構(gòu)（一對(duì)多）。類(lèi)似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接。立體結(jié)構(gòu)象東方明珠電視塔上的鋼球。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。缺點(diǎn)是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。這兩種基本結(jié)構(gòu)都只是理想方式，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來(lái)使用。我希望瀏覽者既可以方便快速的達(dá)到自己需要的頁(yè)面，又可以清晰的知道自己的位置。所以，本網(wǎng)站采用的辦法是：首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁(yè)面之間用樹(shù)狀鏈接結(jié)構(gòu)。9頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分.主頁(yè)(1)寧夏介紹：歷史、文化、人口、環(huán)境、民族、城市、經(jīng)濟(jì)、地理、特產(chǎn)；政區(qū)地圖。(2)寧夏特色：“五寶”、特色食品、產(chǎn)品、民族特色建筑、民族風(fēng)情。.歷史悠久的歷史和歷史發(fā)展軌跡；老照片再現(xiàn)寧夏解放。.環(huán)境自然生態(tài)環(huán)境；風(fēng)景名勝圖片。.文化九大文化特征的形成；寧夏民族特色文化精粹一一花兒；寧夏文學(xué)狀況介紹、作品欣賞；寧夏書(shū)畫(huà)人物、作品。.城市寧夏區(qū)轄城市概況；銀川市、美麗的銀川圖片展；石嘴山市；吳忠市；中衛(wèi)市；固原市。10頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分.民族文字介紹、圖片展示寧夏回族風(fēng)情。.人口介紹寧夏回族自治區(qū)人口狀況。.地理政區(qū)簡(jiǎn)圖、文字介紹寧夏回族自治區(qū)地理概況。.經(jīng)濟(jì)引用統(tǒng)計(jì)局?jǐn)?shù)據(jù)，展現(xiàn)寧夏經(jīng)濟(jì)發(fā)展勢(shì)頭。.特產(chǎn)圖片結(jié)合文字介紹，推出寧夏特色產(chǎn)品等。網(wǎng)頁(yè)制作環(huán)境1、此網(wǎng)頁(yè)運(yùn)行環(huán)境為Windows98/2000/XP2、此網(wǎng)頁(yè)主要利用Dreamweaver8.0作為開(kāi)發(fā)工具，Dreamweaver是一款集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。它的主要優(yōu)點(diǎn)是制作效率高,網(wǎng)站管理非常靈活方便，視覺(jué)化編輯與原始碼編輯同步的設(shè)計(jì)。使用HTML語(yǔ)言和JAVASCRIPT語(yǔ)言編寫(xiě)，系統(tǒng)采用了 HTML語(yǔ)言編寫(xiě)程序，HTML語(yǔ)言是超文本標(biāo)記語(yǔ)言(HyperTextMarkupLanguage),HTML語(yǔ)言使用一些約定的符號(hào)對(duì)各種文件進(jìn)行標(biāo)記，利用特定的標(biāo)記產(chǎn)生各種特定的效果，比如控制超文本顯示的字體、字號(hào)、顏色、位置，加入表格，插入圖像、聲音、超鏈接等。這些標(biāo)記的文件存放在WEB服務(wù)器上，通過(guò)國(guó)際互聯(lián)網(wǎng)供讀者閱讀。11頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分 網(wǎng)頁(yè)設(shè)計(jì)思路網(wǎng)站設(shè)計(jì)優(yōu)化的具體表現(xiàn)是：既要網(wǎng)頁(yè)本身具有豐富的內(nèi)容，且符合美學(xué)原理，還要以用戶需求為導(dǎo)向，設(shè)計(jì)方便的網(wǎng)站導(dǎo)航，網(wǎng)頁(yè)下載速度盡可能快，網(wǎng)頁(yè)布局合理并且適合保存、打印、轉(zhuǎn)發(fā)，網(wǎng)站信息豐富、有效，有助于用戶產(chǎn)生親切感、信任感。同時(shí)，網(wǎng)站還要有自己的“風(fēng)格”。風(fēng)格是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的ci（標(biāo)志，色彩，字體，標(biāo)語(yǔ)）版面布局，瀏覽方式，交互性，文字，語(yǔ)氣，內(nèi)容價(jià)值觀，意義內(nèi)涵，站點(diǎn)榮譽(yù)等等諸多因素。風(fēng)格是獨(dú)特的，是站點(diǎn)不同與其他網(wǎng)站的地方。或者色彩，或者技術(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。本次設(shè)計(jì)，絕大多數(shù)網(wǎng)頁(yè)采用鏈接樣式，達(dá)到和主頁(yè)頁(yè)面統(tǒng)一的風(fēng)格來(lái)制作樣式統(tǒng)一的網(wǎng)站，部分子頁(yè)面采用其它如"T”字型、“II”型、標(biāo)題正文型、封面型布局，以配合特效頁(yè)面設(shè)計(jì)，即追求“創(chuàng)意”。創(chuàng)意是將現(xiàn)有的要素重新組合。創(chuàng)意是傳達(dá)信息的一種特別方式。設(shè)計(jì)主要依靠Dreamweaver8.0進(jìn)行可視化編程，達(dá)到快速高效完成設(shè)計(jì)的目的。Dreamweaver8.0提供了兩種搭建站點(diǎn)的方法，一是使用向?qū)瓿桑鞘褂酶呒?jí)設(shè)定完成。本站點(diǎn)網(wǎng)頁(yè)采用第一種方法創(chuàng)建站點(diǎn)，然后創(chuàng)建網(wǎng)站首頁(yè)，再根據(jù)設(shè)計(jì)的結(jié)構(gòu)，創(chuàng)建子頁(yè)面，編制二至三層鏈接，實(shí)現(xiàn)網(wǎng)站的設(shè)計(jì)功能。根據(jù)本次設(shè)計(jì)選題的背景、主題思想，將本次設(shè)計(jì)的重點(diǎn)內(nèi)容確定為：主頁(yè)設(shè)計(jì)、寧夏歷史、寧夏文化、自然生態(tài)環(huán)境、城市等幾個(gè)部分的設(shè)計(jì)。第五章網(wǎng)頁(yè)制作素材的加工制作網(wǎng)頁(yè)制作之前要收集好相關(guān)的素材，對(duì)收集的素材進(jìn)行分類(lèi)管理，如可分為：文字素材、圖像素材、視頻素材、動(dòng)畫(huà)素材等。并且對(duì)素材進(jìn)行加工處理，以適合網(wǎng)站主題。如果沒(méi)有合適的素材，還要自己用相關(guān)軟件進(jìn)行網(wǎng)頁(yè)素材制作。一12頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分個(gè)好的網(wǎng)頁(yè)除了需要有好的內(nèi)容外還要有好的美工，網(wǎng)頁(yè)元素的制作是美工工作的重點(diǎn)。在設(shè)計(jì)初期，從一些相關(guān)書(shū)籍、網(wǎng)絡(luò)媒體、同事朋友處獲得了足夠多的素材，有文字、圖片、flash動(dòng)畫(huà)、視頻、音頻等，并對(duì)這些素材進(jìn)行精心的挑選，使用相應(yīng)的軟件進(jìn)行加工制作，以適應(yīng)具體網(wǎng)頁(yè)制作的要求。.文字利用最常用的文字編輯處理軟件Word2003,對(duì)文字資料進(jìn)行重整、修改或添加，清除格式以便在Dreamweaver的設(shè)計(jì)視圖中輸入。.圖片根據(jù)設(shè)計(jì)構(gòu)思，圖片分類(lèi)，用ACDSee分別進(jìn)行調(diào)整大小，使同一使用區(qū)域的圖片盡量大小一致；再用Potoshop圖像處理軟件分別調(diào)整其色相、飽和度等參數(shù)以滿足色彩需要。用Potoshop圖像處理軟件對(duì)一些圖片進(jìn)行“減淡”，作為部分頁(yè)面的背景圖像。.制作網(wǎng)頁(yè)頂部圖形根據(jù)網(wǎng)站的主題和精神，精心挑選了六張圖片：“花兒”、“清真寺”、“大漠風(fēng)光”、“西夏王陵”、“煙花”、“民族少女”，在PotoshopCS3中用圖層合并、遮罩、羽化邊緣、填充、濾鏡等方法或工具，制作出以綠、藍(lán)為主色調(diào)的網(wǎng)頁(yè)頂部圖片，彰顯民族特色，表明網(wǎng)頁(yè)主題思想。再嵌入標(biāo)題文字“走進(jìn)寧夏一一濃郁的回鄉(xiāng)風(fēng)情”、“Welcometoningxia”歡迎問(wèn)候詞語(yǔ)，增進(jìn)主題，建立友好界面。根據(jù)網(wǎng)頁(yè)設(shè)計(jì)的結(jié)構(gòu)，在圖片中橫排植入“主頁(yè)”、“環(huán)境”、“歷史”等十大模塊描述文字作為網(wǎng)站的簡(jiǎn)約導(dǎo)航條，備用。網(wǎng)站的建立.搭建站點(diǎn)利用Dreamweaver8.0的站點(diǎn)建立向?qū)Ы⒚麨椤皕oujinningxia”的站點(diǎn)，并對(duì)站點(diǎn)進(jìn)行初步設(shè)置。.站點(diǎn)目錄網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如：建立了根目錄和images子目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感受，但是對(duì)于站點(diǎn)本身13頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分的管理維護(hù)，內(nèi)容未來(lái)的擴(kuò)充和移植有著重要的影響。(1)根目錄下建立images文件夾，以存放所有圖片素材。(2)根目錄下建立media文件夾，以存放所有視頻素材。(3)根目錄下建立Flash文件夾，以存放特效動(dòng)畫(huà)素材。(4)根目錄下建立sound文件夾，以存放所有音頻文件。(5)根目錄下建立js文件夾，以存放腳本語(yǔ)言Javascript文件。(6)根目錄下建立index.html,作為主頁(yè)。(7)根據(jù)設(shè)計(jì)思路、網(wǎng)站結(jié)構(gòu)，依次建立二級(jí)、三級(jí)子頁(yè)面。網(wǎng)頁(yè)設(shè)計(jì)當(dāng)確定了欄目和版塊、確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)、確定網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)、獲得并制作了足夠豐富的素材，就可以著手進(jìn)行頁(yè)面設(shè)計(jì)了。根據(jù)本次設(shè)計(jì)選題的背景、主題思想，將本次設(shè)計(jì)的重點(diǎn)內(nèi)容確定為：主頁(yè)設(shè)計(jì)、寧夏歷史、寧夏文化、自然生態(tài)環(huán)境、城市等幾個(gè)部分。主頁(yè)設(shè)計(jì)網(wǎng)站的首頁(yè)是一個(gè)網(wǎng)站的門(mén)面。一個(gè)優(yōu)秀的網(wǎng)站必須要有一個(gè)漂亮的首頁(yè)，首頁(yè)必須要有吸引力。首頁(yè)的設(shè)計(jì)是一個(gè)網(wǎng)站成功與否的關(guān)鍵。人們往往看到第一頁(yè)就已經(jīng)對(duì)站點(diǎn)有一個(gè)整體的感覺(jué)，是不是能夠促使瀏覽者繼續(xù)點(diǎn)擊進(jìn)入，是否能夠吸引瀏覽者留在站點(diǎn)上，成為首頁(yè)設(shè)計(jì)必須考慮的核心問(wèn)題之一。主頁(yè)為index.html。按照設(shè)計(jì)構(gòu)思，以“三”字型布局，創(chuàng)建表格。.頂部圖形背景加透明flash特效的實(shí)現(xiàn)人們通常把網(wǎng)頁(yè)LOGO叫做“網(wǎng)眼”，顧名思義，就是網(wǎng)站的眼睛，是網(wǎng)站首頁(yè)設(shè)計(jì)的第一步。畫(huà)龍尚需點(diǎn)睛，網(wǎng)站更是如此，不管是新聞網(wǎng)站還是商業(yè)網(wǎng)站，LOGO都是眼睛，也是靈魂，通過(guò)LOGO的展示，可以把網(wǎng)站的宗旨和理念有力地予以詮釋。同樣，網(wǎng)頁(yè)頂部圖形能夠帶給瀏覽者第一視覺(jué)沖擊，一個(gè)設(shè)計(jì)精巧的網(wǎng)頁(yè)頂部，能給瀏覽者帶來(lái)驚喜，能夠迅速地吸引瀏覽者的眼球，能在瀏覽者的心里留下深深的印記。14頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分在之前的素材加工階段，已經(jīng)設(shè)計(jì)制作好了頂部圖形，接下來(lái)再精心挑選了一款網(wǎng)絡(luò)下載而來(lái)的flash透明動(dòng)畫(huà)小素材“放射的星光”，利用特效代碼置于圖形之上，預(yù)覽，調(diào)整，保存，一款比較新穎和切合網(wǎng)站主題的頂部圖形便完成了。.導(dǎo)航每一個(gè)訪問(wèn)者第一次進(jìn)入一個(gè)網(wǎng)站的時(shí)候，最先關(guān)注的是這個(gè)網(wǎng)站是做什么的。網(wǎng)站要給出它所提供的服務(wù)的概貌，既要明確內(nèi)容：我能在這里找到什么，也要包括功能：我能做什么，還有這些服務(wù)是如何組織的。這項(xiàng)工作通常由導(dǎo)航來(lái)處理。導(dǎo)航是網(wǎng)站的通道，因此制作導(dǎo)航是必要的，便于瀏覽者隨心所欲地瀏覽。頂部圖片中的導(dǎo)航文字是植入其中的，也就是說(shuō)，它們是圖片的一部分，不能直接設(shè)置鏈接。因此，沿文字依次創(chuàng)建十個(gè)“熱點(diǎn)”，設(shè)置相應(yīng)的鏈接頁(yè)面，一個(gè)簡(jiǎn)單的導(dǎo)航就完成了。.顯示日期應(yīng)用Javascript語(yǔ)言編寫(xiě)的程序，具有時(shí)間顯示功能。但頂部圖片中是不能直接插入Javascript語(yǔ)言程序的。因此，使用了“層。層是一種定位技術(shù)，Dreamweaver中可將其進(jìn)行可視化操作。文本、圖形圖像、表格等元素只能固定其位置而不能互相疊加在一起。使用層功能，可以將其放置在網(wǎng)頁(yè)文檔的任意位置。創(chuàng)建一個(gè)層，拖動(dòng)到頂部圖片合適位置，在“代碼視圖”中插入一段顯示當(dāng)前日期的Javascript程序，預(yù)覽，調(diào)整，直至滿意。頂部另存為zjnx_top.html。.網(wǎng)頁(yè)底部基本上互聯(lián)網(wǎng)上的所有網(wǎng)站首頁(yè)的底部都有各種形式的版權(quán)聲明，構(gòu)成了最為常見(jiàn)的網(wǎng)頁(yè)底部。鑒于本次設(shè)計(jì)不牽扯發(fā)布網(wǎng)站等內(nèi)容，我的網(wǎng)頁(yè)底部設(shè)計(jì)極為簡(jiǎn)單：水平線下插入一幅綠色的手拉手象征團(tuán)結(jié)互助的小圖標(biāo)，右邊鍵入個(gè)人郵箱地址即成。底部另存為bottom.htm。.創(chuàng)建層疊樣式CSS(CascadingStyleSheet,可譯為“層疊樣式表”或“級(jí)聯(lián)樣式表”)是一組格式設(shè)置規(guī)則，用于控制Web頁(yè)面的外觀。通過(guò)使用CSS樣式設(shè)置頁(yè)面的15頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分格式，可將頁(yè)面的內(nèi)容與表現(xiàn)形式分離。頁(yè)面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則則存放在另一個(gè)文件中或HTML文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護(hù)站點(diǎn)的外觀更加容易，而且還可以使HTML文檔代碼更加簡(jiǎn)練，縮短瀏覽器的加載時(shí)間。為了簡(jiǎn)便和網(wǎng)頁(yè)風(fēng)格的統(tǒng)一，在完成上述設(shè)計(jì)制作后，定義了鏈接樣式：css.css,存放于根目錄下，主要內(nèi)容是網(wǎng)頁(yè)頂部 zjnx_top.html和網(wǎng)頁(yè)底部bottom.htm,便于子網(wǎng)頁(yè)的引用。(6)寧夏介紹將加工好的正文圖片根據(jù)需要?jiǎng)?chuàng)建九個(gè)“熱點(diǎn)”，設(shè)置鏈接至相應(yīng)的子頁(yè)面。文字“寧夏介紹”創(chuàng)建熱點(diǎn)，鏈接至“塞上江南 神奇寧夏”子頁(yè)面(nxjieshao.html),該頁(yè)將播放一段由寧夏旅游局錄制的視頻：“寧夏國(guó)際旅游節(jié)介紹片”，以詩(shī)詞歌詠隆重介紹神奇的寧夏。正文右上，插入寧夏回族自治區(qū)政區(qū)簡(jiǎn)圖(五大城市)和文字簡(jiǎn)介，其中，在政區(qū)簡(jiǎn)圖上，依據(jù)圖形，繪制多邊形熱點(diǎn)，分別鏈接五大城市的頁(yè)面(yinchuan.html、shizuishan.html、wuzhong.html、guyuan.html、zhongwei.html)。文字說(shuō)明部分，鏈接至"地理"(dili.html)子頁(yè)面，以方便了解寧夏回族自治區(qū)的地理概況。(7)寧夏特色采用表格布局。十二幅圖片，分別對(duì)應(yīng)“‘紅寶'枸杞"、“‘白寶'二毛皮”、“'藍(lán)寶’賀蘭石"、"‘黑寶'太西煤"、“‘黃寶'甘草"、“回族花兒”、“蓋碗茶”、“油香”、“回鄉(xiāng)馓子”、“手抓羊肉”、“黃河鯰魚(yú)”、“寧夏清真寺”，配置簡(jiǎn)潔的文字說(shuō)明，為圖片和文字設(shè)置超鏈接。完成主頁(yè)的設(shè)計(jì)?！碍h(huán)境”寧夏有著獨(dú)特的自然生態(tài)環(huán)境。選取“六盤(pán)山秋韻”、“賀蘭晴雪”、“黃河寧夏段”、“塞上湖城”四張圖片，精煉地概括了寧夏“兩山一河”、“一湖”的自然生態(tài)環(huán)境。頁(yè)面文件名為huanjing.html。獨(dú)特的自然生態(tài)環(huán)境造就了獨(dú)特的自然景觀：沙湖、沙坡頭，特為她們16頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分設(shè)置一級(jí)鏈接“風(fēng)景名勝”(mingsheng.html)，便于讀者領(lǐng)略美麗的寧夏風(fēng)光。這個(gè)頁(yè)面主要特點(diǎn)是選擇以個(gè)性化flash相冊(cè)的方式展示沙湖、沙坡頭美輪美奐的景觀。特效用XML(ExtensibleMarkupLanguage)語(yǔ)言結(jié)合Javascript語(yǔ)言程序?qū)崿F(xiàn)。XML(ExtensibleMarkupLanguage)即可擴(kuò)展標(biāo)記語(yǔ)言，XML與HTML的設(shè)計(jì)區(qū)別是：XML是用來(lái)存儲(chǔ)數(shù)據(jù)的，重在數(shù)據(jù)本身。而HTML是用來(lái)定義數(shù)據(jù)的，重在數(shù)據(jù)的顯示模式。Javascript加入網(wǎng)頁(yè)有兩種方法：I.直接加入HTML文檔這是最常用的方法，大部分含有 Javascript的網(wǎng)頁(yè)都采用這種方法，如：〈scripttype="application/javascript"><!--document.write("這是Javascript!采用直接插入的方法！");//-Javascript結(jié)束--></script>II.引用的方式如果已經(jīng)存在一個(gè)Javascript源文件(通常以js為擴(kuò)展名)，則可以采用這種引用的方式，以提高程序代碼的利用率。其基本格式如下：<scriptsrc="url"type="text/javascript"></script>其中的Url就是程序文件的地址。同樣的，這樣的語(yǔ)句可以放在HTML文檔頭部或主體的任何部分。設(shè)計(jì)之前的素材收集階段，通過(guò)網(wǎng)絡(luò)獲得了個(gè)性化 flash相冊(cè)的源文件，即：AC_RunActiveContent.js。因此，設(shè)計(jì)時(shí)采用引用的方法實(shí)現(xiàn)特效?！皻v史”“悠久的鑒于內(nèi)容較少，采用表格布局，顯得整齊美觀。五部分內(nèi)容:“悠久的17頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分歷史”、“西夏王國(guó)的奠基人”、“西夏開(kāi)國(guó)皇帝”、“西夏文創(chuàng)制人”、“寧夏解放”，從古到今，從歷史人物到歷史文明，圖片配文字說(shuō)明，基本上描繪出了寧夏的歷史發(fā)展軌跡。保存名為 nxlishi.html。新中國(guó)的成立，使中國(guó)的每一個(gè)角落都發(fā)生了翻天覆地地變化，寧夏也不例外。為此，建立下一級(jí)鏈接“延伸閱讀”，將寧夏解放這一天以老照片的形式再現(xiàn)?！拔幕睂幭膹?萬(wàn)年前的水洞溝文化起步，源遠(yuǎn)流長(zhǎng)。歷經(jīng)北方草原文化、中原農(nóng)耕文化，交相輝映，燦爛無(wú)比?，F(xiàn)代文明發(fā)展過(guò)程中，以回鄉(xiāng)文化為主體的寧夏文化更是蓬勃發(fā)展。為此，這部分內(nèi)容分為四個(gè)版塊：“九大文化”、“寧夏花兒”、“寧夏文學(xué)”、“寧夏書(shū)畫(huà)”，較為系統(tǒng)地展現(xiàn)了寧夏人民創(chuàng)造的和正在創(chuàng)造著的優(yōu)秀文化。.九大文化仍然沿用圖片配說(shuō)明文字的形式進(jìn)行設(shè)計(jì)。依次介紹“以回族文化為主體的多元文化”等九方面的概括。在介紹民俗民族文化時(shí)，插入名為“哭嘛個(gè)眼睛淚汪汪”的寧夏花兒。.寧夏文學(xué)該頁(yè)沒(méi)有引用css.css樣式，而是改用“n”型結(jié)構(gòu)設(shè)計(jì)。頁(yè)面頂部仍然采用具有民族風(fēng)情和特色的圖片，表露寧夏回族文學(xué)的蓬勃發(fā)展。頁(yè)面左邊是寧夏文學(xué)的總體狀況，右邊是摘自《同心文化網(wǎng)》的回族文學(xué)青年的散文詩(shī)《閑話初冬》。頁(yè)面背景采用兩張經(jīng)減淡處理而成的“回族文學(xué)”主題圖片。.寧夏書(shū)畫(huà)該頁(yè)也沒(méi)有引用css.css樣式，和“寧夏文學(xué)”的頁(yè)面類(lèi)似，采用“n”型結(jié)構(gòu)設(shè)計(jì)。頁(yè)面頂部是一幅酣暢淋漓的中國(guó)畫(huà)，以切合這一板塊的主題。頁(yè)面左邊是中國(guó)書(shū)協(xié)會(huì)員、寧夏書(shū)法家協(xié)會(huì)理事，寧夏隆德縣人齊國(guó)旺先生18頁(yè)腳內(nèi)容K1+478?K1+5888段左側(cè)片石混凝土擋土墻第1部分的個(gè)人介紹和書(shū)法作品；右邊是寧夏國(guó)畫(huà)名家7人作品選，由于7幅作品豎排，如果讓IE瀏覽器滾動(dòng)的話，頁(yè)面將會(huì)非常高，因此，使用個(gè)性化滾動(dòng)條，使之內(nèi)嵌，以節(jié)省頁(yè)面，方便瀏覽?！俺鞘小?寧夏五市寧夏回族自治區(qū)轄銀川市、石嘴山市、吳忠市、中衛(wèi)市、固原市五市。城市面貌一定程度上反映了地區(qū)面貌。因而，將這一板塊也列為重點(diǎn)設(shè)計(jì)內(nèi)容。網(wǎng)頁(yè)(city.html)利用表格布局，選取代表性的圖片，作為該市的“臉面”，為其建立超鏈接，點(diǎn)擊可進(jìn)入子頁(yè)面，進(jìn)行詳細(xì)介紹和突出展示。.銀川市“城市”(city.html)的五個(gè)子頁(yè)面也沒(méi)有鏈接css.css樣式，而是重新設(shè)計(jì)了網(wǎng)頁(yè)格局，整體呈“三”字型。以“銀川市”的頁(yè)面(yinchuan.html)設(shè)計(jì)為例，頂部是三張城市圖片組成的自動(dòng)翻頁(yè)顯示特效，用 Javascript語(yǔ)言程序?qū)崿F(xiàn)。正文之首，也是用Javascript語(yǔ)言程序?qū)崿F(xiàn)的一組圖片自動(dòng)翻頁(yè)特效，選取有代表性的建筑、風(fēng)景等圖片來(lái)循環(huán)展示。所不同的是，后者的顯示效果如同連續(xù)變換圖像的大屏幕電視。正文的下半部分，著重于文字介紹銀川市作為寧夏回族自治區(qū)的首府，有著怎么樣的歷史由來(lái)和歷史淵源，也簡(jiǎn)明扼要地概括