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

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

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

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

中圖分類號(hào)：TP393文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1009-3044（2013）35-8096-02

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

1.1制作人員所需具備技能

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

1.2網(wǎng)站運(yùn)行環(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)：簡(jiǎn)體中文版WindowsXP。

瀏覽器：InternetExplorer4.0/5.0。

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

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

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

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

2.2網(wǎng)站的風(fēng)格

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

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

3.1素材準(zhǔn)備

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

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

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

3.2首頁制作

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

建立站點(diǎn)

1）打開Dreamweaver軟件。

2）單擊“站點(diǎn)”菜單，進(jìn)行“新建站點(diǎn)”操作。

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

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

5）把images、flash、music三個(gè)文件夾剪切到站點(diǎn)文件夾下，再新建html文件夾。

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

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

8）建立表格，使表格居中對(duì)齊。

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

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

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

4模版的建立

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

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

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

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

作者：胡旭

參考文獻(xiàn)： 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn):

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

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

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

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

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

二、動(dòng)態(tài)頁面

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

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

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

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

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

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

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

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

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

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

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

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

三種：策劃書制作時(shí)間：年、月、日。

四種：策劃書的編號(hào)。

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

1、目錄：

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

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

4、策劃實(shí)施步驟以及各項(xiàng)具體分工：時(shí)間、人員、費(fèi)用、操作等。

5、策劃的期望效果與預(yù)測(cè)效果。

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

7、策劃書的附錄。

8、供參考的文獻(xiàn)與案例。

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

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

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

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

1.1 網(wǎng)站目標(biāo)：

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

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

1.2 設(shè)計(jì)原則

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

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

三、主體分析：

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

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

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

四、客體分析：追求時(shí)尚、個(gè)性和新奇的年輕人

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

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

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

五、目標(biāo)定位：

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

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

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

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

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

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

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

6.2 首頁內(nèi)容

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

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

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

會(huì)員注冊(cè)頁面（具體注冊(cè)項(xiàng)目以*** 要求為準(zhǔn)）：

會(huì)員登錄頁面：

會(huì)員面板（用戶端）：

會(huì)員管理面板：

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

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

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

6.3 首頁FLASH 內(nèi)容

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

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

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

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

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

九、市場(chǎng)分析：

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

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

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

我們把市場(chǎng)分析和網(wǎng)站的定位聯(lián)系起來放在第一章，是因?yàn)樗鼈冎g有所聯(lián)系，我們要根據(jù)市場(chǎng)分析得來的情況對(duì)網(wǎng)站進(jìn)行定位和目標(biāo)調(diào)整。與此同時(shí)，我們還要進(jìn)行網(wǎng)站服務(wù)對(duì)象分析。

市場(chǎng)分析：

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

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

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

網(wǎng)站定位：

市場(chǎng)分析做完后，通常要有一個(gè)總結(jié)。然后要對(duì)自己將要做的網(wǎng)站有一個(gè)明確的認(rèn)識(shí)，做出目標(biāo)和定位。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

網(wǎng)站編程：

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

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

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

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

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

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

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

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

免費(fèi)推廣方式：

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

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

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

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

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

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

付費(fèi)推廣方式：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、加強(qiáng)培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作能力

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

四、結(jié)語

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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

1引言

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

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

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

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

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

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

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

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

2.2ASP的概念及特點(diǎn)

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

二Pages所獨(dú)具的一些特點(diǎn):

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

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

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

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

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

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

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

WEB服務(wù)器ActiveServerP

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

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

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

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

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

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

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

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

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

3實(shí)例

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

建立一個(gè)自動(dòng)監(jiān)測(cè)瀏覽時(shí)問并根據(jù)不同時(shí)段動(dòng)態(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服務(wù)器的虛擬目錄(如:aspsamp/)下，并在瀏覽器中用HTTP的方式進(jìn)行瀏覽，如:yourcx>mpu[二二e/aspsamp/test1.asp.

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

asp添加一點(diǎn)色彩，在<holy>標(biāo)識(shí)中添加“bgcx>lor=“<%=hgc%>””即變?yōu)?lt;bodybgcx>lor=“<%=bgc%

>”>，并在<holy>標(biāo)記前添加如下語句:

<%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且

%>

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

多，譬如想知道在凌晨至十二點(diǎn)之問瀏覽該頁面的客戶的姓名，并向客戶問好，那么下面的這段程序?qū)⒛苤氵_(dá)成心愿.首先你需要在頁面中設(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從.長(zhǎng))mi(+.二e;)&+;&二明es[.長(zhǎng))mi(“玩二e;request.form((name)&&request.form(lname%>

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

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

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

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

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

中圖分類號(hào)TP39 文獻(xiàn)標(biāo)識(shí)碼 A 文章編號(hào) 1674-6708（2015）135-0114-02

0引言

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

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

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

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

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

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

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

2 網(wǎng)站的色彩

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

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

1）公司專屬：必勝客公司網(wǎng)頁色調(diào)主打暖色調(diào)--紅，因?yàn)樾涯康募t滿足快餐店引人注意使過路人進(jìn)店消費(fèi)的訴求。中國(guó)移動(dòng)公司的深藍(lán)色，蘋果官網(wǎng)的灰白等，它們對(duì)外的廣告、海報(bào)也是與其一致的顏色。這也就說明了，每一個(gè)公司都有標(biāo)準(zhǔn)的顏色來代表公司的CI

形象。

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

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

2.2 色彩的分類及意義

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

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

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

在日常生活中，人們對(duì)于色彩搭配都會(huì)有一些基本概念?？墒牵胍獜姆诸惙彪s的顏色群中搭配出符合公司企業(yè)文化的最恰當(dāng)色彩必須經(jīng)過專業(yè)的培訓(xùn)。

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

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

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

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

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

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

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

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

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

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

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

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

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

4 結(jié)論

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

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

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

中圖分類號(hào)：TP311文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1674-120X（2016）29-0117-02收稿日期：2016-08-15

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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

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

中圖分類號(hào)：G642

文獻(xiàn)標(biāo)識(shí)碼：B

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

1突出高職特色，明確教學(xué)目標(biāo)

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

2遵循高職教學(xué)規(guī)律，改進(jìn)和加強(qiáng)教學(xué)工作

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

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

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

2.2采取多樣化教學(xué)手段，及時(shí)改進(jìn)教學(xué)方法

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

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

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

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

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

(3) 不斷改進(jìn)教學(xué)手段

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

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

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

3.1精心設(shè)計(jì)實(shí)驗(yàn)指導(dǎo)和作業(yè)

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

3.2課程實(shí)訓(xùn)，學(xué)以致用

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

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

3.3加強(qiáng)證書教育，考證促學(xué)

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

4改進(jìn)課程考核方式

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

5課程改革的進(jìn)一步探討

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

6結(jié)束語

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

參考文獻(xiàn)：

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