個人網(wǎng)站設(shè)計精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的個人網(wǎng)站設(shè)計主題范文，僅供參考，歡迎閱讀并收藏。

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

關(guān)鍵詞：個人網(wǎng)站；Dreamweaver；flash；html

中圖分類號：TP393文獻標識碼：A文章編號：1009-3044（2013）35-8096-02

1網(wǎng)站制作基本說明

1.1制作人員所需具備技能

靜態(tài)網(wǎng)頁設(shè)計與制作是網(wǎng)站建設(shè)與開發(fā)的重要步驟，如果要想制作出美觀、實用的網(wǎng)頁，需要制作人員需掌握網(wǎng)頁設(shè)計基本工具的使用，首先，制作者要掌握HTML標簽和語法規(guī)則，可以使用記事本等工具編寫基本網(wǎng)頁，還要掌握dreamweaver網(wǎng)頁設(shè)計與制作軟件，同時，網(wǎng)頁設(shè)計與制作過程中還要對圖片進行處理，所以制作人員需要熟練操作photoshop等圖像處理軟件。網(wǎng)站制作完成后，制作人員需要具備空間、域名申請和上傳網(wǎng)站的能力。

1.2網(wǎng)站運行環(huán)境

硬件環(huán)境

CPU：主頻在166MHz以上，Intel或AMD。

內(nèi)存：容量在32MB以上。

硬盤：空間在1GB以上，轉(zhuǎn)速在5400轉(zhuǎn)/秒或者更高。

顯示器：尺寸在15英寸以上，色彩為16位色以上，分辨率800*600，推薦使用1024*768。

顯卡：VGA顯卡，顯存在1MB以上。

軟件環(huán)境

操作系統(tǒng)：簡體中文版WindowsXP。

瀏覽器：InternetExplorer4.0/5.0。

調(diào)試與運行輔助工具：InternetInformationServer。

2網(wǎng)站的總體規(guī)劃

2.1網(wǎng)站總體規(guī)劃

根據(jù)自己的思考和設(shè)計前的準備，將此個人生活網(wǎng)站分為“首頁”、“日志”、“相冊”、“個人檔”、“音樂”、“收藏”這6個網(wǎng)站模塊?？傮w結(jié)構(gòu)圖1所示。

2.2網(wǎng)站的風格

網(wǎng)站整體運用格布做背景，格布上加入格布花、紐扣等進行點綴。風格上主要強調(diào)簡潔、大方、布局簡單的特點。主頁由flash制作，通過div+css布局模式進行網(wǎng)站布局風格的統(tǒng)一，同時利用CSS層疊樣式表對網(wǎng)站的導航和字體大小以及版權(quán)信息進行統(tǒng)一的設(shè)計，使得網(wǎng)站的風格得到了統(tǒng)一。

3網(wǎng)站開發(fā)過程

3.1素材準備

素材的準備是制作網(wǎng)站的基本條件，只有準備好必備的素材，才能夠快速的制作網(wǎng)站，而不會浪費不必要的時間和精力。

準備網(wǎng)站的素材不僅要從網(wǎng)站的各個欄目的規(guī)劃考慮，也要考慮各個頁面用到的圖片、內(nèi)容、特殊效果等等，具體的網(wǎng)站有：網(wǎng)頁大寶庫、懶人圖庫、素材精品屋等。

準備好素材以后，需要對文本、圖片、樣式、特效等進行基本的處理，同時還要將素材進行分類，具體分類文件夾如：images、flash、music、style。

3.2首頁制作

首先把整理好的素材分別放在images、flash、music三個文件夾下。

建立站點

1）打開Dreamweaver軟件。

2）單擊“站點”菜單，進行“新建站點”操作。

3）在站點定義對話框中輸入網(wǎng)站名稱“mywebsite”，本地根目錄文件夾”是指你網(wǎng)站保存的磁盤路徑，選擇d：＼myweb后，單擊“確認”按鈕。

4）經(jīng)過以上基本操作，一個站點就建立好了。

5）把images、flash、music三個文件夾剪切到站點文件夾下，再新建html文件夾。

6）右鍵單擊“站點”面板中根目錄下的html文件夾，新建網(wǎng)頁首頁文件，命名為”index.html”。

7）打開首頁文件index.html進入編輯狀態(tài)。

8）建立表格，使表格居中對齊。

9）點擊表格內(nèi)部在執(zhí)行菜單中，插入——媒體——flash。

10）同樣的方法插入flash背景音樂文件未命名-5.swf。

11）點擊修改——頁面屬性——外觀——背景圖像，單擊瀏覽選擇所需背景圖片。

4模版的建立

1）首先建立一個大表格并且使表格居中，接著制作嵌套表格，使用插入表格命令，在大表格內(nèi)插入所需行數(shù)和列數(shù)表格，設(shè)置寬度百分比“Percent”（百分比），在文本框中輸入100，單擊“OK”，所插入的表格剛好充滿第一個單元，然后插入一行三列的表格，左右分別為100寬居中表格寬度為600，最后再居中嵌入一行七列的導航欄和一列的文本內(nèi)容欄。

2）表格嵌套完成后開始編輯導航條，首先輸入導航文字內(nèi)容，給每欄文字分別添加鏈接為【#】點擊導航條表格的，在屬性菜單下編輯邊框大小為3、顏色為#FFCC99。選擇執(zhí)行菜單中，頁面屬性——鏈接，設(shè)置文字鏈接，添加鏈接效果：鏈接顏色與已訪問鏈接顏色為#ffcc99變換圖像鏈接顏色為#ffff00，下劃線樣式為僅在變換圖像是顯示下劃線。

3）添加網(wǎng)頁背景圖案，頁面屬性——外觀——背景圖像，選擇好事先存放在images里的背景圖案。

4）添加table中的背景圖案，單擊在屬性中選擇背景圖像，添加圖像，這樣模板就完成了。

作者：胡旭

參考文獻： 

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

關(guān)鍵詞:網(wǎng)站 藝術(shù)設(shè)計 網(wǎng)頁色彩

網(wǎng)絡在現(xiàn)實生活中正充分發(fā)揮著重要作用,而隨著科學技術(shù)的發(fā)展,網(wǎng)絡在將來也有著無限的潛力。網(wǎng)站受到了社會各個領(lǐng)域的重視,政府機構(gòu)需要利用網(wǎng)絡來公布政府信息;商業(yè)企業(yè)需要利用網(wǎng)站來樹立企業(yè)形象、產(chǎn)品信息、開拓國內(nèi)外市場;個人也要利用網(wǎng)站來展示自我。網(wǎng)站對人們的交流和溝通起著極其重要的作用。

網(wǎng)站技術(shù)與藝術(shù)結(jié)合的緊密性

電腦用戶暢游在互聯(lián)網(wǎng)上時,在瀏覽器中所看到的各種各樣繽紛多彩的網(wǎng)站頁面,都是設(shè)計者精心的藝術(shù)設(shè)計。

所謂網(wǎng)站,可以看做是一系列文檔的組合,這些文檔之間通過各種鏈接關(guān)聯(lián)起來,可能擁有相似的屬性,例如描述相關(guān)的主體,采用相似的設(shè)計,或?qū)崿F(xiàn)相同的目的等;也可能只是毫無意義的鏈接,利用瀏覽器,就可以從一個文檔跳轉(zhuǎn)到另一個文檔,實現(xiàn)對整個網(wǎng)站的瀏覽。

合理地安排網(wǎng)站布局,對瀏覽的效果是非常重要的。網(wǎng)站中的網(wǎng)頁藝術(shù)設(shè)計應該具有統(tǒng)一性,這樣才能夠突出站點要表述的主題,也同時能夠幫助用戶快速了解站點的結(jié)構(gòu)和瀏覽機制。文檔藝術(shù)統(tǒng)一化的特征之一就是在多個網(wǎng)頁上重復出現(xiàn)某些對象,如文本、圖像或聲音等。例如,在每個網(wǎng)頁上的左上角放置公司的徽標,在右下角放置創(chuàng)作者的聯(lián)系地址。實際創(chuàng)作時,維護這種風格的操作可并不簡單,這是因為一個公司的徽標可能由幾幅更小的圖像和文本組合而成,要放置公司的徽標,不僅需要在頁面上插入圖像和文本,還需要精確調(diào)節(jié)它們之間的位置,以最后形成徽標。如果要往多個網(wǎng)頁上放置徽標,對每個網(wǎng)頁都需要進行上邊同樣的操作,而且還可能由于位置的擺放不整齊等原因,造成網(wǎng)頁間徽標形象的不統(tǒng)一,從而影響網(wǎng)站的整體質(zhì)量。因此,網(wǎng)站的藝術(shù)設(shè)計要在網(wǎng)站規(guī)劃時就準備好。

設(shè)計是主觀和客觀共同作用的結(jié)果,是在自由和不自由之間進行的,設(shè)計者不能超越自身已有經(jīng)驗和所處環(huán)境提供的客觀條件限制。優(yōu)秀的設(shè)計者正是在掌握客觀規(guī)律的基礎(chǔ)上得到了完全的自由――一種想象和創(chuàng)造的自由。網(wǎng)絡技術(shù)主要表現(xiàn)為客觀因素,藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素,網(wǎng)頁設(shè)計者應積極主動地掌握現(xiàn)有的各種網(wǎng)絡技術(shù)規(guī)律,注重技術(shù)和藝術(shù)的緊密結(jié)合,這樣才能窮盡技術(shù)之長,實現(xiàn)藝術(shù)想象,滿足瀏覽者對高質(zhì)量網(wǎng)頁信息的需求。

藝術(shù)設(shè)計是一門獨立的藝術(shù)學科,它的研究內(nèi)容和服務對象有別于傳統(tǒng)的藝術(shù)門類。同時,藝術(shù)設(shè)計也是一門綜合性極強的學科,它涉及社會、文化、經(jīng)濟、市場、科技等諸多方面的因素,其審美標準也隨著這諸多因素的變化而改變。藝術(shù)設(shè)計貴在創(chuàng)造活動與實踐。因此,藝術(shù)設(shè)計實際上是設(shè)計者自身綜合素質(zhì),它包括表現(xiàn)能力、感知能力、想象能力。例如,瀏覽者欣賞一段音樂或電影,以前必須先將這段音樂或電影下載回本地機器,然后使用相應的程序來播放,這是由于音頻或視頻文件都比較大,需要較長的下載時間。流技術(shù)出現(xiàn)以后,網(wǎng)頁設(shè)計者充分、巧妙地應用此技術(shù),讓瀏覽者在下載過程中就可以欣賞這段音樂或電影,實現(xiàn)了實時的網(wǎng)上視頻直播服務和在線欣賞音樂服務,這無疑增強了頁面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力。

網(wǎng)絡技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合,使網(wǎng)頁的藝術(shù)設(shè)計由平面設(shè)計擴展到立體設(shè)計,由純粹的視覺藝術(shù)擴展到空間聽覺藝術(shù),網(wǎng)頁效果不再近似于書籍或報紙雜志等印刷媒體,而更接近于電影或電視的觀賞效果。技術(shù)發(fā)展促進了技術(shù)與藝術(shù)的緊密結(jié)合,把瀏覽者帶入一個真正現(xiàn)實中的虛擬世界。技術(shù)與藝術(shù)的緊密結(jié)合在網(wǎng)頁藝術(shù)設(shè)計中體現(xiàn)得尤為突出。

網(wǎng)絡多媒體的綜合性

多媒體就是指多種媒體(包括文字、圖形、圖像、聲音、動畫等媒體)交織在一起反映信息的表現(xiàn)形式。網(wǎng)絡多媒體指的是集多媒體技術(shù)、計算機網(wǎng)絡通信技術(shù)、音視頻技術(shù)和控制技術(shù)于一體的形式。多媒體技術(shù)的發(fā)展也使網(wǎng)頁技術(shù)不斷發(fā)展。隨著網(wǎng)絡寬帶的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣,必將促使設(shè)計者綜合運用多種媒體元素來設(shè)計網(wǎng)頁,以滿足和豐富瀏覽者對網(wǎng)絡信息傳輸質(zhì)量的更高要求。目前國內(nèi)網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面,在數(shù)據(jù)壓縮技術(shù)的改進和流技術(shù)的推動下,Internet網(wǎng)上出現(xiàn)了實時的音頻和視頻服務,典型的有在線音樂、在線廣播、網(wǎng)上電影、網(wǎng)上直播、網(wǎng)絡電話等。因此,多種媒體的綜合運用是網(wǎng)頁藝術(shù)設(shè)計的特點之一,是未來的發(fā)展方向。

網(wǎng)頁不同于傳統(tǒng)媒體之處就在于信息的動態(tài)更新和即時交互性。即時的交互性是Web成為熱點的主要原因,也是網(wǎng)頁設(shè)計時必須考慮的問題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報紙雜志等)都以線性方式提供信息,即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在Web環(huán)境下,人們不再是一個傳統(tǒng)媒體方式的被動接受者,而是以一個主動參與者的身份加入到信息的加工處理和之中。這種持續(xù)的交互,使網(wǎng)頁藝術(shù)設(shè)計不像印刷品設(shè)計那樣,發(fā)表之后就意味著設(shè)計的結(jié)束。網(wǎng)頁設(shè)計人員必須根據(jù)網(wǎng)站各個階段的經(jīng)營目標,配合網(wǎng)站不同時期的經(jīng)營策略,以及用戶的反饋信息,經(jīng)常對網(wǎng)頁進行調(diào)整和修改。例如,為了保持瀏覽者對網(wǎng)站的新鮮感,很多大型網(wǎng)站總是定期或不定期地進行改版,這就需要設(shè)計者在保持網(wǎng)站視覺形象一貫性的基礎(chǔ)上,不斷創(chuàng)作出新的網(wǎng)頁設(shè)計作品。

網(wǎng)站藝術(shù)設(shè)計的色彩構(gòu)成表現(xiàn)

隨著網(wǎng)絡技術(shù)的不斷發(fā)展,網(wǎng)站建設(shè)已經(jīng)成了一門藝術(shù),網(wǎng)頁藝術(shù)設(shè)計是藝術(shù)與技術(shù)的高度統(tǒng)一,它不僅包含網(wǎng)頁設(shè)計元素與版式設(shè)計兩項內(nèi)容,而且具有版面布局的合理性、藝術(shù)與技術(shù)結(jié)合的緊密性等特點。

色彩構(gòu)成即色彩的相互作用,它是從人對色彩的知覺和心理效果出發(fā),用科學分析的方法,把復雜的色彩現(xiàn)象還原為基本要素,利用色彩在空間、量與質(zhì)上的可變換性,按照一定規(guī)律去組合各構(gòu)成之間的相互關(guān)系,再創(chuàng)造出新的色彩效果的過程。色彩構(gòu)成是藝術(shù)設(shè)計的基礎(chǔ)理論之一,它與平面構(gòu)成及立體構(gòu)成有著不可分割的關(guān)系,色彩不能脫離形體、空間、位置、面積、肌理等獨立存在。重復、漸變以及空間構(gòu)成都是色彩構(gòu)成的方式,它們同樣也適用于網(wǎng)頁。運用這些形式不僅可以使網(wǎng)頁具有充實、厚重、整體、穩(wěn)定的視覺效果,而且能夠豐富網(wǎng)頁的視覺效果,尤其是空間構(gòu)成的運用能夠產(chǎn)生三維的空間,增強網(wǎng)頁的深度感以及立體感。色彩情感的進一步升華在于它能深刻地表達人的觀念和信仰,這就是色彩的象征性意義。因此,網(wǎng)站設(shè)計要懂得如何使用色彩來表達內(nèi)容及象征性意義。

網(wǎng)站版面的藝術(shù)表現(xiàn)

網(wǎng)頁版式設(shè)計根據(jù)網(wǎng)絡應用的不同,在各個方面制定的標準也不會完全統(tǒng)一,因此,網(wǎng)站設(shè)計無法控制頁面在用戶端的最終顯示效果,正因為如此,網(wǎng)頁藝術(shù)設(shè)計的魅力也就很好地表現(xiàn)出來了。我們可以從兩種不同的網(wǎng)站來探討其版面的藝術(shù)表現(xiàn)。

第一,個人網(wǎng)站。個人網(wǎng)站是針對個人的愛好和專業(yè)特長,并按照個人的想法收集資料,然后制作的網(wǎng)站。個人網(wǎng)站的性質(zhì)決定了網(wǎng)絡賦予每個人無限的自由和空間,只要在法律允許的范疇內(nèi),任何個人和企業(yè)都可以在網(wǎng)絡中自由創(chuàng)造。因此,隨心所欲,展示自我即為個人網(wǎng)站的鮮明特色。根據(jù)個人網(wǎng)站的豐富色彩和自由展示的內(nèi)容,其特點為:1.個性化。在色彩的運用、內(nèi)容展示及結(jié)構(gòu)規(guī)劃上,個人網(wǎng)站可以憑自己的愛好,在網(wǎng)絡中盡顯個性。2.多樣性。網(wǎng)絡賦予了每個人無限的空間,人們完全可以通過自己掌握的網(wǎng)頁制作技術(shù),來制作出自己希望展現(xiàn)在網(wǎng)絡中的形式和內(nèi)容。3.單一性。個人網(wǎng)站的另一特點就是單一性,由于個人網(wǎng)站受人力的制約,通常反映的只是個人的愛好和專長,所以在內(nèi)容方面存在著單一性。

第二,企業(yè)宣傳網(wǎng)站。企業(yè)網(wǎng)站的范圍很廣大,涉及各個領(lǐng)域,但它們的共同特點都是以宣傳為主。企業(yè)宣傳自己的目的都是為了提高企業(yè)形象,希望有越來越多的人能關(guān)注自己的公司和產(chǎn)品,以獲得更大的發(fā)展,所以這一點是網(wǎng)站設(shè)計者最需要理解和關(guān)注的問題。制作企業(yè)宣傳網(wǎng)站要根據(jù)企業(yè)所處的行業(yè)、企業(yè)自身的特點、企業(yè)面向的用戶,以及企業(yè)最新最全的資訊,深入了解企業(yè)才能制作出適合企業(yè)特點的網(wǎng)站。

總之,制作一個完美的網(wǎng)站,首先考慮的是對網(wǎng)站的整體策劃,然后再收集資料、創(chuàng)建本地站點、制作網(wǎng)頁。在制作網(wǎng)頁過程中,還要考慮到網(wǎng)站設(shè)計的藝術(shù)性,因為合適的布局和個性的色彩基調(diào)是策劃網(wǎng)站的前提條件,可以使整個網(wǎng)站的氣氛更活潑生動,更有人氣。

參考文獻:

1.鐘蜀珩:《色彩構(gòu)成》,中國美術(shù)學院出版社。

2.胡崧:《網(wǎng)站建設(shè)實例大制作》,中國青年出版社。

3.匡文波:《網(wǎng)絡媒體概論》,清華大學出版社。

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

>> 淺談網(wǎng)站設(shè)計的規(guī)劃 淺談旅游公司網(wǎng)站的設(shè)計 淺談網(wǎng)站的設(shè)計與開發(fā) 淺談網(wǎng)站設(shè)計的技術(shù)要求 淺談如何設(shè)計成功的網(wǎng)站導航 淺談網(wǎng)站導航設(shè)計 淺談網(wǎng)站風格設(shè)計 網(wǎng)站的設(shè)計 淺談網(wǎng)站設(shè)計的風格、色彩與排版 淺談護理信息網(wǎng)站的設(shè)計與建設(shè) 淺談小型企業(yè)網(wǎng)站的設(shè)計 淺談高并發(fā)網(wǎng)站的設(shè)計技巧 淺談高校校園網(wǎng)網(wǎng)站的版面設(shè)計 淺談精品課程網(wǎng)站的設(shè)計與建設(shè) 淺談電子商務網(wǎng)站的設(shè)計與應用 淺談網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)的創(chuàng)意與實施 淺談校園門戶網(wǎng)站的設(shè)計與實現(xiàn) 淺談用戶體驗在網(wǎng)站設(shè)計中的體現(xiàn) 淺談教育網(wǎng)站中網(wǎng)頁背景的設(shè)計 淺談主流女性網(wǎng)站的頁面設(shè)計 常見問題解答 當前所在位置：l、.htm為擴展名。

二、動態(tài)頁面

和靜態(tài)頁面相比，字面意思就與靜態(tài)頁面相反，其內(nèi)容也是與靜態(tài)網(wǎng)站相反的。動態(tài)頁面是網(wǎng)站與客戶端那邊用戶互動的頁面，是通過執(zhí)行asp、php、jsp、net等程序生成客戶端網(wǎng)頁代碼的網(wǎng)頁。動態(tài)頁面一般是通過網(wǎng)站上的后臺管理系統(tǒng)對網(wǎng)站的內(nèi)容進行更新管理的，就是平時我們用瀏覽器瀏覽的一些網(wǎng)頁，這些網(wǎng)頁是在不斷更新中的，人們可以在上面各種新聞，產(chǎn)品信息，甚至甚至交易。這些都是動態(tài)網(wǎng)頁的一些基本的和常見的功能。動態(tài)頁面常見的擴展名有：.asp、.php、.cgi等。動態(tài)頁面是一種最常見的網(wǎng)站表達形式，其優(yōu)點在于可以根據(jù)先前所指定好的程序界面，根據(jù)用戶的不同請求返回相應的數(shù)據(jù)。動態(tài)網(wǎng)站可以說是多方資料對應多方需求的網(wǎng)頁，從而達到資源的最大利用和節(jié)省服務器上的物理資源。如果今后需要改變站點風格，只需要重新制作前后臺所訪問的數(shù)據(jù)即可。只要數(shù)據(jù)庫結(jié)構(gòu)不變，可以很快地進行改版。

三、網(wǎng)站中的圖像

打開網(wǎng)站，依照人們的視覺順序首先看到的應該是網(wǎng)頁的頂部，所以頂部應該放上能夠讓讀者一目了然的網(wǎng)頁基本介紹，LOGO是網(wǎng)頁的基本形象。

為網(wǎng)站設(shè)計一個好的LOGO是必要的。好的LOGO可以給人非凡的印象，使人們過目不忘，而且回頭率往往高過網(wǎng)站內(nèi)容。好的LOGO要顏色鮮艷，內(nèi)容簡練，使讀者一目了然而且容易理解，從簡易的方向出發(fā)，達到易讀的效果。用photoshop把做好的LOGO放在網(wǎng)站的頂端，然后無縫連接，之后再在后面加入本網(wǎng)站的鏈接。

網(wǎng)站背景圖片是網(wǎng)站作過程中不可缺少的基本元素。背景圖片的尋找是要有一定講究的，不能與網(wǎng)站內(nèi)容差異太大，要符合網(wǎng)站的本意，言而不實的網(wǎng)站是不會吸引讀者的，那么所設(shè)計的網(wǎng)站就沒有意義。

所以說好的網(wǎng)站背景圖片與好的網(wǎng)站設(shè)計是分不開的。我們往往找到了合適的網(wǎng)站背景圖片，圖片的邊緣部分與背景會有一定的差異，也就是圖片的背景和之前所設(shè)計的網(wǎng)站背景差別很大，如果生硬地把他們放上去，看上去相當不自然，如同一塊補丁在上面，會影響網(wǎng)站效果。這時候我們就需要利用修改圖片的工具photoshop。在處理圖片時，一般用羽化、過渡、填充等效果來實現(xiàn)這一目標。這樣會使圖片邊緣更加融于網(wǎng)站的底色。底色，就是在進行網(wǎng)站設(shè)計時，一般可以采用固定的背景做底色，或者指定一副圖像或多幅圖像作為網(wǎng)站的底板。這樣做出來的網(wǎng)頁才更為生動，更難惹人眼球，作為一個設(shè)計師這是必要的。不一樣的底紋給人們帶來的感覺也是不一樣的。紅色的底紋給我們帶來喜悅和視覺沖擊，白色給人平穩(wěn)、安靜的感覺，黃色使人積極進取……這還要根據(jù)網(wǎng)站所要表現(xiàn)的內(nèi)容而決定，雖然網(wǎng)站的內(nèi)容是以傳遞更多更豐富的資料給大家的，但是再多的資訊和信息都要忠于一個大的環(huán)境主題。

要想建立一個個人網(wǎng)頁，最重要的是先做好前期的準備工作。

想要建立一個成功的網(wǎng)站，我們就要根據(jù)自己的需要和現(xiàn)代社會的形勢，不能太偏激太自我，還要符合大眾的口味?，F(xiàn)在很多設(shè)計網(wǎng)站的設(shè)計師們大多在準備期間大量的搜集自己感興趣的資料在頁面里面，在后期因為個人能力有限沒有足夠的時間去維持大量的新鮮的資料而無力維護頁面的更新，導致個人信心下降，其實原因不在于網(wǎng)站的設(shè)計，而是前期想要表現(xiàn)太多的內(nèi)容導致的。所以要有一個持續(xù)的、更新良好的網(wǎng)站，我們最好選定一個固定的風格，有一個主題來表達，只要縮小了以后更新的范圍，給讀者也就鎖定了目標。平穩(wěn)的風格使讀者也有了平穩(wěn)的心情去享受你的網(wǎng)頁，這樣讀者會產(chǎn)生一種平靜的心態(tài)，以這種心態(tài)去瀏覽你的網(wǎng)頁上的內(nèi)容，讀者能夠讀進去，能體會到辦這個網(wǎng)站的目的，這樣讀者會慢慢的喜歡上你這個網(wǎng)站，會經(jīng)常來瀏覽，這樣人氣指數(shù)就會上升的。

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

一、策劃書封面四種內(nèi)容構(gòu)成：

一種：策劃書的名稱：將策劃主題體現(xiàn)出來，讓使用者一目了然。

二種：策劃者姓名：策劃小組名稱及呈圓形名列示出來。

三種：策劃書制作時間：年、月、日。

四種：策劃書的編號。

二、策劃書的正文 摘要：策劃目錄以及對策劃內(nèi)容的簡要說明。

1、目錄：

2、前言：策劃經(jīng)過的說明。

3、策劃內(nèi)容的詳細說明。

4、策劃實施步驟以及各項具體分工：時間、人員、費用、操作等。

5、策劃的期望效果與預測效果。

6、策劃中的關(guān)鍵環(huán)節(jié)，策劃實施中應注意的事項。

7、策劃書的附錄。

8、供參考的文獻與案例。

9、如有第二、第三備選方案，列出其概要。

10、其他與策劃內(nèi)容相關(guān)的事宜。

網(wǎng)站策劃書（一）

一. 網(wǎng)站建設(shè)目標

1.1 網(wǎng)站目標：

隨著中國加入WTO ，Internet 也在以迅猛的勢頭在國內(nèi)爆發(fā)式地增長，網(wǎng)絡憑借其卓越的互動性與便捷的交流手段正成為最有發(fā)展?jié)摿εc前途的新興媒體，成為眾商家倍為關(guān)注的宣傳熱點。尤其是傳統(tǒng)大型企業(yè)更應該充分利用互聯(lián)網(wǎng)技術(shù)，為客戶、合作伙伴在網(wǎng)上提供信息服務，并且借助互聯(lián)網(wǎng)，敏銳的捕捉商機。

作為服務行業(yè)的先鋒專業(yè)企業(yè)，蒙牛集團更需要建設(shè)好網(wǎng)站，將其作為對外宣傳、服務和交流的載體，來配合集團的迅速發(fā)展，使網(wǎng)站具有鮮明的行業(yè)特色，使更多的企業(yè)通過網(wǎng)絡來了解集團，使更多的客戶通過網(wǎng)絡來了解集團的產(chǎn)品。

1.2 設(shè)計原則

整個網(wǎng)站以清涼的感覺為主線進行設(shè)計，使人看到網(wǎng)站就有一種很清爽的感覺從而想到我們的產(chǎn)品— “隨便”雪糕。

二、策劃主體：蒙?！?隨變” 雪糕

三、主體分析：

1. 本體信息分析：雪糕是夏季生活中人們非常喜愛的食品，最基本的特征是解渴，

在炎熱的夏天帶給人一絲清涼。同時蒙?！?隨變” 雪糕是牛奶和巧克力混合制成的，口感好，味道香濃。是蒙牛集團的產(chǎn)品，質(zhì)量有保證。

2. 附加信息分析：除了本身的口感好，好吃外，還有就是借助雪糕名稱“ 隨變” ，可以傳達出時尚，個性，青春有活力的訊息。

四、客體分析：追求時尚、個性和新奇的年輕人

首先雪糕作為一種零食，他的消費群體一般都是以小孩和年輕人為主，這是產(chǎn)品本身的特點決定的。但小孩的消費一般都是由大人決定的，所以我們選擇年輕人作為客體，一是因為年輕人比較追求時尚，喜歡個性的東西，再就是年輕人一般都會追求品牌，追求新奇的事物。

“ 隨變” 雪糕作為蒙牛的一個品牌，其質(zhì)量品質(zhì)是不用懷疑的，他的美味是吸引人的主要原因；

借助“ 隨變” 這個特殊的名字，在廣告中增加其的使用率，一味的強調(diào)可以讓更多的人記住他。同時，“ 隨變” 還具有一定的時尚氣息，具有其獨特的個性，抓住受眾求新的特點。

五、目標定位：

作為第一個推銷產(chǎn)品的廣告，提高這個產(chǎn)品牌子的知名度，讓更多人了解熟悉這個牌子。

六. 網(wǎng)站整體結(jié)構(gòu)

先以一個 FLASH 頁面出現(xiàn)，以此引出我們的產(chǎn)品，然后網(wǎng)站內(nèi)導航欄上依次要寫出該產(chǎn)品的制作，介紹，所含的主要配料，銷售產(chǎn)地，聯(lián)系方式等等相關(guān)內(nèi)容，下方有會員的登陸和注冊的頁面，還有一些鏈接的頁面 ……

七. 主要欄目及網(wǎng)站管理功能說明

6.1 網(wǎng)站首頁的勾畫

首頁是企業(yè)網(wǎng)站的第一窗口，決定客戶對企業(yè)文化第一印象認知度的關(guān)鍵頁面，首頁的布局和頁面風格的設(shè)定，對網(wǎng)站整體定位起著決定性的作用。擁有專業(yè)而朝氣的美工設(shè)計隊伍，精彩的FLASH 矢量動畫技術(shù)和資深的網(wǎng)站策劃工程師。為客戶的網(wǎng)站度身定制獨有的風格和整體形象結(jié)構(gòu)。

設(shè)計師為蒙?！半S便”雪糕網(wǎng)站精心設(shè)計的FLASH 形象

6.2 首頁內(nèi)容

網(wǎng)站提供訪問者注冊會員端口，集團可以根據(jù)現(xiàn)有的優(yōu)惠政策或其他吸引方式吸引訪問者注冊會員，訪問者只需輸入簡單注冊信息，即可成為*** 會員。所有會員的信息資料均存儲于系統(tǒng)數(shù)據(jù)庫中，以直觀的表格形式呈現(xiàn)于后臺，管理員可以很方便的對會員信息進行管理，可以查詢、修改、刪除會員的信息。

會員系統(tǒng)同電子郵件群發(fā)系統(tǒng)的結(jié)合，能夠?qū)⒐镜淖钚碌膭討B(tài)、活動情報和優(yōu)惠信息傳達給客戶，體現(xiàn)會員的優(yōu)勢。

會員系統(tǒng)的采用，為集團產(chǎn)品的市場運作提供真實有效的信息支持。

會員注冊頁面（具體注冊項目以*** 要求為準）：

會員登錄頁面：

會員面板（用戶端）：

會員管理面板：

郵件群發(fā)（推薦）

郵件群發(fā)系統(tǒng)是網(wǎng)站管理員與會員溝通以及企業(yè)推廣產(chǎn)品的工具。網(wǎng)站管理員可選擇不同類型的會員群發(fā)郵件，郵件內(nèi)容可以是文本格式，也可以是HTML 頁面格式，發(fā)送郵件還可選擇個性化發(fā)送，即在郵件中帶上該會員的名字，例如：“尊敬的某某”，這樣讓接收者感覺信是專門為他而發(fā)，覺得很親切，從而對信件內(nèi)容的排斥就會減少很多。

電子郵件地址自主添加、查看、刪除

6.3 首頁FLASH 內(nèi)容

有一對情侶坐在一起約會，天氣很熱，男孩問女孩要什么冷飲，女孩說“ 隨變” ，男孩去買，他在柜臺隨便買了個就回來，遞給女孩，女孩一看郁悶了，說我不要這個. 男孩又去買… 又回來… 女孩還是不要；男孩又去換了種，女孩還是不要，還很不耐煩的說你怎么這么苯啊，男孩就郁悶了—— 一向很溫柔的女朋友怎么象變了個人。女孩說我要的是＂隨變＂男孩再次去柜臺，這次正好買了根隨便，女孩這次很開心～～

可是這次男孩不管跟女孩說什么甜言蜜語，女孩都只顧吃＂隨變＂除了搖頭就是點頭，最后的男孩生氣了，甩頭走了，女孩還在吃自己的＂隨變＂;

男孩火冒三丈，跑去柜臺買冷飲，老板問他要什么樣的，他無所謂的說隨便，老板給了他一根" 隨變”, 剛放嘴里就覺得美味無比，他突然理解了女孩. 跑回去找女孩，最后兩個坐在一起啃” 隨變” 。

八、可行性、可操作性分析：

隨著天氣的逐漸炎熱，雪糕必定會大面積的上市，要想在同類產(chǎn)品中脫穎而出，必定需要網(wǎng)站的宣傳。作為推出的第一個網(wǎng)站，主要的吸引受眾的注意，讓他們記住他，因此，在網(wǎng)站中我們利用簡單的情景故事突出其名稱的特色，比較容易對網(wǎng)站進行設(shè)計，同時網(wǎng)站具有一定的特色，更能吸引受眾觀看。

九、市場分析：

雪糕是人們夏日里喜愛的冷凍品, 無論是女孩子們還是男孩們都逃不出其誘惑性，但是買哪個品牌，就是商家競爭的焦點，對于雪糕這類的冷凍品，有些人害怕吃了傷胃或者長胖，但是年輕人有朝氣，很多消費都是帥性而為，很多都是感性的消費，所以相比較而言消費動機更強，更有購買潛力。

網(wǎng)站策劃書（二）

一、網(wǎng)站建設(shè)市場分析及網(wǎng)站的定位

我們把市場分析和網(wǎng)站的定位聯(lián)系起來放在第一章，是因為它們之間有所聯(lián)系，我們要根據(jù)市場分析得來的情況對網(wǎng)站進行定位和目標調(diào)整。與此同時，我們還要進行網(wǎng)站服務對象分析。

市場分析：

門戶網(wǎng)站：門戶網(wǎng)站包括綜合性門戶網(wǎng)站、電子商務類門戶網(wǎng)站、行業(yè)門戶網(wǎng)站、信息服務類門戶網(wǎng)站(這里我們將bbs歸類為綜合性門戶網(wǎng)站；將博客歸類為信息服務類門戶網(wǎng)站)。以筆者曾做過的一個汽配行業(yè)門戶網(wǎng)站為例，建站初期先進行市場調(diào)研，找到同行業(yè)的汽配網(wǎng)站有哪些，它們的主要欄目有什么，特色服務有什么，發(fā)展情況怎么樣等等。然后對它們的欄目進行取舍，再根據(jù)自身特點創(chuàng)辦欄目。確定自己網(wǎng)站的欄目之后，還要對同行業(yè)外網(wǎng)站進行篩選，找出內(nèi)容上互補的網(wǎng)站以便日后推廣時做鏈接與合作。對同行業(yè)的網(wǎng)站發(fā)展情況做個大致的了解后，根據(jù)實際情況檢查自己有什么樣的優(yōu)勢，有什么不利因素，然后才能對網(wǎng)站進行定位。

企業(yè)網(wǎng)站：企業(yè)網(wǎng)站的市場分析比較容易，因為企業(yè)建站的目的無非是想對企業(yè)自身進行更好的宣傳，想要在互聯(lián)網(wǎng)營銷中占有一席之地，想要提品的技術(shù)支持和在線互動，以便更好的為客戶服務，同時也提高企業(yè)利潤。企業(yè)網(wǎng)站的建設(shè)思路可以參照同行業(yè)做得比較好的網(wǎng)站，但同時也要根據(jù)自身的發(fā)展進行調(diào)整，切不可盲目跟從。企業(yè)網(wǎng)站同樣可以找到一些同行業(yè)的互補網(wǎng)站來進行鏈接。

個人網(wǎng)站：個人網(wǎng)站建設(shè)在內(nèi)容上往往是大同小異的，但是也有一些個人網(wǎng)站可以別出心裁，采用獨特的網(wǎng)站類型，這樣的建站效果通?？梢允盏狡嫘АＲ话銇碚f個人網(wǎng)站對市場分析是比較忽略的，但是大中型的個人網(wǎng)站應該進行市場調(diào)研，和門戶網(wǎng)站所做的一樣。

網(wǎng)站定位：

市場分析做完后，通常要有一個總結(jié)。然后要對自己將要做的網(wǎng)站有一個明確的認識，做出目標和定位。

網(wǎng)站目標：網(wǎng)站目標包括短期目標和長期目標。有目標的網(wǎng)站才能在網(wǎng)站建設(shè)和運營過程中了解網(wǎng)站的發(fā)展情況，根據(jù)具體情況制定具體措施。目標可以用多種形式來劃分，比如說用Alexa排名來劃分：一個月后排多少名；半年后排少名；一年后排多少名等等。也可以用贏利的形式來劃分：一個月贏利將達到多少；半年后贏利多少；一年后贏利多少等等。同樣的還可以用會員數(shù)、信息數(shù)量、網(wǎng)站流量、pv值等等來劃分，但要注意的是，一定要根據(jù)實際情況和有效的參考資料來制定目標，不能盲目，新建的一個站一個月就可以達到世界排名前100好象不太現(xiàn)實。

網(wǎng)站定位：網(wǎng)站的定位也可以說是目標。它是為自己的網(wǎng)站制定一個最終的目標。說的準確一點，網(wǎng)站定位除了包含網(wǎng)站要達到的目標之外，還包括網(wǎng)站的發(fā)展方向，網(wǎng)站的文化等等因素。

網(wǎng)站服務對象分析：

網(wǎng)站建設(shè)中不能忽略的就是：“這個網(wǎng)站究竟在為什么人提供服務？”對于這個問題，所以網(wǎng)站建設(shè)者都要注意。我們在網(wǎng)站建設(shè)中通常把網(wǎng)站的服務對象做一個比較，劃分出第一梯隊服務對象和第二梯隊服務對象以及其他梯隊服務對象(當然，對于某些web2.0網(wǎng)站來說，這種分析就沒有必要了)。

第一梯隊服務對象：對我們網(wǎng)站具有很高依賴性，或者是我們網(wǎng)站服務內(nèi)容主要面向的對象。

第二梯隊服務對象：對我們網(wǎng)站有興趣，或者是第一梯隊服務對象替補（所以第一梯隊服務對象替補就是一些本來應該是第一梯隊服務對象的，但對網(wǎng)站不了解，對互聯(lián)網(wǎng)不認同的一些企業(yè)或個人。它們隨時都有可能成為第一梯隊服務對象)，或者是和本行業(yè)互補的一些企業(yè)和個人。

第三梯隊服務對象：包括行業(yè)的研究者、學者、新聞媒體等等。

二、網(wǎng)站的內(nèi)容建設(shè)

在對網(wǎng)站進行市場分析調(diào)研和定位之后，我們要做的就是網(wǎng)站的基礎(chǔ)設(shè)施建設(shè)了，它包括網(wǎng)站的前臺頁面設(shè)計制作和網(wǎng)站的后臺編程，在網(wǎng)站全部做完之后還要進行網(wǎng)站測試和上傳等工作。

網(wǎng)站設(shè)計：

網(wǎng)站設(shè)計主要是對網(wǎng)站前臺頁面進行制作。所謂前臺設(shè)計通俗點講就是瀏覽者能夠看到的那部分，也就是所說的網(wǎng)頁。對于不同類型的網(wǎng)站，前臺設(shè)計情況可能略微不同。

門戶網(wǎng)站：門戶網(wǎng)站設(shè)計主要是簡單，界面友好，要追求網(wǎng)頁打開速度。門戶網(wǎng)站的首頁通常是比較簡單中留出一點獨特的風格，在不影響網(wǎng)頁速度的前提下保留個性與獨到。

企業(yè)網(wǎng)站：企業(yè)網(wǎng)站的設(shè)計通常有三種情況，第一種就是基于網(wǎng)站制作軟件生成的靜態(tài)的或者半靜態(tài)的模版。這樣的網(wǎng)站通常沒有什么獨特的地方，一般不會被瀏覽者輕易的記住。 第二種就是一些互聯(lián)網(wǎng)服務類公司為企業(yè)建立的所謂“標準首頁”的網(wǎng)站首頁，采用了大量的圖片元素和動畫效果，以至于網(wǎng)站的打開速度嚴重受到影響，這樣的網(wǎng)站和一些個人網(wǎng)站一樣，追求的是華麗的表現(xiàn)形式。第三類企業(yè)網(wǎng)站擁有和門戶型網(wǎng)站界面類似的首頁，這樣有利于網(wǎng)站打開速度，缺點是圖片較少，設(shè)計上如果沒有很好的創(chuàng)意也很難讓人記住。

個人網(wǎng)站：個人網(wǎng)站通常是兩種形式，一種是愛好型的非贏利網(wǎng)站，這種網(wǎng)站通常采用大量的圖片來追求炫目的感覺。一種是個人站長由于資金問題建立的個人門戶型網(wǎng)站，和門戶型網(wǎng)站的設(shè)計屬于一類。

網(wǎng)站編程：

網(wǎng)站編程是網(wǎng)站安全的基礎(chǔ)，一個好的程序可以是網(wǎng)站受到攻擊而產(chǎn)生不良后果的問題大大減少，網(wǎng)站編程需要專業(yè)的編程技術(shù)，一般來說網(wǎng)站流行的編程語言有以下幾種：JSP、ASP、.NET、PHP等等。

網(wǎng)站建設(shè)編程語言是一個選擇，要用所選的語言編具有什么功能的程序才是網(wǎng)站基本。通常情況下網(wǎng)站都具有這些基本系統(tǒng)：新聞系統(tǒng)(信息系統(tǒng))、產(chǎn)品系統(tǒng)、會員管理系統(tǒng)、廣告管理系統(tǒng)、流量統(tǒng)計分析系統(tǒng)等等。每個系統(tǒng)的具體作用我們將在后面一一描述。

網(wǎng)站測試和上傳：

網(wǎng)站的設(shè)計和編程全部做完之后，我們要對網(wǎng)站進行測試和上傳。首先我們應該將網(wǎng)站上傳到網(wǎng)站空間，然后對網(wǎng)站進行測試，同時也是對網(wǎng)站空間進行測試。一般來說，網(wǎng)站測試需要進行的就是網(wǎng)站頁面的完整程度，網(wǎng)站編程代碼的繁簡程度和完整性，網(wǎng)站空間的鏈接速度和網(wǎng)站空間的加壓測試承受度。

網(wǎng)站內(nèi)容填庫：

網(wǎng)站制作完畢了，網(wǎng)站測試也完畢了，那么我們馬上就可以進行推廣了嗎？答案當然是“不！”網(wǎng)站制作剛剛完成，沒有內(nèi)容，你怎么進行推廣，又有誰會看呢？所以測試的下一步就是對網(wǎng)站進行數(shù)據(jù)庫填充。用自己原創(chuàng)的文章，或者從網(wǎng)上和書上摘錄的文章把數(shù)據(jù)庫填充一下，至少要讓瀏覽者感覺你的網(wǎng)站不是今天才剛剛上線才行。同時，你數(shù)據(jù)庫填充的內(nèi)容越多，在搜索引擎上被收錄的頁面也就越多，對下一步的推廣也是大有好處的。

三、網(wǎng)站的推廣

網(wǎng)站的推廣可是說是網(wǎng)站建設(shè)中尤為重要的一部分，推廣做的好可以說網(wǎng)站建設(shè)就成功了一大半，那么怎么樣進行推廣呢？推廣的方式有哪些呢？讓我們來看一下：

免費推廣方式：

友情鏈接：和其他網(wǎng)站做友情鏈接，最好找比自己PR值高的網(wǎng)站來做。

登陸免費搜索引擎：讓搜索引擎都收錄你的網(wǎng)站，這樣你的網(wǎng)站就可以在互聯(lián)網(wǎng)上被其他企業(yè)或者個人所查找到了。

論壇廣告：到各個論壇去發(fā)廣告宣傳你的網(wǎng)站。

群發(fā)推廣：用qq群發(fā)軟件，或者郵件群發(fā)軟件來進行推廣。

病毒式推廣：這個推廣方法通常在推廣前要下大功夫，制作出一些比較吸引人的東西來進行網(wǎng)絡化傳播。如圖片、程序代碼、常用軟件等等。

加入導航網(wǎng)站：加入導航網(wǎng)站對推廣要有好處，不過有一些比較有名的導航網(wǎng)站登陸需要花費。

付費推廣方式：

搜索引擎關(guān)鍵詞：在比較著名的搜索引擎做關(guān)鍵詞推廣。

活動宣傳：如果你做的是一些比較大的門戶網(wǎng)站，那么你可以選擇做一些活動宣傳這樣的推廣，比如說免費會員月等等。

網(wǎng)絡廣告：做網(wǎng)絡廣告，在流量比較大的網(wǎng)站上做廣告宣傳。

傳統(tǒng)宣傳方式：雖然互聯(lián)網(wǎng)發(fā)展越來越快，但是傳統(tǒng)的宣傳方式現(xiàn)在還是占主導地位，所以建立做電視廣告，廣播，宣傳冊等宣傳，對網(wǎng)站的推廣效果很明顯。

制造事件推廣：越來越多的人都發(fā)現(xiàn)，互聯(lián)網(wǎng)時代最快最有效的其實是炒作，有意制造和自己網(wǎng)站相關(guān)聯(lián)的事件(特別是爆發(fā)性事件)，對網(wǎng)站的宣傳傳播速度非常的快。

網(wǎng)吧主頁：如果你有能力的話，這種推廣方式完全可以是免費的。在網(wǎng)吧設(shè)置IE主頁為你的網(wǎng)站會給你帶來巨大的而穩(wěn)定的流量。

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

關(guān)鍵詞：網(wǎng)頁設(shè)計；制作；學生能力；培養(yǎng)

隨著互聯(lián)網(wǎng)的發(fā)展和普及，網(wǎng)頁設(shè)計和制作技術(shù)成為網(wǎng)絡時代非常實用的技術(shù)，這一課程也成為學校開設(shè)的熱門課程。無論是計算機專業(yè)的學生還是非計算機專業(yè)的學生，網(wǎng)頁制作都成了一門重要的基礎(chǔ)性技術(shù)課程。但是很多學校在教學中采用傳統(tǒng)的教學模式，導致學生的學習積極性不高，實際動手能力也比較差，為了讓學生快速的掌握網(wǎng)頁設(shè)計和制作的技術(shù)，需要采用一些新型的教學方法實施教學，加強學生綜合能力地培養(yǎng)。

一、加強學生創(chuàng)新能力的培養(yǎng)

創(chuàng)新是一個民族的靈魂和動力，同時也是當今社會競爭的核心。學生創(chuàng)新能力的提升和創(chuàng)新意識的增強對于他們以后的發(fā)展具有非常重要的作用。網(wǎng)頁設(shè)計與制作教學作為新時期教學的主要課程，在教學中培養(yǎng)學生的創(chuàng)新能力有利于促進整體教學的發(fā)展。因此，在教學中，可以通過多方面內(nèi)容加強學生創(chuàng)新能力的培養(yǎng)，首先，可以通過興趣教學法喚醒學生的求知欲望，興趣是能夠推動學生求知的內(nèi)在力量，學生只有對某一學科充滿興趣，才能夠持續(xù)的鉆研該學科知識，從而增強學生的學習效率。在教學中，為了增強學生對網(wǎng)頁設(shè)計和制作的興趣，教師可以在上課時準備一些網(wǎng)頁作品，讓學生對作品進行點評，然后提出改造的意見。讓學生在頭腦中對網(wǎng)頁設(shè)計有一個模糊的認識，產(chǎn)生做網(wǎng)站的想法，這樣一來，通過教師的指導就能夠讓學生梳理一個成型的站點框架，緊接著引導學生如何做網(wǎng)頁，如何使用工具，學生對這些內(nèi)容產(chǎn)生興趣，就會帶著教師提出的問題進行主動探索和學習，以此增強學生的學習效果。

除此之外，還可以通過精品賞析的方式增強學生的學習靈感。網(wǎng)頁設(shè)計和制作課程是一門藝術(shù)和藝術(shù)相結(jié)合的課程，學生不僅要掌握基本的網(wǎng)頁制作技巧，還要具備欣賞美和創(chuàng)造美的能力。創(chuàng)造的來源是靈感，而靈感的來源則是通過觀察，因此，可以在教學中設(shè)計精品賞析的環(huán)節(jié)，利用上課之前的時間展示作品，向?qū)W生展示一些布局合理，設(shè)計新穎的精美網(wǎng)頁，讓學生對這些網(wǎng)頁進行觀察和欣賞，這樣不僅可以拓寬學生的視野，同時還能激發(fā)學生的創(chuàng)造靈感，為學生以后設(shè)計出精美的作品奠定基礎(chǔ)。

二、培養(yǎng)學生的網(wǎng)頁制作綜合能力

在學生掌握網(wǎng)頁設(shè)計和制作的基本知識之后，網(wǎng)頁制作綜合能力的培養(yǎng)就顯得非常重要了。即使學生掌握了網(wǎng)頁制作技術(shù)，也不一定能夠設(shè)計出好的網(wǎng)站，只有提升學生的綜合能力，加強對他們所掌握知識的綜合應用，才能夠設(shè)計出一個精美的網(wǎng)站。為此，需要注重學生在實踐方面的能力培養(yǎng)，可以從教學實驗方面入手，將所有的理論教學和實驗教學都安排在計算機機房完成，可以讓學生在學習理論知識之后直接進入實踐探索階段。此外，為了給學生提供更好的實踐機會，可在學校建立計算機基礎(chǔ)教學網(wǎng)，網(wǎng)頁設(shè)計和制作教學的老師可以建立自己的教W網(wǎng)站，同時給學生分配相應的網(wǎng)站空間，要求學生建立自己的個人網(wǎng)站主頁，然后將自己的實踐作業(yè)上傳到網(wǎng)站空間中，設(shè)計的風格和主題不受限制，網(wǎng)站主頁的內(nèi)容也不做要求，學生可以根據(jù)自己的興趣進行網(wǎng)頁的制作，將所學習的網(wǎng)頁制作技術(shù)靈活的運用到個人網(wǎng)頁的設(shè)計中，做好人個網(wǎng)站。為了讓學生在網(wǎng)站設(shè)計中學會創(chuàng)新，教師可以搜集一些具有創(chuàng)意的網(wǎng)站和網(wǎng)頁設(shè)計的素材，和學生一起分享，然后與學生所做的網(wǎng)站進行對比，從而提升學生的創(chuàng)新能力。在網(wǎng)站設(shè)計中，針對不同的設(shè)計環(huán)節(jié)，學生可以自己發(fā)現(xiàn)設(shè)計中存在的問題，然后進行分析和解決，對于學生綜合能力的培養(yǎng)具有很大的幫助。

三、加強培養(yǎng)學生的團隊協(xié)作能力

現(xiàn)在社會的分工越來越細，很多工作都需要人們協(xié)助完成，這樣以來，團隊精神就顯得格外重要。協(xié)同合作是團隊精神的核心內(nèi)容，尊重個人的興趣和成就是團隊協(xié)作的基礎(chǔ)。就學生而言，獨立意識較強，現(xiàn)代的學生比較自我，溝通能力也有待提升，這些缺陷顯然不適合學生未來的工作。網(wǎng)頁設(shè)計和制作教學是一門實踐性要求較高的課程，同時也對學生的團隊協(xié)作能力要求很高。在教學中的綜合實訓中可以選擇采取項目教學法實施教學，將學生分成不同的小組，在自愿的基礎(chǔ)上進行強弱搭配，并且每一個小組推薦一位組長，在老師布置任務之后，組長可以做好小組內(nèi)的分工，讓學生能各司其職，然后合力完成作品的設(shè)計和制作。在作品制作中，如果組內(nèi)的成員存在意見不同意的現(xiàn)狀，組長可以和其他的成員進行溝通協(xié)調(diào)，最后達成一致，當組員能夠為同一個目標一起努力時，無論最后的結(jié)果如何，學生最后都會有成就感。在這一過程中，有利于提升學生的團隊協(xié)作精神，增強學生的溝通能力。

四、結(jié)語

網(wǎng)頁設(shè)計和制作教學是一門實踐性很強的課程，對于學生的綜合實踐能力以及創(chuàng)新能力的要求較高，因此，在教學中，教師要給根據(jù)學生的興趣愛好設(shè)計教學內(nèi)容，并且為學生提供一些優(yōu)秀的教學作品，讓他們進行賞析，在優(yōu)秀作品的激勵和教師的引導下，學生的學習興趣會有很大的提升，從而真正的投入到網(wǎng)頁設(shè)計和制作的探索當中，熟練的掌握網(wǎng)頁制作方面的技巧，增強學生開發(fā)和維護網(wǎng)站的能力，使他們的知識結(jié)構(gòu)不斷得到完善，對于教學效果的提升會起到很大的作用。

參考文獻：

[1]馬玲燕. 《網(wǎng)頁設(shè)計與制作》課程的教學實踐研究[D].內(nèi)蒙古師范大學，2013.

[2]畢惠麗. 淺談網(wǎng)頁設(shè)計與制作教學中學生能力的培養(yǎng)[J]. 新課程（上），2012，02：185.

[3]胡曉紅，王麗芬，張景峰. 基于職業(yè)能力培養(yǎng)的《網(wǎng)頁設(shè)計與制作》教學改革的研究[J]. 電腦知識與技術(shù)，2012，20：4953-4956.

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

從“靜態(tài)”逐步轉(zhuǎn)變?yōu)椤皠討B(tài)”，動態(tài)網(wǎng)站的設(shè)計技術(shù)也隨之發(fā)展成熟起來介紹了動態(tài)網(wǎng)頁的一些特點以及日前在

動態(tài)網(wǎng)頁設(shè)計中應用相當)‘一泛的開發(fā)環(huán)境—ASP，以如何建立基于IIS的ASP動態(tài)網(wǎng)站為中心，簡要介紹了動態(tài)

商業(yè)網(wǎng)站設(shè)計的趨勢，并以實例分析比較直觀地展示了ASP在動態(tài)網(wǎng)頁設(shè)計中的優(yōu)越性

關(guān)鍵詞:動態(tài)網(wǎng)站;物件導向;表單;腳本語A

1引言

目前呈兒何增長的互聯(lián)網(wǎng)站中，有相當一部分仍固守“靜態(tài)“，無形中已大大落后于時代的步伐.所謂“靜態(tài)”指的就是網(wǎng)站的網(wǎng)頁內(nèi)容“固定不變“，當用戶瀏覽器通過互聯(lián)網(wǎng)的HTTP(HypertextTransportProtocx>1)協(xié)議向WEB服務器清求提供網(wǎng)頁內(nèi)容時，服務器僅僅是將原已設(shè)計好的靜態(tài)HTML文檔傳送給用戶瀏覽器.其頁面的內(nèi)容使用的僅僅是標準的HTML代碼，最多再加上流行的GIF''''89A格式的動態(tài)圖片，若網(wǎng)站維護者要更新網(wǎng)頁的內(nèi)容，就必須手動地來更新其所有的HTML文檔.“靜態(tài)”網(wǎng)站的致命弱點就是不易維護，為了不斷更新網(wǎng)頁內(nèi)容所做的工作量是巨大的.

隨著網(wǎng)站信息量的不斷增大，靜態(tài)網(wǎng)站逐漸沒落，動態(tài)網(wǎng)站已經(jīng)成熟起來，它的“交互性”少自動更新”、“因時因人而變”等諸多優(yōu)良特性無疑很好地適應了信息時代的要求.能夠使網(wǎng)站“動態(tài)化”的技術(shù)較多，目前比較流行和成熟的是ASP技術(shù).

2基于ASP的動態(tài)網(wǎng)站建設(shè)概述

2.1“動態(tài)”的概念

所謂“動態(tài)”，并不是指那兒個放在網(wǎng)頁上的GIF動態(tài)圖片，在這里筆者為動態(tài)頁面的概念制定了以下兒條規(guī)則:

1)“交互性”，即網(wǎng)頁會根據(jù)用戶的要求和選擇而動態(tài)改變和響應，將瀏覽器作為客戶端界面，這將是今后WEB發(fā)展的大勢所趨.

2)“自動更新”，即無須手動地更新HTML文檔，便會自動生成新的頁面，可以大大節(jié)省工作量.

3)“因時因人而變”，即當不同的時問、不同的人訪問同一網(wǎng)址時會產(chǎn)生不同的頁面.

2.2ASP的概念及特點

MicrosoftActiveS。二Pages即我們所稱的ASP，其實是一套微軟開發(fā)的服務器端腳本環(huán)境，ASP內(nèi)含于IIS3.0和4.0之中，通過ASP我們可以結(jié)合HTML網(wǎng)頁,ASP指令和ActiveX元件建立動態(tài)、交互目_高效的WEB服務器應用程序.有了ASP你就不必擔心客戶的瀏覽器是否能運行你所編寫的代碼，因為所有的程序都將在服務器端執(zhí)行，包括所有嵌在普通HTML中的腳本程序.當程序執(zhí)行完畢后，服務器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負擔，大大提高了交互的速度.以下羅列了ActiveS。

二Pages所獨具的一些特點:

1）使用VBScriptJScript等簡單易懂的腳本語言，結(jié)合HTML代碼，即可快速地完成網(wǎng)站的應用程序.

2)無須Compile編譯，容易編寫，可在服務器端直接執(zhí)行.

3)使用普通的文本編輯器，如Window、的記事本，即可進行編輯設(shè)計.

4)與瀏覽器無關(guān)(Br+wserIn<lepen<lenoe)，用戶端只要使用可執(zhí)行HTML碼的瀏覽器，即可瀏覽Active

S。二Pages所設(shè)計的網(wǎng)頁內(nèi)容.ActiveS。二Pages所使用的腳本語言(VBSoriptJsoript)均在WEB服務器端執(zhí)

行，用戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言，如圖1所示.

用戶端瀏覽器IE或NS1r1''''1''''1''''潔求11而1''''III]子

WEB服務器ActiveServerP

5)ActiveS。二Pages能與任何AotiveXscripting語言相容.除了可使用VBSoript或JSoript語言來設(shè)計外，還通過plug-in的方式，使用由第三方所提供的其他腳本語言，譬如REXX,Perl,Tol等.腳本引擎是處理腳本程序的COM(ComponentObjectModel)物件.

6)ActiveS。二Pages的源程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人票J竊，也提高了程序的安全性.

7)可使用服務器端的腳本來產(chǎn)生客戶端的腳本.

8)物件導向(Obje<，一(>riented).

9)AotiveXS。二Components(AotiveX服務器元件)具有無限可擴充性.可以使用VisualBasic,JavaVisualC++,Cobol等編程語言來編寫你所需要的AotiveXS。二Component.

2.3ASP技術(shù)流行的原因

如果你是個人網(wǎng)站的維護者，使用的是免費主頁空問，那么絕大多數(shù)情況下你只能使用Java,JavaScript和最新的DHTML技術(shù).DHTML就是當網(wǎng)頁從WEB服務器下載后無須再經(jīng)過服務器的處理，而在瀏覽器中直接動態(tài)地更新網(wǎng)頁的內(nèi)容排版樣式、動畫.

或許對于一個個人網(wǎng)站來說，充分運用DHTML技術(shù)足以令網(wǎng)頁栩栩如生，動感十足.然而對于建立商業(yè)網(wǎng)站的企業(yè)而言，僅僅擁有DHTML是遠遠不夠的.因為僅僅發(fā)生在客戶瀏覽器端的動態(tài)效果是無法滿足商業(yè)網(wǎng)站大量信息查詢，客戶咨詢，資源交互等“動態(tài)”需求的.因此作為商業(yè)網(wǎng)站的設(shè)計者，必須要設(shè)計出更具實用性和交互性的“動態(tài)”網(wǎng)站.由于絕大多數(shù)商業(yè)網(wǎng)站都具有大量的數(shù)據(jù)和信息，而建網(wǎng)的初衷也就是在于方便客戶查詢企業(yè)資料，方便同客戶的交流，及時獲得信息反饋.那么，就必然會面臨如何讓使用者在瀏覽器界面中，通過互聯(lián)網(wǎng)或內(nèi)聯(lián)網(wǎng)(Intran川查詢WEB數(shù)據(jù)庫的資料，甚至輸入、更新和刪除WEB服務器上的資料.

目前)匕種常用的“動態(tài)”網(wǎng)站設(shè)計方法有:CGI(CommonGatc}vayInterlace),IDC(InternetDatabaseConnec-tor),ActiveXDataOhje川ADO)，相比較而言ADO具有容易使用、開發(fā)執(zhí)行快速、消耗系統(tǒng)資源較少和占用磁盤空問小等優(yōu)點.根據(jù)許多從事網(wǎng)站設(shè)計工作多年的專家的經(jīng)驗，ADO和ASP的結(jié)合可以高效快速地使網(wǎng)站“動態(tài)化”，使得網(wǎng)站便于管理和維護，從長遠來看這對搭檔也勢必成為今后一段時問內(nèi)“動態(tài)’''''WEB的核心技術(shù)，因此ASP技術(shù)在動態(tài)網(wǎng)站設(shè)計中的流行也成為了一種必然.

3實例

以下通過兒段源代碼很好地說明了ASP的簡潔、靈活、迅速、多變的特性.

建立一個自動監(jiān)測瀏覽時問并根據(jù)不同時段動態(tài)顯示不同頁面內(nèi)容的ASP程序，用記事本書寫該源代碼，存為[estl.asp:

<html>

<ho<ly>

<F01}TCOLOR=“Green">

<%If''''T油e<#12:00:00#An<1T油e>=#00:00:00#Then%>

早上好，今天天氣不賴啊!

<%E1seIf''''T油e<#19:00:00#An<1T油e>=#12:00:00#Then%>

下午好!

<%Else%>

哈u}!今晚你有沒有去IRC聊天!

<%EndIf%>

</ho<ly>

</html>

將testl.asp保存在WEB服務器的虛擬目錄(如:aspsamp/)下，并在瀏覽器中用HTTP的方式進行瀏覽，如:yourcx>mpu[二二e/aspsamp/test1.asp.

雖然，這只是一個非常簡單的實例，而A_這一功能完全可以通過javascript完成，但是不難發(fā)現(xiàn)使用ASP要比javascript簡潔迅速得多，而A_運用此法，完全可以輕而易舉地令你的網(wǎng)頁在不同的時段展示不同的風格，此例中的“Time"實際上是一個VBScript內(nèi)置的顯示系統(tǒng)當前時問的函數(shù)，由于系統(tǒng)默認的腳本語言是VBSeript，因此在ASP命令中調(diào)用該函數(shù)時，腳本引擎會自動將其轉(zhuǎn)換成當前的系統(tǒng)時問.接下來是給testl.

asp添加一點色彩，在<holy>標識中添加“bgcx>lor=“<%=hgc%>””即變?yōu)?lt;bodybgcx>lor=“<%=bgc%

>”>，并在<holy>標記前添加如下語句:

<%If''''T油e<#12:00:00#An<1T油e>=#00:00:00#Then

bg}}=“silver"

E1seIf''''T汕e<#19:00:00#An<1T油e>=#12:00:00#Then

hg(一“navy

Else

bg}}=“re<1"

En<1且

%>

如此一來，當用戶在不同的時段訪問該頁面時，將會看到不同的頁面背景色.我們可以做的事情還有很

多，譬如想知道在凌晨至十二點之問瀏覽該頁面的客戶的姓名，并向客戶問好，那么下面的這段程序?qū)⒛苤氵_成心愿.首先你需要在頁面中設(shè)置表單，將以下HTML代碼剪貼到“<%IfTime<#12:00:00#An<1Time>=#00:00:00#Then%>”之后:

歡迎光臨我的主頁，清填寫以下信息:<FORMMETHOD="POST"ACTION="testl.asp">

<P>FirstName:<INPUTNAME="fname"SIZE="48">

<P>LastName:<INPUTNAME=“l(fā)name"SIZE=“48">

<P>Title:<INPUTNAME=“title"TYPE=RADIO、4LUE="mr">Mr.

<INPUTNAME=“title"TYPE=RADIO、4LUE="ms">Ms.

<P><INPUTTYPE=SUBMIT><INPUTTYPE=RESET>

</FOR1Vl>

然后在以上HTML代碼后面添加如下ASP命令:

<%title=request.form(“title")

iftitle="mr"then

%>

歡迎您Mr.<%=二qu艦.拓mi(+.二;request.form((name)%>.

<%elseiftitle="ms"then%>

歡迎您Ms.<%=二qu艦.拓mi(+.二;request.form((name)%>.<%else%>

<B><Fontcola</font></B>

<%endif%>

保存文件testl.

12:00:00之問的話，>r=blue>歡迎您<%=二que從.長)mi(+.二e;)&+;&二明es[.長)mi(“玩二e;request.form((name)&&request.form(lname%>

asp，并在瀏覽器中以HTTP方式進行瀏覽，如果此時的系統(tǒng)時問在凌晨0:00:00和中

這其實是一個在Internet和Intranet上常見的功能，即當用戶在瀏覽器端填寫完表單后，通過調(diào)用一個通用網(wǎng)關(guān)程序?qū)⒂脩魯?shù)據(jù)傳送到服務器，由服務器進行處理后再將結(jié)果返還給客戶瀏覽器.過去為了實現(xiàn)這樣的功能必須編寫一個獨立于HTML之外的CGI程序，并通過HTML進行調(diào)用，撇開CGI編寫復雜等缺點不談，CGI的執(zhí)行效

率也是一個大問題，每一個表單(form)均須執(zhí)行一個可執(zhí)行文檔，當多人同時上線使用時，多個文檔同時執(zhí)行，將大大降低WEB服務器的執(zhí)行速度，如今ASP提供了與HTML完全相融的編程環(huán)境，顯然要比使用CGI便捷得多.

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

關(guān)鍵詞 色彩；企業(yè)網(wǎng)站設(shè)計；色彩搭配

中圖分類號TP39 文獻標識碼 A 文章編號 1674-6708（2015）135-0114-02

0引言

在高速發(fā)展互聯(lián)網(wǎng)的今天，為了擴大企業(yè)宣傳、提高企業(yè)知名度、展示企業(yè)作品、提升企業(yè)形象等，作為電子商務時代企業(yè)對外窗口的門戶網(wǎng)站，是每個企業(yè)面對全球信息化的必然選擇，因而企業(yè)也越來越重視大力發(fā)展電子商務網(wǎng)站。

在企業(yè)門戶網(wǎng)站的設(shè)計中，關(guān)于色彩的搭配和使用，要具有科學性和針對性。我們有必要了解和掌握一些關(guān)于色彩搭配的知識。在面對擁有不同文化背景的企業(yè)網(wǎng)站時，色彩的運用也應各有不同。要選擇適合且獨特的色彩搭配來彰顯企業(yè)文化個性。用色彩的搭配加上巧妙的設(shè)計，定能使網(wǎng)站更加精妙絕倫。

1 優(yōu)化企業(yè)網(wǎng)站的設(shè)計

在網(wǎng)絡發(fā)達的信息經(jīng)濟時代，企業(yè)發(fā)展的必由之路就是電子商務，因此，讓企業(yè)進入電子商務領(lǐng)域是一個至關(guān)重要的問題。商業(yè)運作的電子化、網(wǎng)絡化在阿里巴巴、京東、當當?shù)阮I(lǐng)頭電子商務網(wǎng)站的蓬勃發(fā)展下凸現(xiàn)出來。貿(mào)易的發(fā)展趨勢，是通過Internet技術(shù)的協(xié)助來完成的商品貿(mào)易。因此，網(wǎng)站設(shè)計尤為重要，它的形象代表著企業(yè)形象。

1）用戶：用戶可以通過對網(wǎng)站的使用向企業(yè)進行反饋，網(wǎng)站及時吸收接納合理有用的用戶體驗進行自身的升級優(yōu)化，可以大大提高網(wǎng)站的吸引力。

2）基于搜索引擎推廣網(wǎng)站：搜索引擎可以快速獲取優(yōu)化網(wǎng)站設(shè)計的信息，引導用戶發(fā)現(xiàn)相關(guān)信息。單擊搜索，進入網(wǎng)站，獲取信息和服務，直到成為真正的顧客。

3）網(wǎng)站運營維護：企業(yè)網(wǎng)站經(jīng)過網(wǎng)站優(yōu)化設(shè)計后，才能與網(wǎng)絡營銷策略一致，真正具有網(wǎng)絡營銷導向。網(wǎng)站運營人員對于網(wǎng)站管理維護技術(shù)的升級也可同時作用于網(wǎng)絡營銷方式的運用以及累積更多營銷資源。

2 網(wǎng)站的色彩

然而，用戶瀏覽一個網(wǎng)站，留下第一印象的，不是豐富多彩的內(nèi)容以及匠心獨運的頁面布局，在于色彩。色彩的冷暖、輕重、軟硬、大小造成的視覺色彩能使人們產(chǎn)生豐富的心理聯(lián)想，所以，如果能有技巧地運用和搭配色彩是一個網(wǎng)站能否在第一時間抓住瀏覽者眼球，甚至留下心理暗示的關(guān)鍵。

2.1 企業(yè)網(wǎng)站的用色

1）公司專屬：必勝客公司網(wǎng)頁色調(diào)主打暖色調(diào)--紅，因為醒目的紅滿足快餐店引人注意使過路人進店消費的訴求。中國移動公司的深藍色，蘋果官網(wǎng)的灰白等，它們對外的廣告、海報也是與其一致的顏色。這也就說明了，每一個公司都有標準的顏色來代表公司的CI

形象。

2）公司風格：網(wǎng)站顏色服務于公司風格。藍光集團使用的主色調(diào)是藍色，既突出了其公司以德立信、以能致勝的核心價值，還宣傳了陽光透明、志同道合、競爭成長、高效執(zhí)行、客戶滿意、公益慈善的企業(yè)文化。網(wǎng)站中藍色和白色的混合，能體現(xiàn)高貴、大氣、優(yōu)雅的氣氛，是該企業(yè)獨有的風格。愛奇藝視頻網(wǎng)站主要使用的是綠色，綠白的搭配，讓人產(chǎn)生舒適的感覺，突出公司一貫悅享品質(zhì)的理念風格。

3）個性色：個人網(wǎng)站的顏色風格由個人喜好決定，反映了人類個體個性。

2.2 色彩的分類及意義

容易被我們忽視的是，色彩其實可以對人類身心產(chǎn)生巨大的影響。極致的色彩或色彩搭配會予人強烈的心理暗示，甚至指導人們的某些行為。當我們熟練掌握不同色彩的不同作用，就能一定程度上引導瀏覽者的行動。

紅色是可以引發(fā)神經(jīng)纖維興奮的三原色之一，能使人產(chǎn)生熱情、欲望、力量和愛的感覺。黃色的明度最高，讓人享受樂觀、陽光、希望和幸福。橘色讓人的心理產(chǎn)生平衡和溫暖。紫色神秘高貴，卻也感消極孤寂。藍色是典型的冷色，適用于極具高科技現(xiàn)代感的IT行業(yè)。綠色介于冷暖兩色之間，是自然、健康、青春、活力、富饒的代表。褐色象征著土、家和爐床，代表著可靠、安逸、耐力、簡潔和穩(wěn)定。還有黑色是財富和魔鬼的象征，有著優(yōu)雅、讓人感覺害怕和謎一樣的感覺。

3 網(wǎng)站色彩搭配的原則

在日常生活中，人們對于色彩搭配都會有一些基本概念?？墒?，想要從分類繁雜的顏色群中搭配出符合公司企業(yè)文化的最恰當色彩必須經(jīng)過專業(yè)的培訓。

3.1 網(wǎng)站色彩搭配的方法

首先，網(wǎng)頁設(shè)計者必須十分了解網(wǎng)站本身受眾、商業(yè)訴求以及藝術(shù)追求等特點。其次，還應該擁有一定的美術(shù)基礎(chǔ)和藝術(shù)審美。色彩搭配是美學與技術(shù)高度結(jié)合的工作，所以一個好的成品是綜合藝術(shù)鑒賞性、技術(shù)嚴密性的。

1）搭配合理性：一個優(yōu)秀的網(wǎng)頁既要有藝術(shù)的追求，也要符合人類一般審美。它雖然屬于平面設(shè)計的范疇，但有別于其它平面設(shè)計。由于考慮到人類自身生理接受程度，規(guī)避諸如視覺疲勞、恐慌、煩躁、焦慮等顏色污染，所以色彩搭配的合理性凌駕于藝術(shù)表達之上，在給人留有深刻印象之前，網(wǎng)頁色調(diào)氛圍應盡量是輕松、和諧。

2）講究藝術(shù)性：形式的原則按照內(nèi)容決定，設(shè)計一種具有大膽藝術(shù)創(chuàng)新、又符合網(wǎng)站要求和一定藝術(shù)特色的網(wǎng)站。藝術(shù)的特別之處在于，它既是全民性，又極具個性且有律可循。所以一個受眾面廣、藝術(shù)格調(diào)高雅的網(wǎng)頁色調(diào)搭配是網(wǎng)頁設(shè)計的最高追求。

3）特色鮮明性：“特色”，特色是一個事物或一種事物顯著區(qū)別于其他事物的風格和形式，是由事物賴以產(chǎn)生和發(fā)展的特定的具體的環(huán)境因素所決定的，是其所屬事物獨有的。給人深刻印象的網(wǎng)頁是特色鮮明，鶴立雞群的。

3.2 網(wǎng)站配色技巧

“Less is more”這一通行權(quán)世界的時尚美學法則同樣可以指導設(shè)計網(wǎng)站，盡可能選擇較少或者相近的顏色來配合整個網(wǎng)頁板塊的空間構(gòu)造，呈現(xiàn)出一種簡潔的全面布局。

1）同種色搭配：同種色彩搭配是指首先選定一種色彩，盡管網(wǎng)站設(shè)計要避免采用單一色彩，以免產(chǎn)生單調(diào)的感覺，但調(diào)整其透明度和飽和度，將色彩變淡或加深，而產(chǎn)生新的色彩，這樣的頁面看起來色彩統(tǒng)一，具有層次感。

2）鄰近色彩搭配：鄰近色是指在色環(huán)上相鄰的顏色，例如綠色和藍色，紅色和黃色就互為鄰近色。采用鄰近色搭配可以使網(wǎng)頁避免色彩雜亂，易于達到頁面和諧統(tǒng)一的效果。

3）對比色搭配：一般來說，色彩的三原色（紅、黃、藍）最能體現(xiàn)色彩間的差異。色彩的強烈對比具有視覺誘惑力，能夠起到幾種實現(xiàn)的作用。對比色可以突出重點，產(chǎn)生強烈的視覺效果。例如：紅與綠、黃與紫、橙與藍等。這種色彩的搭配，可以產(chǎn)生強烈的視覺效果，給人亮麗、鮮艷、喜慶的感覺。通過合理使用對比色，能夠使網(wǎng)站特色鮮明、重點突出。在設(shè)計時，通常以一種顏色為主色調(diào)，其對比色作為點綴，以起到畫龍點睛的作用。

4）暖搭配：使用色彩為集合色黃色紅色橙色等的搭配。運用這種色調(diào)，可以營造出沉穩(wěn)、和諧、熱情氛圍的網(wǎng)頁。

5）冷搭配：一般與白色搭配會獲得較好的視覺效果，它是使用色彩為綠色、藍色及紫色等的搭配，主要營造寧靜、清涼和高雅氛圍的網(wǎng)頁。

6）有主色的混合色搭配：以一種顏色作為主要顏色，同色輔以其他色彩混合搭配，形成繽紛而不雜亂的搭配效果。

4 結(jié)論

在現(xiàn)如今，人們把企業(yè)網(wǎng)站設(shè)計當作信息的載體，甚至稱為藝術(shù)品，可想而知，對其的要求也是越來越高，所以，一個企業(yè)網(wǎng)站的設(shè)計，網(wǎng)頁用色一定要富有朝氣，具有個性和一定的色彩定位，最重要的是凸顯出企業(yè)的文化背景。總而言之，設(shè)計出一個好的企業(yè)網(wǎng)站，它的配色設(shè)計是需要長期的鉆研和應用的。

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

關(guān)鍵詞：校園二手商品；交易網(wǎng)站；研究

中圖分類號：TP311文獻標識碼：A文章編號：1674-120X（2016）29-0117-02收稿日期：2016-08-15

基金項目：創(chuàng)新創(chuàng)業(yè)項目“校園二手物品交易網(wǎng)站”（201410412013）的階段性成果。

一、研究背景 目前，二手商品交易備受當代大學生的青睞，我校在每年的開學和畢業(yè)季都要舉辦熱鬧非凡的“跳蚤”市場，每次都能吸引大批學生的光顧和參與。可遺憾的是校內(nèi)的“跳蚤”市場的缺點是顯而易見的，往往時間短暫，無法滿足我校廣大學子交易的需求。因此，立足于我校學生二手商品交易的需要，建立校園二手物品交易網(wǎng)站，具有可行性和必要性。該網(wǎng)站擁有的客戶只是大學校園網(wǎng)的用戶，所以系統(tǒng)規(guī)模上來講不會很大。另外，由于選擇的開發(fā)工具和服務器幾乎全部為免費的開源軟件，并且由于是開發(fā)成本較低的基于Web的B/S模式，所以從經(jīng)濟上來講是可行的。

二、校園二手商品交易網(wǎng)站的設(shè)計1校園二手商品交易網(wǎng)站的定位

在設(shè)計校園二手商品交易網(wǎng)站之前，我們要確定網(wǎng)站的定位，簡單地說，就是根據(jù)網(wǎng)站的受眾、學科特點以及教學規(guī)律確定網(wǎng)站主題和網(wǎng)站的風格。主題和風格的確定是網(wǎng)站設(shè)計與制作的重要前提。網(wǎng)站的主題，就是瀏覽者從網(wǎng)站上面看到的具體內(nèi)容，而網(wǎng)站的風格則是這種具體內(nèi)容的展現(xiàn)形式。前者是網(wǎng)站制作的核心，是網(wǎng)站發(fā)展的方向依據(jù)，后者是這種具體內(nèi)容的表現(xiàn)形式。好的網(wǎng)站的建立需要有好的主題。網(wǎng)站的風格設(shè)定主要來自兩個方面的內(nèi)容，一個就是網(wǎng)站的視覺效果，一個就是網(wǎng)站的功能內(nèi)容。

2校園二手商品交易網(wǎng)站的基本特征

本網(wǎng)站使用Photoshop+Dreamweaver+Flash進行靜態(tài)網(wǎng)頁的設(shè)計。并使用IIS+Sql server+Aspnet實現(xiàn)動態(tài)交互功能的開發(fā)?；咎卣魅缦拢?/p>

經(jīng)營范圍 以提供所有二手物品的買賣信息為主，分為書籍、手機通訊、體育用品、電腦類、電子數(shù)碼、其他共六個與學生生活息息相關(guān)的欄目工作模式 由隊長帶領(lǐng)團隊進行分工合作，把宣傳推廣、網(wǎng)站制作、財務管理責任到人交易原則 遵守平等自愿交易、顧客滿意至上、實名制、不進行違法物品的交易等原則推廣策略 在前2個月內(nèi)采取免費交易；在校園網(wǎng)大量的推廣信息；在大學生比較集中的QQ群里面信息、開展促銷活動、開設(shè)展臺等來為網(wǎng)站聚集人氣以及打開市場營銷方式 代售（貴重物品）、以物易物、二手出售、二手求購等3校園二手商品交易網(wǎng)站的交易流程

一個優(yōu)秀的交易網(wǎng)站，它的內(nèi)容結(jié)構(gòu)應該是完整的、全面的，而它的呈現(xiàn)方式則應該是跳躍的、靈活的。在跳躍式地呈現(xiàn)網(wǎng)站內(nèi)容的過程中要非常注重內(nèi)容的導航，即隨時為用戶提供整個網(wǎng)站的內(nèi)容結(jié)構(gòu)引導?；诖耍到y(tǒng)主要設(shè)計了人員信息管理模塊、商品呈現(xiàn)模塊、購物車模塊、商品管理模塊、訂單管理模塊。二手商品交易網(wǎng)站交易流程如下圖所示。

參考文獻：

[1]駱志煌教師個人網(wǎng)絡與教育信息的網(wǎng)絡化[J]電化教育研究，2001，（3）.

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

摘要：本文結(jié)合多年筆者“網(wǎng)頁設(shè)計”課程的教學實踐，并根據(jù)這門課程的特點，從教學目標、教學內(nèi)容、教學方法以及考核方式幾個方面綜合闡述了如何提高本課程的教學效果，并探討了在教學中如何培養(yǎng)學生的實踐能力，提高學生的綜合素質(zhì)，使“網(wǎng)頁設(shè)計”課程的教學真正地適應市場的需要。

關(guān)鍵詞：高職院校；網(wǎng)頁設(shè)計；教學改革

中圖分類號：G642

文獻標識碼：B

隨著Internet的飛速發(fā)展，網(wǎng)絡已深入到社會的各個階層，成為企事業(yè)單位正常運行以及人們生活學習不可缺少的部分，《網(wǎng)頁設(shè)計》成了目前高職高專院校計算機專業(yè)的必修課，甚至成了許多高職高專院校非計算機專業(yè)學生的公共選修課。但就是這樣一門看似簡單好學的技能課程，卻往往得不到很好的教學效果。常常是在學生學過之后，不是不能獨立地進行網(wǎng)站規(guī)劃和頁面設(shè)計，就是設(shè)計達不到應有的功能效果和視覺效果。為此，本人在《網(wǎng)頁設(shè)計》課程的教學過程中，對教學目標、教學內(nèi)容、教學方法、考核方式等進行了長期的探索和實踐，收到了非常好的效果。

1突出高職特色，明確教學目標

計算機的發(fā)展很快，有可能今年學的內(nèi)容，學生畢業(yè)時就過時了，真正用的時候又學無所用，這種現(xiàn)象也不無其例。因此設(shè)置網(wǎng)頁設(shè)計課程時，盡量選擇時下先進的版本，并及時對教學計劃做出調(diào)整，刪掉舊課程，補充新內(nèi)容，以市場為導向，培養(yǎng)有足夠的理論基礎(chǔ)、較強的創(chuàng)新能力和扎實的實踐動手能力的網(wǎng)頁制作人才。通過本課程的學習，要求學生能夠掌握一個網(wǎng)站建設(shè)設(shè)計的全過程，能夠利用Dreamweaver設(shè)計不同類型的網(wǎng)頁界面，開發(fā)出具有一定規(guī)模的網(wǎng)站。根據(jù)教學目標，授課時以Dreamweaver為主線，講授網(wǎng)頁界面設(shè)計、HTML語言、JavaScript語言及動態(tài)網(wǎng)頁設(shè)計的基礎(chǔ)知識。對每一部分知識，重點教會學生如何應用，在理論內(nèi)容的講授中將理論知識融入案例中，讓學生通過實踐領(lǐng)會理論知識的運用。從實際需要和當前流行出發(fā)，需要哪些內(nèi)容就重點講解哪些內(nèi)容，突出“學以致用”，而不是大而全地講授所有相關(guān)理論知識。

2遵循高職教學規(guī)律，改進和加強教學工作

教學工作是指教學過程中的一系列工作。如何組織好網(wǎng)頁設(shè)計課程的教學工作至關(guān)重要。

2.1選用合適的教材，適時調(diào)整教學內(nèi)容

教材是教師實施教學計劃的重要載體和主要依據(jù)，是學生獲取知識、發(fā)展能力的重要渠道。高職教材要突出職業(yè)性、實踐性、適應性、科學性和先進性。選用網(wǎng)頁設(shè)計教材時，既要保證基本的知識要點，又要有典型的網(wǎng)頁案例。隨著計算機軟件和硬件的不斷更新，網(wǎng)頁設(shè)計教學內(nèi)容也應隨著計算機科學技術(shù)的發(fā)展而有所調(diào)整，增加一些當前網(wǎng)頁設(shè)計的流行元素，以適應社會發(fā)展的需要。當許多優(yōu)秀網(wǎng)頁設(shè)計軟件陸續(xù)問世和應用時，在教學中就應及時安排這方面的內(nèi)容，并根據(jù)具體情況安排課時量。

2.2采取多樣化教學手段，及時改進教學方法

高職院校學生的學習帶有較強的職業(yè)特色，針對學生在知識結(jié)構(gòu)、學習習慣、認知心理等方面的特點，在教學方法上，應注重理論結(jié)合實際，避免空洞地講解，要采用多樣化教學手段，實行啟發(fā)式教學、任務教學、案例教學以及精講多練、邊講邊練等多種教學方法，激發(fā)學生學習的興趣。

(1) 采用任務驅(qū)動和案例教學，讓學生變被動學習為主動學習。在開始上課時，給出本次課的任務或者案例，接著要求學生完成該任務或者案例作為驅(qū)動進行教學。例如，在講到“超級鏈接”時，根據(jù)教學目的和教學內(nèi)容選用典型案例，先對學生展示該案例使用超級鏈接的效果，然后再分步講解“絕對鏈接、相對鏈接、錨鏈接”，每講解完一部分知識點，馬上讓學生進行實踐，利用超級鏈接把之前制作的單個網(wǎng)頁鏈接起來；講解完所有的知識點后，要求學生完成該案例；最后要求學生把完成的作業(yè)(案例)上傳到服務器，避免學生因為不需要交作業(yè)而不積極學習，也讓學生在以后的作業(yè)中還能使用以前做好的頁面。這樣可以激發(fā)學生的學習興趣，提高學生的學習積極性。案例教學法中案例的分析與完成，有助于培養(yǎng)學生分析問題、解決問題的能力。實踐證明，這樣的教學方式，學生不僅能實現(xiàn)課堂案例，而且能靈活運用課堂知識，運用所學知識完成自己的設(shè)計。

同時借助網(wǎng)絡技術(shù)實現(xiàn)教學互動，達到隨機進入式教學的目的。在實際教學中，學生計算機知識掌握程度不同、水平參差不齊的狀況，不可能所有的學生在課堂上都能及時掌握教師所講的內(nèi)容，需要在課后對課堂內(nèi)容進一步復習鞏固。為了學生能夠更好地復習，教師可以將課件及相應的學習資料放到學校的網(wǎng)站上，對于重點和難點的知識，教師還可以錄制教學過程視頻，放在學校網(wǎng)站上，學生可以隨時訪問下載并進行學習。另外，教師還可以通過電子郵件或者QQ和學生交流，在課后也能隨時解答學生的疑問。

(2) 以比賽促興趣，發(fā)揮激勵機制

每年計算機系都會舉行一次“網(wǎng)頁設(shè)計”大賽，學生可以獨立參賽或者組成小組參賽，初評以后的作品，由設(shè)計者進行作品演示和陳述，然后由多名院內(nèi)專家評委打分，并由其中一名專家進行點評，評選出優(yōu)秀作品，同時對每個獲獎者給予一定的獎勵。通過這種活動提高學生的學習積極性、激發(fā)學生的競爭意識，同時還培養(yǎng)學生的創(chuàng)新精神和團結(jié)協(xié)作精神。

(3) 不斷改進教學手段

網(wǎng)頁設(shè)計教學不同于其它課程，授課要直觀，利于學生學習和理解，因此，課時應該都安排在機房進行，教師每講解完一個知識點，學生馬上進行實踐，達到事半功倍的效果。此外，在條件允許的情況下還可以將學生帶出課堂，參與企業(yè)網(wǎng)站的設(shè)計，將現(xiàn)實職場變課堂，用事實說話，激發(fā)學生的認知能力，提高學生的認識。

3以提高就業(yè)能力為目標，優(yōu)化實踐教學環(huán)節(jié)

在課程設(shè)計中，實踐教學占總學時的2/3。實踐教學的貫徹落實，是關(guān)系到課程設(shè)置目標能否實現(xiàn)的重要一環(huán)。通過實踐教學，培養(yǎng)學生的實踐動手能力。

3.1精心設(shè)計實驗指導和作業(yè)

實驗指導是對課堂內(nèi)容的補充。在實驗指導中根據(jù)上課內(nèi)容，完整描述例子完成的全過程，學生能夠根據(jù)實驗步驟順利完成例子，在學生進一步掌握操作的同時，介紹更多的操作注意事項及操作技巧。把一個完整的網(wǎng)站設(shè)計分階段安排為每次課的作業(yè)，并且每次課學生的作業(yè)都緊密圍繞上課內(nèi)容安排學生完成相應的設(shè)計，盡量讓作業(yè)有連貫性，當學生完成這些分階段的作業(yè)后，也就完成了整個網(wǎng)站的的設(shè)計過程。這樣有利于學生體驗完整網(wǎng)站建設(shè)設(shè)計的過程，完成作業(yè)時，學生之間可以相互討論、學習。

3.2課程實訓，學以致用

在教學設(shè)計中，在學期末安排兩周時間進行課程實訓。課程實訓階段是學生對本門課程知識的總結(jié)和鞏固，并且把所學知識應用到實際工作中的階段。課程實訓時，要求學生按照某個企業(yè)的要求為該企業(yè)完成網(wǎng)站設(shè)計(網(wǎng)站通常還包括了留言簿或者論壇的動態(tài)網(wǎng)頁設(shè)計)。學生分組進行實訓，鼓勵學生以團隊協(xié)作的方式完成任務，鍛煉學生的團隊協(xié)作能力，為日后的工作打下基礎(chǔ)。在設(shè)計過程中，為了便于同學之間相互討論、學習，要求學生自由組合，幾個人一組完成一份作業(yè)，同時要求書寫網(wǎng)站設(shè)計報告。教師定時檢查每小組的進度，給予適當?shù)闹笇Ш徒ㄗh。最后，課堂演示作品進行評分，要求每小組派一人演示和講解完成的網(wǎng)站，其他同學進行評議和打分，學生總體評價和教師評價各占實訓成績的50%。這樣有利于學生共同討論、解決設(shè)計中的難題，也有利于互相學習，能很好地鍛煉學生的合作精神。

此外，提倡和鼓勵學生積極參與校園網(wǎng)的建設(shè)和維護工作。如有些學生參與系網(wǎng)站建設(shè)和精品課程網(wǎng)站建設(shè)，通過實踐應用，不但將課程中所學的知識融會貫通，強化了對知識的理解和掌握，又培養(yǎng)了學生制作網(wǎng)頁的系統(tǒng)性、精細性和藝術(shù)性；或者在校園網(wǎng)中開辟班級專欄和一些社團活動新聞專欄。我院長期和獅嶺鎮(zhèn)皮革加工市場校企合作(獅嶺鎮(zhèn)是全國最大的皮革加工市場)，部分皮革加工企業(yè)委托我院計算機系進行企業(yè)網(wǎng)站設(shè)計，教師鼓勵學生也參與這些企業(yè)網(wǎng)站的設(shè)計。以此對學生進行市場磨練，從實踐中鞏固理論知識，使學生真正搞清市場的需求，掌握行業(yè)的背景、規(guī)則以及工作方式，同時還會使其更加明確專業(yè)的培養(yǎng)方向，進一步激發(fā)學生的學習熱情。

3.3加強證書教育，考證促學

證書作為學生畢業(yè)的敲門磚，其地位越來越凸顯。為了促進學生考取相應證書，可以將證書考試課程內(nèi)容融入教學計劃當中，組織學生參加勞動局國家職業(yè)資格考試，獲取國家職業(yè)能力網(wǎng)頁制作等級證書，促進學生的學習。此外，鼓勵學生參加Macromedia網(wǎng)頁設(shè)計師認證考試和Adobe網(wǎng)頁設(shè)計師認證考試。這樣，學生在學習的同時還可以獲取證書，為其以后順利就業(yè)打下了良好的基礎(chǔ)。

4改進課程考核方式

在《網(wǎng)頁設(shè)計》課程的考核模型中，主要采用作品評價方式進行。該課程的最終目的是要求學生應用所學知識，設(shè)計出個性化的特色網(wǎng)站，并上傳到Internet供用戶瀏覽訪問。因此，最好的考核方式就是評價學生所做的作品。由于這類作品不能在短時間內(nèi)完成，因此在教學后期階段，就要求學生開始著手收集資料，設(shè)計自己特色的個人網(wǎng)站。教師給出作品的最低標準：每位學生自己設(shè)計一個個人網(wǎng)站，該網(wǎng)站必須是原創(chuàng)；網(wǎng)站除了首頁以外，至少還必須有5個獨立的內(nèi)容不同的頁面(該頁面不能只是文字或者圖片)；必須上交網(wǎng)站中使用的圖片和動畫的源文件(png文件、psd文件和fla文件)；網(wǎng)站應該有明確的主題和良好的導航，等等。作品評價時，網(wǎng)站總體設(shè)計占60%，色彩和動畫占40%。該作品成績占課程總成績的70%，平時作業(yè)和上機實踐成績占總成績的30%。這種考核方式注重實踐操作和應用開發(fā)能力的培養(yǎng)，可大大發(fā)揮學生的學習積極性和主動性。

5課程改革的進一步探討

本課程目前是側(cè)重于靜態(tài)網(wǎng)頁設(shè)計部分的講授，對動態(tài)網(wǎng)頁設(shè)計及圖像處理技術(shù)只作簡單的介紹?！毒W(wǎng)頁設(shè)計》作為一門綜合性的課程還涉及許多相關(guān)課程，可以根據(jù)不同的培養(yǎng)目標開設(shè)不同的選修課程。例如：為了進一步提高學生的網(wǎng)頁圖像和動畫設(shè)計能力，可以開設(shè)Photoshop、Flash等課程；為了進一步提高學生的網(wǎng)站建設(shè)及維護能力，可以開設(shè)動態(tài)網(wǎng)頁設(shè)計課程等。

6結(jié)束語

總之，高職院校的計算機課程教學模式的改革已經(jīng)成為必然，它對于高職院校的應用人才的培養(yǎng)具有舉足輕重的作用，為此，筆者對《網(wǎng)頁設(shè)計》課程的教學模式進行了適當?shù)母母?，積極探索，用于實踐，努力構(gòu)造該課程教學的嶄新模式。在教學過程中，從學生感興趣的角度出發(fā)，對課堂理論教學、實踐教學和課程考核方式等方面進行探索和改革，能使學生從被動學習轉(zhuǎn)變?yōu)橹鲃訉W習，提高其實踐操作技能，拓展其知識面。

參考文獻：

[1] 婁楓. 淺談高職院校計算機基礎(chǔ)課程的教學改革[M]. 中國科技信息,2006(10):237-238.