第一篇：色彩搭配在網(wǎng)站設(shè)計的應(yīng)用論文

摘要：隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，人們的衣、食、住、行均與網(wǎng)絡(luò)產(chǎn)生密切聯(lián)系，網(wǎng)站設(shè)計蓬勃發(fā)展起來。影響人們視覺效果的因素較多，網(wǎng)站色彩是一個重要的因素，從某種程度上來講，色彩搭配的好壞直接影響網(wǎng)站設(shè)計的成功與否。從色彩搭配在網(wǎng)站設(shè)計中的應(yīng)用角度出發(fā)，先分析其具體原則，然后探討具體的策略，旨在為網(wǎng)站設(shè)計的色彩搭配提供一定的參考。

關(guān)鍵詞：網(wǎng)站設(shè)計；色彩搭配；應(yīng)用

作者簡介：趙敏（1979-），女，漢族，湖北鄂州，高校講師，主要研究網(wǎng)站，動漫設(shè)計，鄂州職業(yè)大學(xué)

色彩的魅力是無限的，即使是平淡無奇的東西，恰當(dāng)運(yùn)用色彩搭配后，同樣可以變得漂亮起來。在當(dāng)前的網(wǎng)站設(shè)計中，人們不再是單純采用文字、圖片等，而是要求更加美觀、舒適，進(jìn)而給網(wǎng)站的訪問者留下深刻的印象[1]。鑒于此，在網(wǎng)站設(shè)計中，需要充分應(yīng)用并發(fā)揮色彩搭配的作用。下文主要分析色彩搭配在網(wǎng)站設(shè)計的應(yīng)用。

1色彩搭配在網(wǎng)站設(shè)計中的應(yīng)用原則

在網(wǎng)站設(shè)計中應(yīng)用色彩搭配時，需遵循以下四個原則，進(jìn)而提高網(wǎng)站設(shè)計的效果，讓訪問者產(chǎn)生舒適、美觀的感覺。

1.1突出主題

不管是什么網(wǎng)站，它都有自己的主題，且設(shè)計操作均要服務(wù)網(wǎng)站主題。因此，在網(wǎng)站設(shè)計中應(yīng)用色彩搭配時，需要了解網(wǎng)站的主題，以突出主題為目的，選擇合適的色彩，形成自身獨(dú)特的風(fēng)格。比如對于從事金融經(jīng)濟(jì)的公司來講，其色彩以藍(lán)色、灰色為主，既可以體現(xiàn)公司文化，同時還能讓訪問者感到專業(yè)、沉穩(wěn)[2]。

1.2色彩搭配合理

網(wǎng)站屬于一個開放式的平臺，在網(wǎng)站設(shè)計的過程中，不僅要結(jié)合主題內(nèi)容，而且還要確保色彩搭配合理，不能一味盲目求新。比如在女性購物網(wǎng)站中，如果選用灰色、藍(lán)色等冷色系，則會給人一種沉悶的感覺，但如果以粉色為主色調(diào)，再合理搭配其他暖色系，則會讓網(wǎng)站訪問者感到溫馨、柔和，愿意去瀏覽網(wǎng)站內(nèi)的產(chǎn)品，產(chǎn)生購物的欲望。

1.3具備藝術(shù)性

無論是色彩搭配，還是網(wǎng)站設(shè)計，其中都包含著藝術(shù)性[3]。因此，將色彩搭配用于網(wǎng)站設(shè)計的過程中，需要遵循藝術(shù)的規(guī)律，凸顯網(wǎng)站主題時，需要滿足人們的審美要求，使其具備良好的藝術(shù)性，進(jìn)而可以具有藝術(shù)特色的網(wǎng)站。

2網(wǎng)站設(shè)計中應(yīng)用色彩搭配的具體方法

2.1做好色彩的調(diào)和

所謂色彩調(diào)和，指的是≥2種的色彩搭配，進(jìn)而形成統(tǒng)一、協(xié)調(diào)的效果[4]。在色彩調(diào)和中，需結(jié)合實際情況，采取不同的方法，讓網(wǎng)站的頁面生輝，激起訪問者的瀏覽欲望。第一，同種色彩調(diào)和。在色彩搭配中，對于同一種色相，在調(diào)和的過程中，可以充分利用不同的明度和純度，有效彌補(bǔ)相同色相的單一感。比如在同一種色相中，利用明度的黑白灰，可以進(jìn)行有效區(qū)別，并且產(chǎn)生一種微妙的韻律感。第二，類似色的調(diào)和。在色環(huán)中，如果色相之間比較靠近，那么在調(diào)和的過程中，其難度會比較低。因此，在網(wǎng)站設(shè)計中，當(dāng)采用類似的顏色時，可以讓網(wǎng)站頁面更加和諧。此外，在類似色的應(yīng)用中，其搭配度更大。第三，對比色的調(diào)和。所謂對比色，就是在色環(huán)里處于相對位置的顏色。在調(diào)和對比色時，需確保其具有強(qiáng)烈的對比，避免讓網(wǎng)站頁面顯得太過突兀。第四，漸變色的調(diào)和。所謂漸變色，指的是顏色層次漸變的色彩。簡單來講，在兩種顏色之間的混色，其實就是一種漸變色彩。在調(diào)和的過程中，需根據(jù)網(wǎng)站的需要，適當(dāng)調(diào)和漸變色。通常情況下，黑暗和明亮的色彩會產(chǎn)生立體感和距離感，一方面，可以柔化視覺感，另一方面，還能增強(qiáng)空間感，讓網(wǎng)站更具韻律和節(jié)奏。

2.2注重色彩的對比

在色彩搭配的應(yīng)用中，對于不同的顏色而言，其對比度不同，產(chǎn)生的效果也存在差異，并且還會讓人在心理、生理上產(chǎn)生不同的感覺。第一，色相對比。在網(wǎng)站設(shè)計中應(yīng)用色彩搭配時，需做好色相的對比。在確定主色相后，還要綜合考慮其他顏色與主色相之間的搭配，凸顯網(wǎng)站主題。通常來講，兩種色相越接近，就越能體現(xiàn)出柔和的對比。第二，明度對比。在明度對比度中，包括彩色差與非彩色差。在不同的色彩中，其明度差也會存在差異，它主要是不同色彩明暗間的差別。在人們的視覺中，主要是通過色彩的層次、空間等，造成明度對比，比如檸檬黃明度高，藍(lán)紫色的明度低。因此，在色彩搭配的過程中，需注重色彩的明度對比，使其更加符合網(wǎng)站設(shè)計的要求。第三，純度對比。所謂純度對比，指的是在不同的色彩間，其純度差別形成的對比。通常情況下，純度對比可分為三種，即高、中、低。利用好純度對比，可以更加明確色彩效果。第四，面積對比。在色彩搭配中，對于同種色彩來講，其面積范圍比較大時，純度、明度就比較強(qiáng)；當(dāng)面積范圍較小時，則相反，人們將其稱為色彩的面積效果。因此，在網(wǎng)站設(shè)計中應(yīng)用色彩搭配時，需要結(jié)合不同色彩占據(jù)的面積大小，合理應(yīng)用面積對比。

2.3色彩搭配的相關(guān)注意事項

在網(wǎng)站設(shè)計的過程中，不僅要注重色彩的調(diào)和色彩的對比，同時還要注意以下幾點(diǎn)：第一，注重網(wǎng)頁顏色的設(shè)計。網(wǎng)頁設(shè)計是網(wǎng)站設(shè)計的一個重要組成部分，若設(shè)計不當(dāng)，比如色彩搭配混亂，則會造成網(wǎng)頁缺乏協(xié)調(diào)感，讓人覺得眼花繚亂，缺乏內(nèi)在美。因此，在網(wǎng)頁的色彩搭配中，并非是顏色越多越好，而是要盡量控制在3-4種顏色，并且以某一種顏色為主色調(diào)，然后利用其他2-3種顏色，讓網(wǎng)頁顯得和諧、統(tǒng)一。第二，合理選擇圖案。在網(wǎng)站設(shè)計的過程中，要想讓網(wǎng)站更加吸引眼球，在選擇背景色時，應(yīng)選擇比較簡單的圖片，同時搭配一下可以產(chǎn)生對比的色彩，以此來提高網(wǎng)站的可視效果。

3結(jié)束語

綜上所述，在信息化背景下，網(wǎng)站設(shè)計行業(yè)日漸繁榮。在網(wǎng)站設(shè)計中，色彩不僅可以體現(xiàn)網(wǎng)站的外表，而且還能體現(xiàn)出網(wǎng)站所要傳達(dá)的公司文化等。因此，在應(yīng)用色彩搭配時，需要符合其應(yīng)用原則，即突出主題、色彩搭配合理、具備藝術(shù)性。具體來講，設(shè)計者需要做好色彩的調(diào)和，注重色彩的對比，同時注意網(wǎng)頁顏色的設(shè)計、合理選擇圖案，提高網(wǎng)站設(shè)計效果，吸引訪問者的眼球，并產(chǎn)生深刻的印象。

參考文獻(xiàn)

[1]班祥東.論網(wǎng)站設(shè)計中色彩搭配之應(yīng)用[J].電腦知識與技術(shù),2010（23）:6596-6598，6605.[2]楊征,徐曉婧.色彩在網(wǎng)站設(shè)計中的應(yīng)用[J].國土資源信息化,2011（3）:25-29.[3]張爽.網(wǎng)站設(shè)計中的色彩搭配技巧探討[J].吉林廣播電視大學(xué)學(xué)報,2013（4）:93-94.[4]蔡勁.網(wǎng)站設(shè)計中的網(wǎng)頁色彩搭配技巧[J].青春歲月,2010（7）:12，11.

第二篇：色彩秩序論文室內(nèi)設(shè)計論文：色彩在設(shè)計中的應(yīng)用

色彩秩序論文室內(nèi)設(shè)計論文：色彩在設(shè)計中的應(yīng)用 內(nèi)容摘要：現(xiàn)代藝術(shù)設(shè)計已經(jīng)步入了一個多元化的時期，新材料、新工藝層出不窮，對設(shè)計者也提出了更多的要求。色彩作為藝術(shù)設(shè)計的構(gòu)成要素，有著先聲奪人的作用，把握了色與彩的審美標(biāo)準(zhǔn)，對設(shè)計出優(yōu)秀的作品大有益處。

關(guān)鍵詞：色彩秩序 包裝設(shè)計 服裝設(shè)計 室內(nèi)設(shè)計 當(dāng)今社會步入了一個新時期，人們對審美的要求也越來越高。吃飯叫餐飲文化，人們不但要色香味俱全，也對飲食環(huán)境提出了更高要求；著裝叫服裝設(shè)計，居住叫環(huán)境藝術(shù)，總之，設(shè)計已經(jīng)或多或少地參與到了人們的日常生活中，已經(jīng)不再是設(shè)計師獨(dú)有的特權(quán)，而是人們生活中一個對美的追求。生活中的每一件物質(zhì)產(chǎn)品，都是設(shè)計者從人性化角度出發(fā)，根據(jù)人們的生活需要進(jìn)行設(shè)計和生產(chǎn)的，我們對信息或其他資訊的獲得有90%來自于眼睛，那么，所有的產(chǎn)品設(shè)計師在進(jìn)行設(shè)計的時候，更重要的是對其色彩進(jìn)行設(shè)計。色彩作為視覺傳遞的第一大要素，其特點(diǎn)表現(xiàn)在，人們首先是被色彩所吸引，進(jìn)而引起人們對其造型和內(nèi)涵的解讀，所以，了解色彩在不同設(shè)計領(lǐng)域的應(yīng)用，可以使我們更加準(zhǔn)確地使用色彩，從而設(shè)計出更多、更好的作品。

在包裝設(shè)計中，色彩作為一種表情達(dá)意的手段具有較強(qiáng)的視覺沖擊力，能快速地傳遞信息。在一些包裝設(shè)計中，如果采用標(biāo)準(zhǔn)用色，能夠引起人的注意，形成深刻印象，起到

強(qiáng)化信息的作用，這是視覺傳達(dá)的重要手段之一。如可口可樂企業(yè)標(biāo)準(zhǔn)用色，采用高純度的紅色，顯示了積極、鮮活與熱情，使消費(fèi)者和觀者無形中受到這種精神的感染，從而可以獲得心理上的刺激與滿足?？逻_(dá)膠卷的包裝設(shè)計，選擇了具視覺刺激效應(yīng)的黃色為主調(diào)，用黃色樹立了商品形象。與柯達(dá)相應(yīng)的日本富士膠卷的包裝設(shè)計，則選擇了富有朝氣和生命力的綠色為企業(yè)標(biāo)準(zhǔn)用色，綠色不僅傳達(dá)了產(chǎn)品的信息，也成為富士的形象和代名詞。顧客購買膠卷時，可以通過色彩對商品進(jìn)行區(qū)分，如買個綠色的膠卷，買個黃色的膠卷，還有可口可樂的紅色標(biāo)識與百事可樂的藍(lán)色標(biāo)識，都可以運(yùn)用企業(yè)標(biāo)準(zhǔn)用色加以區(qū)分。這些實例說明，色彩可以使商品建立固定的信息，強(qiáng)化人們對商品的印象，提高人們對商品的認(rèn)知度，因此，現(xiàn)代包裝設(shè)計十分重視包裝的色彩，許多企業(yè)把企業(yè)vi的專用色延用到本企業(yè)的產(chǎn)品包裝上，使之產(chǎn)生統(tǒng)一感，強(qiáng)化企業(yè)形象。如許多商家在銷售商品的同時，一律使用統(tǒng)一的包裝紙，包裝袋突出了企業(yè)的標(biāo)準(zhǔn)色，使消費(fèi)者帶著這些標(biāo)準(zhǔn)色走出商場后，起到宣傳產(chǎn)品的作用。在印刷技術(shù)高度發(fā)達(dá)的今天，包裝色彩的巧妙運(yùn)用，不但能使包裝出奇制勝，并且可以有效地把握市場營銷脈搏，比起廣告更經(jīng)濟(jì)、直接。因此，我們可以概括地說，在包裝設(shè)計中，色彩具有三種功能——傳達(dá)企業(yè)形象，表達(dá)產(chǎn)品的色彩感覺，提升購買欲。

色彩、造型、材料是服裝設(shè)計的三大要素，其中，色彩這一構(gòu)成要素具有非常重要的意義，如果說造型設(shè)計是服裝設(shè)計的骨骼，那么色彩則是服裝設(shè)計的靈魂。從色彩的角度出發(fā)，任何一種顏色都是美妙、獨(dú)特的。世上沒有不好看的色彩，只有不成功的搭配。服裝的審美品質(zhì)在很大程度上直接受到色彩的影響，在服裝設(shè)計中，人們對色彩的反應(yīng)則是強(qiáng)烈的，服裝的色彩可以體現(xiàn)出著裝的文化修養(yǎng)、性別特征，以及民族特色、職業(yè)特征、個人氣質(zhì)特征和個性風(fēng)采，體現(xiàn)著時代感和人的精神面貌。提到服裝的色彩，人們最容易想到的是流行色。在現(xiàn)代生活中，追求色彩美是一種時尚，而當(dāng)一些色彩被賦予時代精神，并符合人們的興趣愛好時，這種色彩就會流行起來，這可以理解為是一種時代潮流。服裝領(lǐng)域一向崇尚流行意識，流行色在服裝設(shè)計中的應(yīng)用是人們對色彩時尚的追求，突出反映了現(xiàn)代人的審美特征，體現(xiàn)了人們求新、求異的心理。流行色變化的速度很快，所以，服裝設(shè)計師應(yīng)具有一定的前瞻性，站在設(shè)計的前沿，準(zhǔn)確把握流行趨勢，引導(dǎo)潮流，即把來自于消費(fèi)市場的色彩記憶歸納提煉，并通過預(yù)告形成流行色。比如，一般春季會流行一些跳躍、活潑的色彩，夏季會流行一些淺透的、亮麗的色彩，秋冬季會流行色系偏重及高純的顏色。當(dāng)代服裝設(shè)計的新潮款式和流行色相結(jié)合是一種必然，因此，設(shè)計師應(yīng)仔細(xì)分析、研究流行色周期的規(guī)律，掌握流行周期和時間，這樣才能推

出符合人們更多審美要求的新潮服裝，并帶來經(jīng)濟(jì)效益。

室內(nèi)環(huán)境的色彩是室內(nèi)設(shè)計最亮麗的風(fēng)景，人一生中在室內(nèi)的時間會達(dá)到95%，那么，色彩作為一種設(shè)計要素，效果的好壞會直接影響到人的生理和心理及情感意識。在進(jìn)行室內(nèi)色彩設(shè)計時，首先應(yīng)明確空間的使用性質(zhì)；其次考慮設(shè)計空間的大小、朝向和設(shè)計形式，設(shè)計師可以根據(jù)色調(diào)對空間進(jìn)行調(diào)整；再次，根據(jù)使用者的年齡、性別，以及其對色彩的要求區(qū)分設(shè)計，但室內(nèi)色彩的基本要求，實際上就是按照不同的設(shè)計對象有針對性地進(jìn)行色彩配置。統(tǒng)一組織各種色彩為色相、明度和純度的過程就是配色過程。良好的室內(nèi)環(huán)境色調(diào)，總是根據(jù)一定的秩序來組織各種色彩，總體原則應(yīng)是大調(diào)和小調(diào)對比，也就是說，空間圍護(hù)體的界面、地面、墻體、天花等應(yīng)采用同一原則，使之和諧統(tǒng)一，而室內(nèi)陳設(shè)，如家具、飾品，則應(yīng)成為小面積對比的色彩，只有這樣，才能設(shè)計出功能合理、符合人生理及心理要求的室內(nèi)空間效果。

總之，在藝術(shù)設(shè)計的過程中離不開色彩學(xué)，掌握了色彩的基本知識，才能正確地駕馭色彩調(diào)配，在設(shè)計運(yùn)用時準(zhǔn)確、生動、到位，從而創(chuàng)造出藝術(shù)設(shè)計的精品。

參考文獻(xiàn)：

[1]楊國林.色彩構(gòu)成[m].遼寧美術(shù)出版社，2005.[2]馮四東，朱輝球，吳天麟.色彩構(gòu)成及應(yīng)用[m].北京

工藝美術(shù)出版社，2007.

第三篇：網(wǎng)站設(shè)計論文目錄

目錄

摘要................1

第一章 諸論............2

1.1設(shè)計思想..............2

1.2開發(fā)工具的選用及介紹............2

1.2.1

1.2.2

1.2.3

1.2.4

1.2.5HTML語言................2Macromedia DREAMWEAVER MX............2ASP.net..........3ADO.net..........5Microsoft SQL Server...........6

第二章 網(wǎng)站總體分析與設(shè)計..............9

2.1 網(wǎng)站結(jié)構(gòu)分析................9

2.2 頁面設(shè)計構(gòu)思................9

2.3 數(shù)據(jù)庫設(shè)計..........10

第三章 網(wǎng)站制作過程...............11

3.1 靜態(tài)頁面制作...............11

3.2 建立數(shù)據(jù)表..........15

3.3 Asp.net代碼編寫..........16

3.3.1 最新產(chǎn)品................17

3.3.2 產(chǎn)品信息................19

3.3.3 產(chǎn)品信息上傳............21

3.3.4管理員登陸、注銷...............24

3.3.5 在線留言的實現(xiàn)................26

第四章 系統(tǒng)使用說明與安裝..............29 參考文獻(xiàn).................30 致謝...............31

第四篇：個人網(wǎng)站設(shè)計論文

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

分類號： TP319

秦皇島職業(yè)技術(shù)學(xué)院 課程設(shè)計（論文）

個人博客網(wǎng)頁設(shè)計論文

學(xué)生姓專班指導(dǎo)教指導(dǎo)教師職名 王飛飛 業(yè) 計算機(jī)應(yīng)用技術(shù) 級 1100103 師

稱

目錄

摘要 …………………………………………………………………………………2 前言 …………………………………………………………………………………3 第一章 關(guān)于網(wǎng)絡(luò)的知識.............................................4

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

1.1 INTERNET的簡介.................................................4 1.2 WWW的簡介....................................................4 1.3網(wǎng)頁基本構(gòu)成元素..............................................5 1.4 制作網(wǎng)頁前的準(zhǔn)備..............................................5 第二章 網(wǎng)站制作實戰(zhàn)...............................................6 2.1 站點(diǎn)..........................................................6 2.1.1 創(chuàng)建站點(diǎn)..................................................6 2.1.2 創(chuàng)建站點(diǎn)內(nèi)容..............................................6 2.2 首頁..........................................................7 2.2.1 設(shè)置首頁布局和頁面屬性....................................7 2.2.2 查看和編輯頭內(nèi)容..........................................9 2.2.3 插入圖像..................................................9 2.2.4 插入FLASH相冊...........................................10 2.2.5 插入文本.................................................10 2.3 創(chuàng)建其它網(wǎng)頁.................................................11 第三章 建立網(wǎng)頁鏈接..............................................12 3.1 文字鏈接.....................................................12 3.2 圖像鏈接.....................................................13 3.3在HTML語言中建立網(wǎng)頁鏈接....................................14 第四章 網(wǎng)站測試與維護(hù) …………………………………………………………17 結(jié)論………………………………………………………………………………18 參考文獻(xiàn) ……………………………………………………………………… 19 致謝………………………………………………………………………………20

摘 要

本論文主要是對個人網(wǎng)站的建立進(jìn)行研究和探討。作品的主要技術(shù)指標(biāo)包括：

1、制作出一個具有靜態(tài)技術(shù)的“個人網(wǎng)站”；

2、在制作的過程中，加強(qiáng)和 1

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

深化以前所學(xué)的關(guān)于網(wǎng)頁設(shè)計的方法，同時更好的理解參考資料上的方法、理論和更好的利用Fireworks、Flash制作網(wǎng)站需要的一些圖片和影片。

本設(shè)計的主要內(nèi)容包括：

1、個人網(wǎng)站的設(shè)計思想，整體規(guī)劃及相關(guān)基礎(chǔ)知識；

2、個人網(wǎng)站的首頁設(shè)計，包括簡單的HTML語言及效果圖；

3、個人網(wǎng)站的調(diào)試。

網(wǎng)頁規(guī)劃包含的內(nèi)容很多，如網(wǎng)頁的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)頁的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。

網(wǎng)站主題就是所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，不可能像單獨(dú)的網(wǎng)頁那樣做得內(nèi)容少而單一。所以必須要找準(zhǔn)一些自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給人留下深刻的印象。

關(guān)鍵詞：技術(shù)指標(biāo)

基本設(shè)計內(nèi)容

網(wǎng)站規(guī)劃 網(wǎng)站主題

前言

隨著二十一世紀(jì)新興科技的飛速發(fā)展，如今的交流與交往不再是那么的單調(diào)，看如今不曾再有五百里加急文件的傳送，看如今已很少在出現(xiàn)寫信、寄信。人們正在運(yùn)用現(xiàn)世紀(jì)的高科技來增加自己的交際圈，來發(fā)展自己的人脈關(guān)系，秦皇島職業(yè)技術(shù)學(xué)院信息工程系

同時，其它人也是通過高科技，悄悄的就能很容易地去了解，關(guān)注一個人。

正是因為人們的這些需求，所以出現(xiàn)了互聯(lián)網(wǎng)，正是因為人們的需求，所以出現(xiàn)了如今的網(wǎng)絡(luò)時代，網(wǎng)絡(luò)通訊工具。來方便人們的交往，交際與溝通。也正是因為人們的需求，所以出現(xiàn)了個人博客，通過一人簡單的網(wǎng)頁來展現(xiàn)自己的獨(dú)特魅力，自己的與眾不同。真正的做到了“足不出戶，便知天下人”。

互聯(lián)網(wǎng)加大了我們了解世界的眼界，縮緊了人與人之間的距離，這就更容易的使我們走上了信息化的道路。

我覺得一個網(wǎng)站的開始，應(yīng)該有一個大體的規(guī)劃，網(wǎng)站的布局是最重要的，它起著一個網(wǎng)站成功與否的決定性作用，因為布局的好與壞，帶來的是網(wǎng)站整體上的美觀效果及應(yīng)用。網(wǎng)站內(nèi)容上也能決定著網(wǎng)站成功與否，一個網(wǎng)站上的每個字眼都可能決定著這個網(wǎng)站，因為你不知道哪個字就是吸引別人的內(nèi)容，就是大家都追捧的話題，就是很潮的事物，所以內(nèi)容上一定要謹(jǐn)慎。再有，就是網(wǎng)站的圖片，一定要確準(zhǔn)好路徑，以免圖像的丟失而不能再網(wǎng)站中顯示，其次就是鏈接，在Dreamweaver中提供了很簡單的鏈接命令，根據(jù)其提示操作即可。

我做了一個簡單的個人博客的網(wǎng)站，通過這個網(wǎng)站能讓大家更深的了解我，同時更重要的是鍛煉自己的實踐能力，鞏固自己學(xué)習(xí)的知識，彌補(bǔ)自己學(xué)習(xí)的不足。

第一章 關(guān)于網(wǎng)絡(luò)的知識

1.1什么是Internet Internet是由眾多的計算機(jī)網(wǎng)絡(luò)互聯(lián)而成的互聯(lián)網(wǎng)，它覆蓋了全世界各地，3

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

它是采用開放系統(tǒng)協(xié)議的計算機(jī)通訊網(wǎng)絡(luò)。然而，Internet不僅僅是計算機(jī)的互聯(lián)網(wǎng)，它還是全球最大的信息資源寶庫，它提供了包括科研、教育、文化娛樂、商業(yè)和信息交流等各種各樣的服務(wù)，使得世界范圍內(nèi)的人與人之間的交流在時間和空間上變的更小了。

Web頁瀏覽：這是目前利用最廣泛、最直接的互聯(lián)網(wǎng)服務(wù)，通過瀏覽WWW（萬維網(wǎng)）中的網(wǎng)頁，可以了解世界各地的新聞，查看最新的股市行情，最新的娛樂動態(tài)、科技發(fā)明，找到眾多的就業(yè)信息??幾乎想找到什么樣的信息，就有什么信息。正是有了WWW、Internet才會變得如此豐富多彩，才能走進(jìn)千家萬戶。1.2 WWW的簡介

WWW的全稱為World Wide Web，含義是“環(huán)球網(wǎng)”，又稱“萬維網(wǎng)”、3W、Web。WWW是一個基于超文本（Hypertext）方式的信息檢索服務(wù)工具。我們上網(wǎng)瀏覽到的網(wǎng)頁就是這樣的超文本，也就是HTML(Hypertext Mark-up Language,超文本標(biāo)記語言)文件，這些網(wǎng)頁檔被放置到WWW服務(wù)器上，并且都有一定的地址。當(dāng)我們想瀏覽某個網(wǎng)站時，首先要在計算機(jī)上安裝瀏覽器，如

Internet Explorer或Netscape，然后在瀏覽器中輸入網(wǎng)站的地址（網(wǎng)址），就可以進(jìn)入網(wǎng)站進(jìn)行瀏覽。在這些網(wǎng)頁中，都有超連接，當(dāng)將鼠標(biāo)指針移動到某個地方（如文本或圖像）時，鼠標(biāo)指針就會變成一個小手形形狀，單擊它就可以連接到另個網(wǎng)頁中，從而使得瀏覽者能在不同的信息之間動畫和聲音等信息。通跳轉(zhuǎn)，我們之所以能在Internet的海洋中穿梭自如，正是超連接的功勞。

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

1.3網(wǎng)頁基本構(gòu)成元素

要學(xué)會制作網(wǎng)頁，首先需要了解網(wǎng)頁都是由什么元素構(gòu)成的。文字：文本是構(gòu)成網(wǎng)頁的基本元素。一個最簡單的網(wǎng)頁可以只有幾行文本。圖片：正是有個各種美麗的圖片，網(wǎng)頁才變得多姿多彩。動畫：如今，網(wǎng)頁上的動畫越來越多，最常用的有GIF動畫、Flash動畫等。超連接：如上所述，超連接幾乎是必不可少的。一個沒有超連接的網(wǎng)頁，就如同汪洋大海中的一座孤島，失去了與外界的一切聯(lián)系。其它元素：還可以在網(wǎng)頁中添加聲音、視頻等元素。1.4 制作網(wǎng)頁前的準(zhǔn)備

計算機(jī)必備：計算機(jī)速度夠快，最好能夠上網(wǎng)。操作系統(tǒng)：Windows 98/NT/Me/2000/XP.其它軟件：看圖軟件ACDSee、圖像處理軟件Photoshop、上傳工具CuteFTP、Fireworks、動畫軟件Flash等。

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

第二章 網(wǎng)站制作實戰(zhàn)

2.1 站點(diǎn) 2.1.1 創(chuàng)建站點(diǎn)

要制作一個網(wǎng)站，第一步操作都是一樣的，就是要創(chuàng)造一個“站點(diǎn)”，從菜單中選擇“站點(diǎn)/管理站點(diǎn)”在彈出的對話框中選擇“新建”，之后再選擇其中的“站點(diǎn)”，再次彈出一個對話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱“my web”。填好后，單擊“下一步”，進(jìn)入下一個步驟。由于我要做的是一個靜態(tài)的網(wǎng)頁，所以選擇上面的一項“否，我不想使用服務(wù)器技術(shù)。單擊“下一步”，進(jìn)入下一個步驟。在此選項中有兩個選擇，選擇推薦的“編輯我的計算機(jī)上的本地副本，完成后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其中儲存站點(diǎn)檔的本地副本。單擊該文本框后面的文件夾圖示，之后單擊“下一步“，進(jìn)入下一個步驟。這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”，即可。2.1.2 創(chuàng)建站點(diǎn)內(nèi)容

站點(diǎn)創(chuàng)建完成后，就可以創(chuàng)建Web頁來填充站點(diǎn)了。在“右側(cè)浮動面板組”中選擇“檔/檔”面板，在彈出的菜單中選擇“新建文件”，新建一個檔后將其命名為“index.htm(或index.html),它就是未來的首頁。

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

2.2 首頁

2.2.1 設(shè)置首頁布局和頁面屬性

一、設(shè)置首頁布局

每個網(wǎng)站都會有一個首頁，就功能上而言，它代表著一個網(wǎng)站的風(fēng)格與特色，就網(wǎng)站架構(gòu)上而言，它代表了網(wǎng)站的第一層架構(gòu)，首頁是打開網(wǎng)站后在瀏覽器中顯示的第一個頁面。它是起什么名字通常要視Server端的設(shè)置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當(dāng)然，后綴名為html也是正確的。具體設(shè)置方法是：右健單擊“檔”浮動面板中的index.htm,在彈出的菜單中選擇“設(shè)成首頁”。操作步驟：

1、在“插入快捷欄”的“布局”分類中，單擊“布局表格”按紐。

2、將變成“+”形狀的鼠標(biāo)游標(biāo)放到編輯中網(wǎng)頁上，在要繪制的地方進(jìn)行拖動就可以進(jìn)行創(chuàng)建了。（如果繪制的是第一個表格必須從網(wǎng)頁的最左上角開始繪制）。“index”表格布局如下圖：

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

二、設(shè)置首頁的頁面屬性

首先雙擊“檔”浮動面板中的index.htm,進(jìn)入頁面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修改/頁面屬性”項，也可以把打開該對話框。

在“頁面屬性”對話框中，左側(cè)窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖像”5項，右側(cè)區(qū)域則顯示各類中可以設(shè)置的項目

“index”首頁設(shè)置的屬性如下圖所示：

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

2.2.2 查看和編輯頭內(nèi)容

一個網(wǎng)頁文件結(jié)構(gòu)上實際是由兩部分組成，頭（head）內(nèi)容和主體（body）內(nèi)容主體內(nèi)容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內(nèi)容（head）是除文檔標(biāo)題外的不可見部分，包含有文文件類型、語言編碼、搜索引擎的關(guān)鍵的關(guān)鍵詞和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個頁面都需要的，例如，可以僅為主頁提供關(guān)鍵詞。2.2.3 插入圖像

圖像是網(wǎng)頁中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。首先將游標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側(cè)將會顯示該類中可以插入的對象快鍵按鈕。左起第5個即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第1項“圖像”。隨即彈出“選擇圖像源文件”對話框。從計算機(jī)磁盤中選擇想要插入的圖像文件，下面的“相對于”下拉表框中，可選擇文件URL地址的類型，插入logo圖像，如圖所示:

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

最后單擊“確定”按鈕，即可完成插入圖像的操作。2.2.4 插入FLASH相冊

在Dreamweaver 8中，除了之前講到的可以插入“圖像”外，還可插入動畫、聲音、視頻，F(xiàn)LASH相冊等媒體元素，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash MX2004按鈕和文本對象，以及進(jìn)行相關(guān)的后期處理和添加設(shè)計備注等操作。在Dreamweaver 8文文件中，可以插入媒體文件包Flash 相冊、QuickTime、AVI java、applet Active X控件以及各種格式的音頻檔。要在瀏覽器中播放放Flash 相冊，必須在瀏覽器中集成“Flash 播放器（Flash Player）”。操場作步驟：

步驟1、將游標(biāo)停留在要插入Flash的位置，然后單擊菜單欄下面“插入”的下拉列表，選擇其中的“FLASH”分類，找到圖像查看器命令，單擊彈出保存對話框，選擇要保存的地方和名稱，點(diǎn)擊保存。

步驟

2、在Dreamweaver中將會產(chǎn)生一個flash相冊，在Dreamweaver中的最右邊將會有一個flash元素，一次將flash的屬性修改，既可完成一個flash相冊的制作。2.2.5 插入文本

文字是人類語言最基本的表達(dá)方式，在網(wǎng)頁中，文本內(nèi)容也可以說是重要的組成部分，它是最關(guān)鍵的因素。插入文本的兩種方式：一種是在網(wǎng)頁編輯窗口中直接用鍵盤敲入文本。另一種是復(fù)制文本的方式。直接使用Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯窗口來進(jìn)行排版的工作，10

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

具體步驟如下：打開文本編輯軟件（如Microsoft Word），選中要復(fù)制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將游標(biāo)停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁中。這在我的“閑情逸致”中用到很多。2.3 創(chuàng)建其它網(wǎng)頁

還有其它的幾個網(wǎng)站與主頁的制作相同，一個網(wǎng)頁是圖像和文字的組合?！跋鄡浴弊禹撝械腇LASH相冊的插入和前面的介紹相同。

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

第三章 建立網(wǎng)頁鏈接

網(wǎng)站實際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是本章要講的內(nèi)容----網(wǎng)頁的“鏈接”?！版溄印?，又稱“超鏈接"（Hyperlink）,它作為網(wǎng)頁的橋梁。網(wǎng)頁中的很多對象都可以加入“鏈接”屬性。在Dreamweaver 8中，如果以“鏈接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”，共8種。3.1 文字鏈接

“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁中最常被使用的鏈接方式，具有“文件小、制作簡單和便于維護(hù)”的特點(diǎn)。接下來結(jié)合我的個人網(wǎng)站為實例，來講解如何為文字建立“鏈接”。操作步驟：

步驟1、準(zhǔn)備好已經(jīng)制作完成的首頁的各個欄目頁面

步驟

2、在Dreamweaver 中打開首頁，之后反白選取作為“鏈接”的文字。步驟

3、觀察“屬性面板”，其中包括一個“鏈接”文本框。步驟

4、接下來需要把鏈接的位址加入到文本框中。

步驟

5、在“鏈接”文本框下面還有一個“目標(biāo)”下拉列表，從中可以選擇鏈接網(wǎng)頁顯示的窗口方式，共有4種。如圖：

步驟

6、還可以設(shè)置一些“鏈接”的屬性，單擊“屬性面板”中的“頁面 12

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

屬性”，選擇其中的“鏈接”分類，可以進(jìn)行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏色、“活動鏈接”顏色及“下劃線樣式”。

步驟

7、至此，第1個欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預(yù)覽，測試一下，當(dāng)鼠標(biāo)放在“放松心情”這4個文字上時將變成手形，并且瀏覽器窗口下面的狀態(tài)區(qū)中會顯示鏈接到的網(wǎng)頁的位址，單擊文字，頁面會立即跳轉(zhuǎn)到第1個欄目中，這表示鏈接已經(jīng)制作成功了。

步驟

8、同理，按照以上步驟，再為“閑情逸致”和“個人主頁”等其它欄制作指向?qū)?yīng)欄目的鏈接。

至此，整個“文字鏈接”的實例就全就全部完成了。3.2 圖像鏈接

“圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首先應(yīng)該在網(wǎng)頁中插入“圖像”，有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的內(nèi)容，接下來以我的網(wǎng)站“my web“為例，講解如何建立“圖像鏈接”。操作步驟：

步驟

1、首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁和各個欄目的頁面 步驟

2、在Dreamweaver中打開網(wǎng)站的首頁，之后選取要制作“鏈接”的圖像。

步驟

3、觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字位址。步驟

4、如果有需要，可以在“目標(biāo)”下拉列表中選擇“鏈接”網(wǎng)頁顯示 13

秦皇島職業(yè)技術(shù)學(xué)院信息工程系 的窗口方式，分別為-blank、-parent、-self或-top。

步驟

5、至此，第1個欄目的圖像鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預(yù)覽，測試一下，將鼠標(biāo)放在“動畫制作”4個文字上時將變成手形，同時瀏覽器窗口下面的狀態(tài)區(qū)中會顯示出鏈接到的網(wǎng)頁的地址，并且會顯示出“替代”文本“動畫制作”，單擊文字，頁面會立即跳轉(zhuǎn)到第3個欄目中，這表示鏈接已經(jīng)制作成功了。

步驟

6、同理，按照以上步驟，再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。

步驟

7、在欄目頁面中制作“返回首頁”的鏈接，使得單擊后可以跳轉(zhuǎn)回首頁。

至此，整個“圖像鏈像”的實例就全部完成了。3.3在HTML語言中建立網(wǎng)頁鏈接

一、文字鏈接

在HTML語言中用超鏈接標(biāo)記指向一個目標(biāo)。其基本格式為：舉個簡單的“文本鏈接”的實例，該實例相對應(yīng)的HTML代碼如下所示。

a href-“index2.html”target=”-blank”>平面設(shè)計（新開窗口，-blank)

相冊（原窗口，默認(rèn)為空）

留言

第五篇：大學(xué)論文網(wǎng)站的設(shè)計與應(yīng)用

網(wǎng)站的設(shè)計與應(yīng)用

摘要

學(xué)校網(wǎng)站是實現(xiàn)教育資源分配的橋梁，它有巨大的教育資源庫并且可以集全社會的力量，使教育資源無限增長。在我制作學(xué)校網(wǎng)站時我所使用的軟件是dreamweaver，該軟件相對于其他相關(guān)軟件具有不生成冗余代碼、方便的代碼編輯、強(qiáng)大的動態(tài)頁面支持、優(yōu)秀的網(wǎng)站管理功能、便于拓展、操作簡便等優(yōu)勢。在網(wǎng)頁的制作與鏈接中，我學(xué)到了很多，然后補(bǔ)充一些比較熱門的技巧。網(wǎng)站具有快鍵、無距離更新的特征，同時提供進(jìn)入日常活動處理平臺的“入口”，具有較強(qiáng)的實用價值，這個網(wǎng)站能被廣大教師，學(xué)生群體所普遍使用，隨著網(wǎng)絡(luò)的普及和高效性的不斷提高，它的實用性已經(jīng)使它的應(yīng)用地位越來越高，越來越廣。本文對網(wǎng)站設(shè)計作了介紹，進(jìn)行了需求分析，模塊劃分、框架、dreamweaver和ccs的介紹。

關(guān)鍵詞：dreamweaver、超鏈接、性能、ccs、實用價值

目錄

第一章 前言 1.1課題來源

1.2網(wǎng)頁開發(fā)項目需求分析 1.3學(xué)校網(wǎng)站網(wǎng)頁的設(shè)計 1.4制作軟件dreamweaver的簡介 1.5軟件運(yùn)營環(huán)境 第二章 網(wǎng)頁的制作 2.1做網(wǎng)頁的步驟 2.2做網(wǎng)頁的要素 2.3系統(tǒng)各模塊功能實現(xiàn) 第三章 學(xué)校網(wǎng)站的建立步驟 3.1確立學(xué)校網(wǎng)站主題 3.2給學(xué)校網(wǎng)站選一個好域名 3.3 確定一個美觀的學(xué)校網(wǎng)站界面 3.3.1欄目與板塊的編排

3.3.2學(xué)校網(wǎng)站的目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 3.3.3對學(xué)校網(wǎng)站進(jìn)行形象設(shè)計 3.4突出學(xué)校網(wǎng)站的風(fēng)格 3.5學(xué)校網(wǎng)站的部分代碼實現(xiàn) 3.6推廣學(xué)校網(wǎng)站 第四章 學(xué)校網(wǎng)站的測試

4.1 測試內(nèi)容 4.2測試過程 4.2.1功能測試 4.2.2可用性測試 4.2.3兼容性測試 4.3效率分析 4.3.1優(yōu)點(diǎn)及不足

4.3.2軟件測試的意義 結(jié)束語 參考文獻(xiàn)

第一章 前言 1.1課題來源

隨著社會的進(jìn)步，我們對中小學(xué)的教育也越來越重視。但現(xiàn)在在一些相對不太發(fā)達(dá)的城鎮(zhèn)，學(xué)生的教育資源受到一些條件的限制，而且不能夠給大部分學(xué)生提供個性化的學(xué)習(xí)的平臺。所以我認(rèn)為給一些中小學(xué)創(chuàng)建自己的學(xué)校網(wǎng)站是非常有必要的。首先，學(xué)校網(wǎng)站是學(xué)校的“商標(biāo)”，每一所學(xué)校都有自己的特色，每一所學(xué)校都有自己的個性。在這個高度信息化的社會里，建立自己學(xué)校網(wǎng)站是最直接的宣傳手段。其次，學(xué)校網(wǎng)站能提供教學(xué)互動的全新方式學(xué)校網(wǎng)站使得教師與

教師、教師與學(xué)生、學(xué)生與學(xué)生之間的交流有了全新的方式，它不再受到傳統(tǒng)課堂的制約，而且，校網(wǎng)站能夠提供個性化學(xué)習(xí)的平臺，不同的學(xué)生理解世界的方式各不相同，認(rèn)知世界有諸多方式。網(wǎng)絡(luò)提供的豐富資源可以使學(xué)生尋覓不同的教育方式，各取所需，使學(xué)生能夠自主選擇自己要學(xué)習(xí)的內(nèi)容?；ヂ?lián)網(wǎng)的出現(xiàn)為實施有“針對性”的個性化教學(xué)提供了強(qiáng)有力的技術(shù)支持，網(wǎng)絡(luò)教學(xué)可以充分發(fā)揮計算機(jī)超強(qiáng)“記憶”的優(yōu)勢，全程“記憶”跟蹤學(xué)生的學(xué)習(xí)過程，教師可依據(jù)電腦的“記憶庫”全面了解學(xué)生的學(xué)習(xí)情況，為學(xué)生提供“個性化”的教學(xué)服務(wù)，教育網(wǎng)站“個性化”教學(xué)服務(wù)有別于家教、教育軟件等教學(xué)模式，在挖掘人才潛力與培養(yǎng)人才方面的優(yōu)勢是傳統(tǒng)教學(xué)方式所無法比擬的。只有將這一優(yōu)勢體現(xiàn)出來，確實去滿足學(xué)生和家長在教育方面的深層次的需求，網(wǎng)絡(luò)教育的概念才能夠被廣大用戶接受，教育網(wǎng)站才能夠獲得蓬勃發(fā)展。1.2網(wǎng)站開發(fā)項目需求分析

對于中小學(xué)的教育來說，建立網(wǎng)站是十分必要。學(xué)校網(wǎng)站建設(shè)是學(xué)校教育信息化建設(shè)的重要方面，是全面提高學(xué)校信息化水平的標(biāo)志性工程。學(xué)校網(wǎng)站是學(xué)校對外宣傳的窗口，是提高學(xué)校教學(xué)、科研、管理效率的重要工具，也是全校師生展示才能、互相學(xué)習(xí)、共同發(fā)展的陣地。更是培養(yǎng)信息化人才，建設(shè)高素質(zhì)教師隊伍的重要突破口。建立網(wǎng)站是學(xué)校發(fā)展的必然，既然如此，不如從現(xiàn)在開始，近早參與，更快的積累更多的建設(shè)和管理經(jīng)驗，讓我們的學(xué)校在未來教育中立于不敗之地。

現(xiàn)在無論是小學(xué)生，還是中學(xué)生，上網(wǎng)已經(jīng)很普及，通過上網(wǎng)，讓他們交際越來越廣泛，而且他們畢業(yè)后將走向全國東西南北，所以學(xué)校網(wǎng)站，會對學(xué)校起到相當(dāng)大的宣傳作用。比如說在學(xué)校建站初期搞一次全校學(xué)生參與的校園網(wǎng)絡(luò)文學(xué)賽，要求學(xué)生作品直接在網(wǎng)站指定頁面發(fā)表，學(xué)校從中評出優(yōu)秀作品并通過網(wǎng)站進(jìn)行獎勵，當(dāng)然最好把其中一些學(xué)生的作品投遞給國內(nèi)的一些學(xué)生刊物選登，這對學(xué)生和網(wǎng)站建設(shè)都是一種很好的支持；另外，學(xué)校網(wǎng)站還開設(shè)學(xué)校的學(xué)習(xí)論壇，邀請學(xué)生做適合自己興趣愛好欄目的版主；不定期舉辦比賽通過這一系列的活動可以讓更多的學(xué)生了解學(xué)校網(wǎng)站并參與其中，達(dá)到不錯的教育作用。

在學(xué)校網(wǎng)站建設(shè)過程中，校園快訊以及校園風(fēng)采圖庫的建設(shè)非常的重要，它們在一定程度上可以反映學(xué)校的辦學(xué)思想、教學(xué)觀念以及師生在校園的學(xué)習(xí)生活情況，經(jīng)常查看這些欄目的除了在校師生外我想主要還有以下一些群體：一是已經(jīng)畢業(yè)校友，他們關(guān)心學(xué)校的發(fā)展，所以會經(jīng)?！盎貋怼笨纯?，試想，如果一位已經(jīng)工作幾十年的老校友再“回到”母校能看到自己當(dāng)初的照片依然還放在學(xué)校網(wǎng)站上，那種心情是何等的激動，畢竟母校還沒有忘記他們；二是，各級教育部門和學(xué)生家長，他們需要及時了解一些學(xué)校的教育教學(xué)工作情況，并及時的向?qū)W校有關(guān)部門反饋他們的意見或建議。現(xiàn)在學(xué)校各類活動，都可以分類的把它們放在網(wǎng)站的校園風(fēng)采圖庫內(nèi)，以記錄著學(xué)校的歷史！

每個不同的網(wǎng)站將滿足網(wǎng)絡(luò)用戶的不同需求.學(xué)校網(wǎng)站所面

對的對象是廣大教師和學(xué)生,所以,教師和學(xué)生和一些渴望了解學(xué)校基本情況的人群的需求,就成了學(xué)校網(wǎng)站設(shè)計要滿足的對象。1.3學(xué)校網(wǎng)站網(wǎng)頁的設(shè)計

根據(jù)前面的設(shè)計思想進(jìn)行分析，按照系統(tǒng)開發(fā)的基本觀點(diǎn)對網(wǎng)站進(jìn)行分解，從內(nèi)容上可對網(wǎng)站作如下劃分：

l 學(xué)校風(fēng)采 通過學(xué)校概括、教師風(fēng)采、校園之星及部分圖片等內(nèi)容來展現(xiàn)。

l 優(yōu)點(diǎn)特色 通過新聞、生動活潑的教育教學(xué)欄目來展現(xiàn)。

l 信息發(fā)布 通過公告欄、信息查詢等欄目來實現(xiàn)，內(nèi)容有招生政策、活動安排等。

l 部分校務(wù) 根據(jù)校務(wù)的公開程度與參與人數(shù)的多少，特選擇圖書管 理、評優(yōu)、考試查分、家校聯(lián)系四大校務(wù)在網(wǎng)上實現(xiàn)。主頁設(shè)計

網(wǎng)站主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結(jié)合，體現(xiàn)學(xué)校的勃勃生氣，靜態(tài)主頁方式介紹學(xué)校風(fēng)采、優(yōu)點(diǎn)特色、信息發(fā)布，對于四大校務(wù)，就得利用ＡＳＰ與數(shù)據(jù)庫結(jié)合的技術(shù)建立數(shù)據(jù)庫查詢管理系統(tǒng)，采用交互式的動態(tài)的web畫面來實現(xiàn)。主頁結(jié)構(gòu)圖

1.4制作軟件dreamweaver的簡介

dreamwraver軟件由美國著名的網(wǎng)站應(yīng)用開發(fā)工具生產(chǎn)廠商Adobe Macromedia于2005年6月推出并正式投入市場以來，已經(jīng)發(fā)展得相當(dāng)成熟。關(guān)于dreamwraver的技術(shù)介紹的相關(guān)書籍與網(wǎng)絡(luò)信息相當(dāng)豐富。通過大學(xué)中軟件開發(fā)環(huán)境課程的學(xué)習(xí)，對dreamwraver有了比較深刻的認(rèn)識，并比較輕松的掌握了dreamwraver的操作。因此，軟件

技術(shù)可以完成任務(wù)的要求。

1.5軟件運(yùn)營環(huán)境

Dreamweaver是一款簡體中文軟件，可以在Win2003/WinXP中安全運(yùn)行。

第二章 網(wǎng)頁的制作 2.1做網(wǎng)頁的步驟

想要制作網(wǎng)頁首先我們了解一點(diǎn)簡單的網(wǎng)頁制作工具。例如：Dreamweaver，專門制作網(wǎng)頁的工具，可以自動將網(wǎng)頁生成代碼，其界面簡單、功能強(qiáng)大是初學(xué)網(wǎng)頁制作者的第一選擇。想要做一個網(wǎng)葉，我們基本上要分八個步驟：

1、確定網(wǎng)站主題 ：網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個鮮明的主題。在你的主題范圍內(nèi)內(nèi)容要做到大而全、精而深。

2、搜集材料 ：我們?nèi)绻胱屛覀兊木W(wǎng)站有真材實料，能夠吸引更多的用戶，我們就得盡可能多的收集材料，材料收集的越多、越全，我們以后制作網(wǎng)站就越容易。我們手機(jī)材料不及可能從互聯(lián)網(wǎng)上收集，還可以在報紙、書籍、多媒體上得到。然后我們把收集到的信息進(jìn)行整理，留下有用的部分，作為制作網(wǎng)頁的素材。

3、規(guī)劃網(wǎng)站 ：一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁

才能有個性、有特色，具有吸引力。

4、選擇合適的制作工具 ：盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。

5、制作網(wǎng)頁 ：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運(yùn)用模板，這樣可以大大提高制作效率。

6、上傳測試：當(dāng)我們把網(wǎng)頁制作完成后，發(fā)到WBS上，使大家都能看見我們的網(wǎng)頁，在上傳完成后我們要自己在瀏覽器中打開我們自己的網(wǎng)站，逐個鏈接進(jìn)行測試，發(fā)現(xiàn)問題，修改問題，然后再上傳測試。

7、推廣宣傳：網(wǎng)頁做好之后，我們要對其進(jìn)行宣傳，只有這樣才能提高網(wǎng)頁的訪問量和知名度。推廣宣傳的方法有很多，我們只需要選擇簡單方便、經(jīng)濟(jì)適用的一些方法即可。2.2做網(wǎng)頁的要素

1、網(wǎng)頁的整體布局設(shè)計

網(wǎng)頁設(shè)計作為一種視覺語言，要講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計通過文字圖形的空間組合，表達(dá)出和諧與美。一個優(yōu)秀的網(wǎng)頁設(shè)計者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個網(wǎng)頁生輝。多頁面站點(diǎn)頁面的編排設(shè)計要求把頁面之間的有機(jī)聯(lián)系反映

出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。尤其是我們在利用網(wǎng)頁效果體現(xiàn)在線營銷的意圖時，更要注意為了達(dá)到最佳的視覺表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱、類別、型號、價格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個流暢的視覺體驗，從而方便他對產(chǎn)品的了解，促成最后的購買。

2、網(wǎng)頁設(shè)計中色彩的運(yùn)用

色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁設(shè)計中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響，合理地加以運(yùn)用，按照色彩的記憶性原則，一般暖色較冷色的記憶性更強(qiáng)一些。色彩還具有聯(lián)想與象征的特質(zhì)，如紅色象征血、太陽；藍(lán)色象征大海、天空和水面等。所以如果我們在對一家出售冷食的商店進(jìn)行虛擬店面的頁面設(shè)計時，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些，增強(qiáng)人們的購買心理，使得在線營銷得到很好的實踐效果。另要注意的是網(wǎng)頁的顏色應(yīng)用雖沒有限制，但不能毫無節(jié)制地運(yùn)用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，在已經(jīng)有了完備的CIS（企業(yè)形象識別系統(tǒng)）的企業(yè)進(jìn)行網(wǎng)頁設(shè)計時，更應(yīng)該按照其中的VI進(jìn)行色彩運(yùn)用。在色彩的運(yùn)用過程中，還應(yīng)注意的一個問題是：由于國家和種族、宗教和信仰的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對色彩的喜惡程度有著很大的差異。如：兒童喜歡對比強(qiáng)烈、個性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設(shè)計中要考慮眾多因素。

3、網(wǎng)頁形式與內(nèi)容相統(tǒng)一

要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計中，它的均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本元素，要使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果。網(wǎng)頁設(shè)計中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計意境

2.3系

統(tǒng)

各

模

塊

功

能

實

現(xiàn)http:// 1.圖片模塊

1）該功能模塊可以介紹學(xué)校各個有關(guān)方面內(nèi)容，使學(xué)生更清晰的去尋找自己所用的。

2.學(xué)生注冊模塊

1）該功能模塊主要是讓學(xué)生可以通過學(xué)籍號來注冊會員 2）該功能可以通過學(xué)生的注冊，通過學(xué)生自己填寫，來完善學(xué)

生的在?；拘畔ⅰ?/p>

3.賬號登陸及管理模塊

1）該功能模塊主要提供學(xué)生的登陸和對賬號密碼進(jìn)行修改功能。4.在線留言模塊

1）該功能模塊是學(xué)生可以通過注冊后登陸，進(jìn)行在線留言，或者發(fā)表看法。

第三章 學(xué)校網(wǎng)站的建立步驟 3.1確定學(xué)校網(wǎng)站的主題

該學(xué)校網(wǎng)站主要是面向在校大學(xué)生，向在校大學(xué)生展示學(xué)校的美好生活、精彩瞬間。作品的主要技術(shù)指標(biāo)包括：制作出一個靜態(tài)和動態(tài)的“學(xué)校網(wǎng)站”，在制作過程中，加強(qiáng)和深化以前所學(xué)的關(guān)于網(wǎng)頁設(shè)計的方法，為了使得學(xué)生能在該網(wǎng)站了解學(xué)校的全面情況，該網(wǎng)站必須能夠及時更新并且盡快的提供給學(xué)生新的信息。

確定學(xué)校網(wǎng)站的基本概念是對以前所學(xué)知識的概括整理，這部分內(nèi)容偏重于實際需求；需求分析與選題強(qiáng)調(diào)實踐與應(yīng)用。為了能夠吸引更多學(xué)生的眼球我設(shè)計了一套方案：

1.首先根據(jù)頁面要展示內(nèi)容的多少，在photoshop中新建一個適合的網(wǎng)頁寬度和長度的文件。

2.在畫布上按自己的想法結(jié)合實際內(nèi)容，用各圖形工具在畫布上畫上整個網(wǎng)頁基本的布局。

3.基本布局的設(shè)計定下之后再對各部分進(jìn)行具體設(shè)計，細(xì)化每個部分，特別是靜態(tài)的部分。

4.在Photoshop里完成整個頁面的設(shè)計后，進(jìn)行切片，將要動態(tài)顯示的地方切出來，還有就是大的圖片要切一下，能提高網(wǎng)頁讀取速度。按Shift+Ctrl+Alt+S存儲為.html格式后，用Dreamweaver編輯將需要作為背景的單元格中的圖片設(shè)為該單元格的背景，另存為index.asp。

5.將所有頁面，拷到所屬文件夾，然后與后臺數(shù)據(jù)庫連接起來，即可通過對后臺數(shù)據(jù)庫內(nèi)容的添加、刪除、修改來對網(wǎng)頁的相關(guān)內(nèi)容進(jìn)行操作，例如在數(shù)據(jù)庫注冊登錄表中刪除一個用戶信息，那么這個用戶再次用原先的登錄信息登錄時就無法登錄成功了。

6.在Dreamweaver中網(wǎng)頁的左側(cè)類似“書卷”的區(qū)域插入一張表格，并在代碼相應(yīng)位置插入滾動文字特效的代碼，實現(xiàn)文字至下而上滾動，鼠標(biāo)移過文字時滾動停留的功能。

7.在Dreamweaver8.0里打開主頁面，在頁面中相對應(yīng)除插入圖片切換的代碼，實現(xiàn)學(xué)校網(wǎng)站的部分內(nèi)容自動切換的效果。

8.在Dreamweaver8.0里打開主頁面，切換到設(shè)計視圖，將雪花鼠標(biāo)特效代碼復(fù)制在