第一篇：個(gè)人網(wǎng)站設(shè)計(jì)制作研究
XXXX 師 范 學(xué) 院
本科生畢業(yè)論文
題 目：個(gè)人網(wǎng)站設(shè)計(jì)制作研究 學(xué)生姓名：XXXXX 指導(dǎo)教師：XXXXX 二級(jí)學(xué)院：物理與電子信息學(xué)院 系 別：電子系
專 業(yè)：電子信息科學(xué)與技術(shù) 年 級(jí)：09級(jí)
學(xué) 號(hào)：0905XXXXXXXXX
完成日期：2013年1月10日
XXXX師范學(xué)院本科生畢業(yè)論文
論文題目：個(gè)人網(wǎng)站設(shè)計(jì)制作研究
【論文摘要】在制作網(wǎng)站前需要有一個(gè)明確的思想，要做一個(gè)什么樣風(fēng)格的網(wǎng)站，它要表達(dá)什么樣的效果，為達(dá)到這樣的效果需要使用什么樣的設(shè)計(jì)方案和開發(fā)工具。我做的這個(gè)網(wǎng)站以溫馨舒適為主題，表達(dá)個(gè)人對(duì)生活的熱愛(ài)和對(duì)美的追求，故以溫馨的粉色的基色，搭配明媚的梅紅，插入柔軟絢麗的插圖，使整體協(xié)調(diào)一致。這個(gè)過(guò)程是使用Photoshop制作的效果圖，然后使用Dreamweaver進(jìn)行制作。網(wǎng)站制作是個(gè)看似簡(jiǎn)單實(shí)則艱辛的過(guò)程，只有經(jīng)歷過(guò)的人才懂得個(gè)中滋味。
【關(guān)鍵詞】 設(shè)計(jì)思想； 實(shí)現(xiàn)方式；效果圖
XXXXXXX Normal College Graduate Thesis
Personal Web Design
【Abstract】 Before the production site need to have a clear idea to do a site of what style, it is to express what kind of effect, what kind of design and development tools needed to achieve this effect.I made this website to cozy theme to express personal love for life and the pursuit of beauty, it is a warm pink base color, with bright MEI, inserted into the soft, colorful illustrations, so that the overall coherence.This process using Photoshop produced effect diagram, and then use Dreamweaver for production.The production site is a deceptively simple but in reality difficult process, only experienced people know the taste.【Key Words】 design ideas;Implementation;Effect diagram
目 錄
1.網(wǎng)站的策劃.......................................................5
1.1個(gè)人網(wǎng)站的簡(jiǎn)介...............................................5 1.2.建設(shè)網(wǎng)站前的市場(chǎng)分析........................................7 1.3.建設(shè)網(wǎng)站的目的及功能定位....................................9
2.網(wǎng)站總體分析與設(shè)計(jì)..............................................10
2.1網(wǎng)站設(shè)計(jì)....................................................10 2.2網(wǎng)站內(nèi)容及實(shí)現(xiàn)方式..........................................12 2.3開
發(fā)
工
具的使用..............................................................................................13 2.3網(wǎng)站的測(cè)試發(fā)布及后期更新與維護(hù)..............................................................6
3.制作流程及效果圖................................................15
3.1首頁(yè)制作流程及效果圖........................................15 3.2個(gè)人展示制作流程及效果圖....................................17 3.3相冊(cè)制作流程及效果圖........................................18 3.4音樂(lè)盒制作流程及效果圖......................................19 3.5視頻制作流程及效果圖........................................20
4.總 結(jié)...........................................................21 參考文獻(xiàn)..........................................................22 致 謝.............................................................22
網(wǎng)絡(luò)技術(shù)逐漸深入社會(huì)生活各個(gè)層面的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,網(wǎng)絡(luò)成為最大的推銷平臺(tái),網(wǎng)站是不可缺少的推銷手段,現(xiàn)在基本上每個(gè)人都參與網(wǎng)絡(luò),而網(wǎng)絡(luò)上能展現(xiàn)自我的平臺(tái)就是個(gè)人網(wǎng)站。
個(gè)人網(wǎng)站是由個(gè)別提供的一套集博客、文章、相冊(cè)、日程、通訊錄、鏈接、調(diào)查、留言板等諸多功能于一體的網(wǎng)絡(luò)平臺(tái)。個(gè)人網(wǎng)站的自由、開放精神，并使之更容易操作，更具個(gè)性需求，而不需要高深的技術(shù)。它可以幫助個(gè)人進(jìn)行全面的信息化，以多種形式達(dá)到對(duì)信息獲取、組織、思考、表達(dá)、共享和交流的目的。以個(gè)人為中心，建立一個(gè)完全屬于自己的可定制的個(gè)性化網(wǎng)絡(luò)平臺(tái)。來(lái)自文章的評(píng)論，留言板都可以很好的進(jìn)行交流，傾聽別人的聲音。
人們通過(guò)網(wǎng)絡(luò)來(lái)表現(xiàn)自己的欲望越來(lái)越強(qiáng)，人們更迫切的需要能夠張顯個(gè)人色彩，更加個(gè)性化的個(gè)人網(wǎng)站。當(dāng)今，個(gè)人網(wǎng)站的設(shè)計(jì)與開發(fā)應(yīng)用更加廣泛，更加具有生命力。通過(guò)對(duì)個(gè)人網(wǎng)站的設(shè)計(jì)與開發(fā)，可以熟悉相關(guān)的網(wǎng)站設(shè)計(jì)技巧和，網(wǎng)絡(luò)技術(shù)，熟練掌握HTML和ASP的編程技術(shù)，同時(shí)掌握和活用Dreamweave、Flash等工具。對(duì)于計(jì)算機(jī)網(wǎng)絡(luò)的理解都有深遠(yuǎn)意義的。
1.網(wǎng)站的策劃
1.1個(gè)人網(wǎng)站的簡(jiǎn)介
當(dāng)今世界發(fā)展得越來(lái)越快，如何才能緊跟時(shí)代的步伐，已成為越來(lái)越緊迫的問(wèn)題。隨著互聯(lián)網(wǎng)的快速發(fā)展，也為我們找到了一個(gè)緊跟時(shí)代步伐的平臺(tái)。為了更好地利用網(wǎng)絡(luò)資源，使我們的信息電子化，也為了能與世界各地進(jìn)行廣泛地交流，豐富我們的知識(shí)和視野。因此網(wǎng)站就因運(yùn)而生,網(wǎng)站最核心的價(jià)值在于給人們帶來(lái)最有價(jià)值的信息或服務(wù)。
個(gè)人網(wǎng)站是指因特網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方，個(gè)人網(wǎng)站由域名(也就是網(wǎng)站地址)、程序和網(wǎng)站空間構(gòu)成，通常包括主頁(yè)和其他具有超鏈接文件的頁(yè)面。網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要公開的資訊，或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)絡(luò)服務(wù)。個(gè)人網(wǎng)站是指?jìng)€(gè)人或團(tuán)體因某種興趣、擁有某種專業(yè)技術(shù)、提供某種服務(wù)或把自己的作品、商品展示銷售而制作的具有獨(dú)立空間域名的網(wǎng)站。
個(gè)人網(wǎng)站一般由個(gè)人或團(tuán)體因某種興趣、擁有某種專業(yè)技術(shù)、提供某種服務(wù)或把自己的作品、商品展示銷售而制作的具有獨(dú)立空間域名的網(wǎng)站。個(gè)人網(wǎng)站=頂級(jí)域名 虛擬主機(jī) 網(wǎng)頁(yè)。網(wǎng)頁(yè): 需要自己運(yùn)用各種網(wǎng)頁(yè)軟件制作.做好網(wǎng)頁(yè)后上傳到虛擬主機(jī),再把域名綁定到虛擬主機(jī)上,你的個(gè)人網(wǎng)站就可以對(duì)外供別人瀏覽了。
個(gè)人網(wǎng)站包括：博客，個(gè)人論壇，個(gè)人主頁(yè)等等，網(wǎng)絡(luò)的大發(fā)展趨勢(shì)就是向個(gè)人網(wǎng)站發(fā)展。個(gè)人網(wǎng)站是一個(gè)可以發(fā)布個(gè)人信息及相關(guān)內(nèi)容。通俗理解個(gè)人網(wǎng)站：就是指網(wǎng)站內(nèi)容是介紹自己的或是以自己的信息為中心的網(wǎng)站，不一定是自己做的網(wǎng)站，但強(qiáng)調(diào)的是以個(gè)人信息為中心。個(gè)人網(wǎng)站是指?jìng)€(gè)人或團(tuán)體因某種興趣、擁有某種專業(yè)技術(shù)、提供某種服務(wù)或把自己的作品、商品展示銷售而制作的具有獨(dú)立空間域名的網(wǎng)站。
個(gè)人網(wǎng)站是指因特網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方，個(gè)人網(wǎng)站由域名(也就是網(wǎng)站地址)、程序和網(wǎng)站空間構(gòu)成，通常包括主頁(yè)和其他具有超鏈接文件的頁(yè)面。網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要公開的資訊，或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)絡(luò)服務(wù)。個(gè)人網(wǎng)站是指?jìng)€(gè)人或團(tuán)體因某種興趣、擁有某種專業(yè)技術(shù)、提供某種服務(wù)或把自己的作品、商品展示銷售而制作的具有獨(dú)立空間域名的網(wǎng)站。個(gè)人網(wǎng)站是萬(wàn)維網(wǎng) 由個(gè)人創(chuàng)建的網(wǎng)頁(yè)包含的內(nèi)容，而不是個(gè)人性質(zhì)的公司，組織或機(jī)構(gòu)的代表
1.2.建設(shè)網(wǎng)站前的市場(chǎng)分析
隨著社會(huì)經(jīng)濟(jì)的不斷發(fā)展，現(xiàn)代社會(huì)節(jié)奏越來(lái)越快，人們每天都在接受超負(fù)荷的信息量，如何讓站長(zhǎng)在看到你的網(wǎng)站的時(shí)候就下定決心一定要用這個(gè)網(wǎng)站呢？和所有行業(yè)一樣，這需要換位思考，做出的網(wǎng)站能站在站長(zhǎng)（客戶）的角度去思考。其次，網(wǎng)站需能夠提供“垂直”服務(wù)，即交友留言類。最后，站長(zhǎng)要產(chǎn)生獨(dú)立擁有感，即使用者希望能夠獨(dú)立使用管理。
1.2.1行業(yè)分析：相關(guān)行業(yè)的市場(chǎng)是怎樣的,市場(chǎng)有什么樣的特點(diǎn)，是否能夠在互聯(lián)網(wǎng)上開展公司業(yè)務(wù)。
（1）市場(chǎng)容量
（2）市場(chǎng)增長(zhǎng)率、需求增長(zhǎng)率
（3）合作伙伴：公司有哪些主要的或次要的商業(yè)伙伴可以在該領(lǐng)域給予一定的幫組（即業(yè)務(wù)、技術(shù)方面）
（4）整體行業(yè)簡(jiǎn)介
1.2.2、市場(chǎng)主要競(jìng)爭(zhēng)者分析：競(jìng)爭(zhēng)對(duì)手上網(wǎng)情況及其網(wǎng)站策劃、功能作用。
1.2.3、公司自身?xiàng)l件分析、公司概況、市場(chǎng)優(yōu)勢(shì)分析：公司利潤(rùn)只要是靠什么，即通過(guò)什么來(lái)盈利，產(chǎn)品、服務(wù)還是其他公司是否有充裕的資金和人力去開拓網(wǎng)站業(yè)務(wù)目標(biāo)人群
1、服務(wù)器：選用獨(dú)立服務(wù)器還是虛擬空間，選用國(guó)外的空間還是國(guó)內(nèi)的空間。
（1）獨(dú)立服務(wù)器：優(yōu)點(diǎn) 容量大、適合信息量多、運(yùn)行快，而且是最穩(wěn)定的空間。
缺點(diǎn)：花費(fèi)高、人力消耗大
（2）虛擬空間：優(yōu)點(diǎn)價(jià)格便宜、容易操作。
缺點(diǎn)：和獨(dú)立服務(wù)香波不穩(wěn)定、不能應(yīng)對(duì)高負(fù)荷、高訪問(wèn)。
（3）國(guó)外空間： 優(yōu)點(diǎn) 不需要備案（即開即用較方便）、無(wú)國(guó)內(nèi)網(wǎng)站限制（什么類型的網(wǎng)站都可以建設(shè)）。缺點(diǎn)：速度慢、服務(wù)跟不上。
（4）國(guó)內(nèi)網(wǎng)站：優(yōu)點(diǎn)、速度快、訪問(wèn)穩(wěn)定、整體服務(wù)較好。
缺點(diǎn)：需要備案（企業(yè)一般為15-30個(gè)工作日）、網(wǎng)站類型限制較多。
2、選擇操作系統(tǒng)，用Window2000/NT還是unix,Linux。分析投入成本、功能、開發(fā)、穩(wěn)定性和安全性等。
3、采用模板自助建站、建站套餐還是個(gè)性化開發(fā)：目前市場(chǎng)較為流行的建站系統(tǒng)為織夢(mèng)、phpcms、discu、帝國(guó)等系統(tǒng)。
4、網(wǎng)站安全性措施，防黑、防病毒方案（如果采用虛擬主機(jī)，則該項(xiàng)由專業(yè)公司代勞）。
5、選擇什么樣的動(dòng)態(tài)程序及相應(yīng)數(shù)據(jù)庫(kù)。
6、域名的選擇：com、cn、info、cc等國(guó)際頂級(jí)域名選擇（個(gè)人推薦com,原因：com域名，知名多高、全重大、使用廣）域名的組成：如果有條件可將網(wǎng)站的域名注冊(cè)為公司名稱全拼或者首字母，例如：百度 004km.cn。
7、根據(jù)網(wǎng)站的目的確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航。一般企業(yè)型網(wǎng)站應(yīng)包括：公司簡(jiǎn)介、企業(yè)動(dòng)態(tài)、產(chǎn)品介紹、客戶服務(wù)、聯(lián)系方式、在線留言等基本內(nèi)容。更多內(nèi)容如：常見問(wèn)題、營(yíng)銷網(wǎng)絡(luò)、招賢納士、在線論壇、英文版等等。
8、根據(jù)網(wǎng)站的目的及內(nèi)容確定網(wǎng)站整合功能。如FLASH引導(dǎo)頁(yè)、會(huì)員系統(tǒng)、網(wǎng)上購(gòu)物系統(tǒng)、在線支付、問(wèn)卷調(diào)查系統(tǒng)、在線支付、信息搜索查詢系統(tǒng)、流量統(tǒng)計(jì)系統(tǒng)等。
9、確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航中的每個(gè)頻道的子欄目。如公司簡(jiǎn)介中可以包括：總裁致詞、發(fā)展歷程、企業(yè)文化、核心優(yōu)勢(shì)、生產(chǎn)基地、科技研發(fā)、合作伙伴、主要客戶、客戶評(píng)價(jià)等；客戶服務(wù)可以包括：服務(wù)熱線、服務(wù)宗旨、服務(wù)項(xiàng)目等。
10、確定網(wǎng)站內(nèi)容的實(shí)現(xiàn)方式。如產(chǎn)品中心使用動(dòng)態(tài)程序數(shù)據(jù)庫(kù)還是靜態(tài)頁(yè)面；營(yíng)銷網(wǎng)絡(luò)是采用列表方式還是地圖展示。1.3.建設(shè)網(wǎng)站的目的及功能定位
網(wǎng)站的目的直接影響其功能定位，如商業(yè)網(wǎng)站注重產(chǎn)品和服務(wù)的介紹，而交友型網(wǎng)站則需大量的人流信息等。這些目的使得網(wǎng)站必須做出適當(dāng)?shù)某溄?，安排不同的重點(diǎn)。
那么為什么要建立網(wǎng)站？是為了樹立企業(yè)形象，宣傳產(chǎn)品，進(jìn)行電子商務(wù)，還是建立行業(yè)性網(wǎng)站？是企業(yè)的基本需要還是市場(chǎng)開拓的延伸？在考慮了這些問(wèn)題之后，初步確立建站目的。這個(gè)要根據(jù)每個(gè)人或公司自身的資源來(lái)決定，一但目的明確了，要考慮的是整合公司或個(gè)人資資源，進(jìn)一步確定網(wǎng)站功能，根據(jù)網(wǎng)站功能，確定網(wǎng)站的初期與最終發(fā)展應(yīng)達(dá)到的目的與作用。這中間的每一個(gè)環(huán)節(jié)都不可忽視，應(yīng)該根據(jù)自己先前的思想和網(wǎng)站的目的把網(wǎng)站的功能細(xì)化。
網(wǎng)站的定位大致可分為這兩種方式：一種是一開始的定位很小，小可變成大；一種是一開始的定位很大，大可變成小。這兩這種定位有這個(gè)明顯的區(qū)分，前者一般是個(gè)人站長(zhǎng)所為，個(gè)人站長(zhǎng)沒(méi)有足夠的資源、技術(shù)與資金來(lái)作站前的市場(chǎng)分析，也沒(méi)有強(qiáng)大的團(tuán)隊(duì)走“大定為，小實(shí)現(xiàn)”。后者一般是公司所為，公司就不用說(shuō)了，只要看到這有發(fā)展空間，只要論證認(rèn)為有利公司發(fā)展，那么會(huì)就此作為一個(gè)項(xiàng)目，投入相應(yīng)的人力、物力與財(cái)力組成一個(gè)團(tuán)隊(duì)來(lái)實(shí)現(xiàn)公司的目標(biāo)。只有公司能做到從大定位，逐步小實(shí)現(xiàn)。
不論是個(gè)人還是公司在對(duì)網(wǎng)站的建設(shè)及功能定位這一步都會(huì)做很多的判斷，我個(gè)人始終認(rèn)為：在把握建站的目的及定位之后，最為重要的一點(diǎn)就是提高網(wǎng)站的特色，當(dāng)然想要在這個(gè)網(wǎng)絡(luò)橫行的年代里做出的特色是很不容易的。
不過(guò)好的思想是成功的一半，在有了特色以后，就是推廣自己的網(wǎng)站，這又分免費(fèi)和收費(fèi)。我做的這個(gè)網(wǎng)站屬個(gè)人網(wǎng)站，可用于如騰訊空間、博客等。其重點(diǎn)是要突出個(gè)人色彩，因?yàn)檫@個(gè)世界上每個(gè)人都是不一樣的，每個(gè)人的思想更是千差萬(wàn)別，所有做出大眾都能接收的溫馨特性，太另類的作品只有少數(shù)人喜歡，難以成為主流。因此，這個(gè)網(wǎng)站需要有個(gè)人展示，相冊(cè)，音樂(lè)盒，電影等，不可或缺的細(xì)節(jié)是，在首頁(yè)有留言欄，這是作為人際社會(huì)與他人溝通的橋梁，能讓人感受到擁有自己的獨(dú)立世界的同時(shí)還有與外界密切的聯(lián)系。
2.網(wǎng)站總體分析與設(shè)計(jì)
2.1網(wǎng)站設(shè)計(jì)
確立了網(wǎng)站的目的和功能，接下來(lái)按著已有的目的和需要達(dá)到的功能做出設(shè)計(jì)方案。網(wǎng)頁(yè)美術(shù)設(shè)計(jì)要求與主題整體形象一致，注意網(wǎng)頁(yè)色彩，圖片的應(yīng)用及版面策劃，保持網(wǎng)頁(yè)的整體一致性。除此，還要考慮使用者的年齡段，性別，群體愛(ài)好傾向等。作為個(gè)人網(wǎng)站，協(xié)調(diào)溫馨的畫面會(huì)是最為吸引人的因素，當(dāng)然使用性是必不可少的。
2.1.1確定網(wǎng)站的整體風(fēng)格
網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是最難以學(xué)習(xí)的。難就難在沒(méi)有一個(gè)固定的模式可以參照和模仿。給你一個(gè)主題，任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)站。
風(fēng)格是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志、色彩、字體、標(biāo)語(yǔ)）、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子：我們覺(jué)得網(wǎng)易是平易近人的，迪斯尼是生動(dòng)活潑的，IBM是專業(yè)嚴(yán)肅的。這些都是網(wǎng)站給人們留下的不同感受。在這里，我提供給大家一些建議：
1．將你的標(biāo)志logo，盡可能的放在每個(gè)頁(yè)面上最突出的位置； 2．突出你的標(biāo)準(zhǔn)色彩；
3．總結(jié)一句能反映貴站精髓的宣傳標(biāo)語(yǔ)；
4．相同類型的圖像采用相同效果，比如說(shuō)標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！
2.1.2色彩的搭配
無(wú)論是平面設(shè)計(jì)，還是網(wǎng)頁(yè)設(shè)計(jì)，色彩永遠(yuǎn)是最重要的一環(huán)。當(dāng)我們距離顯示屏較遠(yuǎn)的時(shí)候，我們看到的不是優(yōu)美的版式或美麗的圖片，而是網(wǎng)頁(yè)的色彩。
關(guān)于色彩的原理有許多，在此我們不可能一一闡述，大家可以看看相關(guān)設(shè)計(jì)書籍，有利于系統(tǒng)地理解。在此我們僅僅想告訴大家一些網(wǎng)頁(yè)配色時(shí)的小技巧。
1．用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感；
2．用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色；
3．用一個(gè)色系。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，藍(lán)。
在網(wǎng)頁(yè)配色中，還要切記一些誤區(qū)：
1．不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)； 2．背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容；
3．色彩的鮮明性。網(wǎng)頁(yè)的色彩要鮮艷，容易引人注目。
2.2網(wǎng)站內(nèi)容及實(shí)現(xiàn)方式
1、根據(jù)網(wǎng)站的目的確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航。
個(gè)人網(wǎng)頁(yè)可根據(jù)喜好設(shè)置：個(gè)人簡(jiǎn)介、相冊(cè)、日志、留言板、音樂(lè)盒等。企業(yè)型網(wǎng)站則可以包括：公司簡(jiǎn)介、企業(yè)動(dòng)態(tài)、產(chǎn)品介紹、客戶服務(wù)、聯(lián)系方式、在線留言等基本內(nèi)容。更多內(nèi)容如：常見問(wèn)題、營(yíng)銷網(wǎng)絡(luò)、招賢納士、在線論壇、英文版等等。
2、根據(jù)網(wǎng)站的目的及內(nèi)容確定網(wǎng)站整合功能。
如FLASH引導(dǎo)頁(yè)、大部分網(wǎng)站都有的會(huì)員系統(tǒng)、電商網(wǎng)站網(wǎng)上購(gòu)物系統(tǒng)、在線支付、郵件系統(tǒng)、問(wèn)卷調(diào)查系統(tǒng)、信息搜索查詢系統(tǒng)、流量統(tǒng)計(jì)系統(tǒng)等。
3、確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航中的每個(gè)頻道的子欄目。
如醫(yī)科大學(xué)簡(jiǎn)介中可以包括：學(xué)校簡(jiǎn)介、現(xiàn)任領(lǐng)導(dǎo)、歷史沿革、管理機(jī)構(gòu)、科研機(jī)構(gòu)、直屬醫(yī)院等；科學(xué)研究可以包括：管理機(jī)構(gòu)、科技管理制度、科技成果、項(xiàng)目開發(fā)、重點(diǎn)學(xué)科、重點(diǎn)實(shí)驗(yàn)室、學(xué)術(shù)交流、學(xué)術(shù)團(tuán)體、學(xué)術(shù)委員會(huì)、知識(shí)產(chǎn)權(quán)等。
4、確定網(wǎng)站內(nèi)容的實(shí)現(xiàn)方式。
如使用動(dòng)態(tài)程序數(shù)據(jù)庫(kù)或靜態(tài)頁(yè)面；營(yíng)銷網(wǎng)絡(luò)是采用列表方式還是地圖展示。
我這個(gè)個(gè)人網(wǎng)站首頁(yè)中左上角為logo，右邊為導(dǎo)航條。中間是插圖，下面是留言板。整個(gè)版面按顏色由淺漸深再由深到淺進(jìn)行過(guò)渡，顏色深的地方即為需要突出的地方，這樣就不會(huì)產(chǎn)生審美疲勞。左下角安插了一個(gè)Flash，讓整個(gè)版面添加動(dòng)感。整個(gè)首頁(yè)即為這個(gè)網(wǎng)站的基本模式，即網(wǎng)站都是以首頁(yè)的風(fēng)格為基礎(chǔ)進(jìn)行制作的。
在導(dǎo)航條中可鏈接到各個(gè)頁(yè)面。簡(jiǎn)潔便宜。2.3.開發(fā)工具的使用
制作網(wǎng)頁(yè)的基本軟件離不開HTML，但是如果真的要用其完成全部的網(wǎng)絡(luò)課程開發(fā)是不現(xiàn)實(shí)的，因?yàn)榧炔环奖阈视值停Ｓ玫姆椒ㄊ沁x擇一種工具軟件，只是在必要的時(shí)候?qū)ぞ哕浖傻腍TML文件進(jìn)行編輯，這樣可以使開發(fā)工作變得簡(jiǎn)單又輕松。
但網(wǎng)頁(yè)制作工具只是對(duì)其中各種類型的媒體進(jìn)行了集成，媒體的編輯還需要各種類型的媒體工具軟件。1.Microsoft公司的FrontPage 應(yīng)用開發(fā)工具可大大提高編制網(wǎng)絡(luò)課件的效率.目前,國(guó)際上比較流行的Web頁(yè)制作軟件大致可以分為兩類:代碼型和所見即所得型.代碼型的制作軟件要編程,對(duì)于初學(xué)者來(lái)說(shuō)想要立即上手比較困難.Microsoft公司的FrontPage就不同了,它作為一種所見即所得型的代表軟件,可以使使用者的工作效率得以很大提高.FrontPage是Office家族的一員,沿襲著Office 的風(fēng)格.所以會(huì)用 Word 的人很容易學(xué)會(huì)FrontPage.2.Macromedia 公司的Dreamweaver Dreamweaver是美國(guó)MACROMEDIA公司開發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè).3.FLASH網(wǎng)頁(yè)需要畫面流動(dòng)時(shí)的首選擇。
4.Adobe Photoshop圖象處理軟件，一般網(wǎng)頁(yè)都需要有圖片相搭配，Adobe Photoshop是款很強(qiáng)大的工具。
5.Java開發(fā)工具
應(yīng)選擇可移植性好的開發(fā)工具。如JDK。
雖然Java程序的可移植性好，但其也依賴于使用的開發(fā)工具，如果使用了一些編程工具自己提供的擴(kuò)展功能，則可能會(huì)降低可移植性。
6.數(shù)據(jù)庫(kù)的選擇
最好選擇能跨平臺(tái)使用的數(shù)據(jù)庫(kù)，如Oracle等。
網(wǎng)站制作中要使用到許多的開發(fā)工具。根據(jù)不同的需要又可選擇性的使用一些工具。
這個(gè)個(gè)人網(wǎng)站是先做出了美工圖，所以Photoshop是必不可少的，在處理圖片，制作logo,制作導(dǎo)航條等方面都需要用到Photoshop。將美工圖處理好以后使用Dreamweaver進(jìn)行操作。
Dreamweaver是一個(gè)功能很強(qiáng)大的軟件，再配合使用其他軟件，即可做出預(yù)期效果。
2.4網(wǎng)站的測(cè)試發(fā)布及后期更新與維護(hù)
2.4.2測(cè)試和發(fā)布網(wǎng)站
該網(wǎng)站正式發(fā)布之前，有必要進(jìn)行必要的測(cè)試，所有的測(cè)試應(yīng)該是主要的用戶體驗(yàn)。網(wǎng)站的測(cè)試包括許多方面，包括穩(wěn)定的空間，配置測(cè)試，兼容性測(cè)試，易用性測(cè)試，文檔測(cè)試，安全性測(cè)試，如果該網(wǎng)站是在全球范圍內(nèi)的觀眾，也應(yīng)包括本地化測(cè)試。
不同技術(shù)的網(wǎng)站程序在不同的環(huán)境做測(cè)試。
經(jīng)過(guò)全面測(cè)試的網(wǎng)站才能發(fā)布。使用FTP發(fā)布網(wǎng)站內(nèi)容上傳到網(wǎng)絡(luò)空間，可以在網(wǎng)絡(luò)空間提供商網(wǎng)絡(luò)購(gòu)買。制作的網(wǎng)站數(shù)據(jù)庫(kù)，但購(gòu)買網(wǎng)站空間沒(méi)有自己的數(shù)據(jù)庫(kù)，你需要購(gòu)買額外的數(shù)據(jù)庫(kù)。FTP數(shù)據(jù)庫(kù)賬號(hào)和密碼信息將在網(wǎng)絡(luò)空間的應(yīng)用和FTP帳戶。
在所有的網(wǎng)站數(shù)據(jù)上傳到網(wǎng)絡(luò)空間，你還需要申請(qǐng)的域名的網(wǎng)站。通過(guò)域名指向的網(wǎng)站空間，使網(wǎng)站可以通過(guò)域名訪問(wèn)的。域名也可以購(gòu)買域名提供商網(wǎng)絡(luò)。
2.4.2更新和維護(hù)網(wǎng)站
網(wǎng)站制作，將來(lái)的更新和維護(hù)是最重要的。更新和維護(hù)長(zhǎng)期，穩(wěn)定，以使網(wǎng)站在互聯(lián)網(wǎng)上運(yùn)行，并繼續(xù)為用戶提供新的網(wǎng)站內(nèi)容。需要一個(gè)很好的網(wǎng)站，定期或不定期更新的內(nèi)容，以繼續(xù)吸引更多的觀眾，不斷更新的內(nèi)容，以確?；盍Φ木W(wǎng)站。
更新和維護(hù)的主要任務(wù)包括：規(guī)劃和設(shè)計(jì)，增加網(wǎng)站的內(nèi)容，擴(kuò)大服務(wù)范圍、空間和增加服務(wù)項(xiàng)目。
內(nèi)容更新可以考慮從以下幾個(gè)方面人手，使該網(wǎng)站可以長(zhǎng)期運(yùn)營(yíng)·網(wǎng)站建設(shè)初期給予足夠的重視，需要后續(xù)的維護(hù)工作，以確保該網(wǎng)站的建設(shè)完成后，發(fā)布更新和維護(hù)簡(jiǎn)單，易于開展。
普通網(wǎng)站增加內(nèi)容，增加能夠及時(shí)，準(zhǔn)確，全面的考慮建立一個(gè)管理系統(tǒng)，從信息采集，信息審核發(fā)布的信息的良性運(yùn)轉(zhuǎn)。
盡量不要在網(wǎng)站上做了很多的變化，可以部分更新，添加內(nèi)容的情況下，網(wǎng)站的架構(gòu)并沒(méi)有改變。
3.制作流程及效果圖
3.1首頁(yè)制作流程及效果圖
首頁(yè)的制作是重中之重。眾所周知，第一印象是非常重要的。而首頁(yè)同時(shí)承擔(dān)者板式的角色，故制作時(shí)應(yīng)考慮到大局。
所有的頁(yè)面都是先做出效果圖，這從頁(yè)面的色彩基調(diào)及布局開始，定位好色彩基調(diào)為紅色，然后制作插圖，制作logo。制作導(dǎo)航條。Photoshop使用時(shí)分層很重要，分層后才能隨意修改。
按照已經(jīng)設(shè)計(jì)好的制作方案做出Flash，然后將頁(yè)面分割，再使用Dreamweaver表格將頁(yè)面布局安排好。
首頁(yè)的效果圖如下：
logo導(dǎo)航條
留言板
3.2個(gè)人展示制作流程及效果圖
個(gè)人展示這塊的制作模式和首頁(yè)類似，在一些細(xì)節(jié)方面做了改動(dòng)。左邊使用表格建立超鏈接。
效果圖如下：
3.3相冊(cè)制作流程及效果圖
相冊(cè)制作是在首頁(yè)制作的基礎(chǔ)上結(jié)合個(gè)人展示的細(xì)節(jié)進(jìn)行制作的，在主要內(nèi)容里面插入了圖片，都是先用Photoshop做好的美工圖。
效果圖如下:
3.4音樂(lè)盒制作流程及效果圖
音樂(lè)盒的制作與前面介紹的網(wǎng)頁(yè)類似，不同的是建立的超鏈接是音樂(lè)
效果圖如下：
3.5視頻制作流程及效果圖
視頻的制作和音樂(lè)盒類似，超鏈接為各個(gè)電影。效果圖如下:
總 結(jié)
一份看似輕松的作品卻需要作者全身心的投入，網(wǎng)站如此，其他工作也是如此。而且僅是一個(gè)網(wǎng)站，就要涉及很多的專業(yè)知識(shí)和業(yè)余知識(shí)，比如說(shuō)美工圖的設(shè)計(jì)，不僅要熟悉Photoshop，還要了解廣告學(xué)和心理學(xué)，用以布局，創(chuàng)造出最佳的效果。古語(yǔ)言，學(xué)海無(wú)涯。我在這次畢業(yè)設(shè)計(jì)中學(xué)到了很多，成長(zhǎng)了很多，本次設(shè)計(jì)提高了自己的動(dòng)手，動(dòng)腦能力，豐富了自我知識(shí)，增強(qiáng)了克服困難的勇氣和能力，使我獲益匪淺。介于設(shè)計(jì)時(shí)間問(wèn)題，系統(tǒng)還有許多不盡人意的地方，功能不夠全面等方面問(wèn)題，這些都有待于進(jìn)一步改善。在設(shè)計(jì)過(guò)程中，我發(fā)現(xiàn)網(wǎng)站設(shè)計(jì)的設(shè)計(jì)語(yǔ)言也很重要，不同的編程語(yǔ)言實(shí)現(xiàn)功能的方法都有所不同的，實(shí)現(xiàn)的效果也不盡相同，在今后的學(xué)習(xí)中會(huì)不斷提高自己的能力。但愿在今后的成長(zhǎng)中也能有機(jī)會(huì)不斷的學(xué)習(xí)。參考文獻(xiàn)：
[1] 萬(wàn)維多媒體工作室.ASP實(shí)戰(zhàn)錦囊.第一版.機(jī)械工業(yè)出版社.2001 [2] 廖信彥.ASP應(yīng)用經(jīng)典.第一版.北京：中國(guó)鐵道出版社.2000 [3] 王利福 張世琨 朱冰.《軟件工程》.編著；北京大學(xué)出版社 [4] 李紹原.《數(shù)據(jù)庫(kù)原理及應(yīng)用》.主編：科學(xué)出版社 [5] 肖金秀.ASP網(wǎng)絡(luò)編程技術(shù).主編；青華大學(xué)出版社
[6] 吳濤主編，網(wǎng)站全程設(shè)計(jì)技術(shù)（修訂本），北京：清華大學(xué)出版社； [7] 張華、賈志娟主編，asp項(xiàng)目開發(fā)實(shí)踐，中國(guó)鐵道出版社 [8] 沈大林主編，中文Flash 8案例教程，中國(guó)鐵道出版社
[9] 龍馬工作室編，ASP+SQL Server組建動(dòng)態(tài)網(wǎng)站實(shí)例精講：人民郵電出版社 [10] 趙增敏編，ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)，電子工業(yè)出版社 [11] 任學(xué)文、范嚴(yán)編, 網(wǎng)頁(yè)設(shè)計(jì)與制作，中國(guó)科學(xué)技術(shù)出版社 [12] 武創(chuàng)、王惠主編,網(wǎng)頁(yè)設(shè)計(jì)探索之旅 ,電子工業(yè)出版社 [13] 杜巧玲等編, 網(wǎng)頁(yè)設(shè)計(jì)超級(jí)夢(mèng)幻組合,清華大學(xué)出版社 [14] 吳黎兵、羅云芳編，網(wǎng)頁(yè)設(shè)計(jì)教程，武漢大學(xué)出版社 [15] 莊王健編，網(wǎng)頁(yè)設(shè)計(jì)三劍客白金教程，電子工業(yè)出版社 致 謝
畢業(yè)設(shè)計(jì)的時(shí)間雖然不長(zhǎng)，但是在和指導(dǎo)老師的交流中我學(xué)習(xí)到很多，不僅是在專業(yè)知識(shí)方面，也在做人做事認(rèn)真對(duì)待工作的積極態(tài)度。特此感謝指導(dǎo)老師對(duì)我的幫助，也感謝院方安排的這個(gè)畢業(yè)設(shè)計(jì)，讓我有機(jī)會(huì)去體會(huì)到不同的感受。由衷感謝指導(dǎo)老師，感謝院方對(duì)我們的幫助。
當(dāng)年花30塊錢買了3500字，自己加到了12000字又刪了點(diǎn)，適合低水平論文過(guò)了就可以的同學(xué)，希望可以幫到你。
當(dāng)年只在萬(wàn)方查過(guò)重復(fù)率 17%左右 不知道現(xiàn)在，湊合用吧
第二篇：網(wǎng)頁(yè)制作論文--個(gè)人網(wǎng)站設(shè)計(jì)
網(wǎng)頁(yè)制作課程論文
（個(gè)人網(wǎng)站設(shè)計(jì)論文）
姓名：薛金鴿 學(xué)號(hào)：105031040025 班級(jí)：103212 專業(yè)：市場(chǎng)營(yíng)銷（電子商務(wù)方向）學(xué)期：2011-2012學(xué)年第2學(xué)期 任課教師：劉新飛
個(gè)人網(wǎng)站策劃書
1.組織機(jī)構(gòu)描述
1.1個(gè)人網(wǎng)站的應(yīng)用背景
網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個(gè)很普遍的問(wèn)題了，對(duì)于個(gè)人來(lái)說(shuō)，建設(shè)好時(shí)間的個(gè)性化網(wǎng)站可以更加方便的收集信息，開展更加直接的網(wǎng)絡(luò)交流，使用自己構(gòu)筑的友善平臺(tái)，我們可以為自己畢業(yè)后找工作做好充分的準(zhǔn)備，通過(guò)自己建設(shè)的網(wǎng)站，用人單位可以更好的去了解你，從而給自己增加了一份很重的砝碼。在我的這個(gè)個(gè)人網(wǎng)站的制作過(guò)程中，我選擇了我比較熟悉的大學(xué)生活中的許多內(nèi)容做為我的網(wǎng)站的重要組成部分，這樣相對(duì)于其他包括種類齊全的網(wǎng)站，我就有了一定的材料基礎(chǔ)。這是我這個(gè)網(wǎng)站選擇大學(xué)生主題的原因之一。
其次，做為在校大學(xué)生，我知道大學(xué)生現(xiàn)在對(duì)什么事物，內(nèi)容，活動(dòng)等等感興趣，所以，我做起來(lái)的時(shí)候相對(duì)來(lái)說(shuō)是比較隨手的，我不用像其他的網(wǎng)站那樣去刻意的收集信息，資料，我只要在校園里稍微留意，我就會(huì)捕捉到大學(xué)生的興趣點(diǎn)。所以，在整個(gè)網(wǎng)站的設(shè)計(jì)過(guò)程中，我廣泛的聽取同學(xué)的意見和建議，不斷的改進(jìn)和提高我的網(wǎng)站的內(nèi)容和質(zhì)量，這些都取得了比較好的效果。
在整個(gè)網(wǎng)站的設(shè)計(jì)過(guò)程中，我根據(jù)自己以往的設(shè)計(jì)經(jīng)驗(yàn)和自己找來(lái)的資料，又經(jīng)過(guò)老師的指點(diǎn)，經(jīng)過(guò)了近一個(gè)月的努力，幾經(jīng)易稿，最終做成了我的這個(gè)個(gè)人主頁(yè)。.2 個(gè)人網(wǎng)站建設(shè)的目的
在我們的工作、日常生活中，能夠擁有一個(gè)自己的網(wǎng)站，一個(gè)已經(jīng)成為不少人的希望和驕傲。一個(gè)網(wǎng)站項(xiàng)目的確立是建立在各種各樣的需求上面的，這是個(gè)人網(wǎng)站，所以這種需求往往來(lái)自于個(gè)人的實(shí)際需求，其中每個(gè)人的實(shí)際需求占了絕大部分[6]。因此如何更好地的了解、分析、明確需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)出來(lái)，保證開發(fā)過(guò)程按照個(gè)人需求為目的正確項(xiàng)目開發(fā)方向進(jìn)行。不同的網(wǎng)站目的要求通過(guò)不同的方式來(lái)實(shí)現(xiàn)。一個(gè)展示個(gè)人能力的網(wǎng)站與一個(gè)以花卉種植為主題的網(wǎng)站，以及一個(gè)大型門戶網(wǎng)站和一個(gè)小型企業(yè)網(wǎng)站，其出發(fā)點(diǎn)和建站目的都有所不同，在整個(gè)網(wǎng)站的建設(shè)規(guī)劃方面的要求也是肯定是大不一樣的。因此在規(guī)劃我的這個(gè)網(wǎng)站時(shí)，我選擇了和大學(xué)生的生活和學(xué)習(xí)相關(guān)聯(lián)的主題。
1.3 相關(guān)應(yīng)用軟件選用、技術(shù)采用
在網(wǎng)頁(yè)的設(shè)計(jì)過(guò)程中，我選用的軟件包括Dreamweavercs5、Fireworks cs5和Photoshopcs5，其中，Dreamweaver 是網(wǎng)頁(yè)編輯軟件，F(xiàn)ireworks cs5是圖形/圖像處理軟件，photoshopcs5是圖片處理軟件。它們是Macromedia公司專門為網(wǎng)頁(yè)設(shè)計(jì)、制作開發(fā)的系列軟件套件，三者之間可以無(wú)縫集成，能夠有效地解決網(wǎng)絡(luò)帶寬問(wèn)題，是設(shè)計(jì)動(dòng)畫網(wǎng)頁(yè)的最佳工具。
Dreamweaver cs5采用“所見即所得”的直觀設(shè)計(jì)模式，充分尊重設(shè)計(jì)人員的原始意識(shí)和想象力。她成功地將網(wǎng)頁(yè)設(shè)計(jì)功能中的技術(shù)實(shí)現(xiàn)部分和設(shè)計(jì)部分分離開來(lái)，使用戶只需專注于設(shè)計(jì)，而其余的工作由Dreamweavercs5自動(dòng)完成。另外，還有一點(diǎn)值得說(shuō)明的是，Dreamweaver cs5可以控制和刪除冗余代碼，減小網(wǎng)頁(yè)文件的大小。從而能夠快速上傳和下載。
Fireworkscs4的獨(dú)特之處在于它能夠優(yōu)化、切分圖片映射圖，并提供了功能強(qiáng)大的翻滾圖工具。它是基于WEB應(yīng)用的圖形/圖象處理軟件，提供了一種革命性的新方法來(lái)創(chuàng)建WEB圖形，并且具有所有其他圖形處理工具的諸多優(yōu)點(diǎn)。Fireworks cs4的最大優(yōu)勢(shì)就在于它在任何時(shí)候可以從任何階段開始設(shè)計(jì)工作，這樣既可以節(jié)約時(shí)間又可以對(duì)產(chǎn)品進(jìn)行擴(kuò)展。另外，F(xiàn)ireworks cs4中的諸多功能都是面向WEB應(yīng)用的，因此對(duì)于WEB設(shè)計(jì)新手來(lái)說(shuō)也很容易學(xué)習(xí)的。
在我設(shè)計(jì)我的個(gè)人網(wǎng)站的過(guò)程中，我選擇了Dreamwearcs5和 Photoshopcs5 Fireworks cs4三種軟件。因?yàn)樽约合驅(qū)τ谄渌能浖?lái)說(shuō)，這三個(gè)還算是比較熟悉的。
2．網(wǎng)站的技術(shù)參數(shù)部分
2.1我的導(dǎo)航系統(tǒng)
我所制作的個(gè)人網(wǎng)站的導(dǎo)航系統(tǒng)包括：
1.個(gè)人簡(jiǎn)介2.個(gè)人專題4.我的相冊(cè)5.網(wǎng)站說(shuō)明6.給我留言 8.發(fā)送郵件9.鏈接百度10.女生花園
2.2功能模塊的劃分
1．搜索引擎：
根據(jù)瀏覽者的要求，使用主頁(yè)上的搜索引擎鏈接到百度，在整個(gè)Internet上進(jìn)行搜索，完成信息的優(yōu)化與提取。
2．論壇：
主要功能是網(wǎng)友和網(wǎng)站之間的交流平臺(tái)，也是網(wǎng)友給版主提出意見的主要渠道。在論壇中用戶可以發(fā)表意見，這些意見可以讓所有人看到，也可以只讓版主看到，版主和其他人可以針對(duì)留言的內(nèi)容進(jìn)行回復(fù)，只留給版主的留言只有版主能夠回復(fù)，并且版主可以登錄后臺(tái)對(duì)留言進(jìn)行管理，是否發(fā)表或刪除。
3．發(fā)送電子郵件：
網(wǎng)友可以通過(guò)“聯(lián)系我”利用outlook 向版主或其他人發(fā)送電子郵件。4．精品收藏：
在其中展示我喜愛(ài)的東西，包括電影、歌曲和一些優(yōu)美的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認(rèn)識(shí)我和了解我，讓一些美好的東西我們大家共同來(lái)欣賞。但我增加了管理權(quán)限，我以管理員的身份可以對(duì)加入的新內(nèi)容進(jìn)行管理，即允許加入和對(duì)其進(jìn)行刪除。
5．留言板：
是一個(gè)我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開討論。和大家進(jìn)行溝通。
2.3 首頁(yè)的設(shè)計(jì) 我的網(wǎng)站首頁(yè)主要采用簡(jiǎn)單大方的設(shè)計(jì)方法，用的是色調(diào)一致的一組圖片做的LOGO和相關(guān)的背景圖片，主要頁(yè)面布局如下：
2.4主要欄目的介紹
1．個(gè)人簡(jiǎn)介：
介紹版主的一些基本信息，希望各位訪客能夠認(rèn)識(shí)版主。2.我的論壇：
此版塊又分為主頁(yè)、發(fā)表意見、回復(fù)意見、顯示論壇內(nèi)容、版主后臺(tái)管理以及版主的回復(fù)界面。其中發(fā)表意見界面是所有訪客都可以在論壇里面發(fā)表自己的意見，這些意見可以是發(fā)表給所有的訪客，也可以是只發(fā)表給版主，如果只發(fā)表給版主，只有版主可以看到和回復(fù)；回復(fù)意見是所有訪客針對(duì)自己感興趣的話題進(jìn)行回復(fù)；這些發(fā)表的意見和回復(fù)可以在顯示論壇內(nèi)容的界面都顯示出來(lái)，供大家討論；那些只有版主才能看到的信息在版主的管理界面，這個(gè)界面需要登錄，設(shè)有用戶名和密碼，在這里版主可以對(duì)所有評(píng)論進(jìn)行發(fā)表或刪除的管理。3.個(gè)人專題：
這里收錄了我平時(shí)搜集的一些文章和音樂(lè)，各位訪客可以根據(jù)自己的喜好進(jìn)行閱覽。4.我的相冊(cè)：
在這個(gè)板塊可以看到我的照片，班級(jí)照片和搜集的校園照片，如果大家喜歡可以收藏。更改照片的時(shí)候只要更新數(shù)據(jù)庫(kù)就可以了。5.網(wǎng)站說(shuō)明：
里面是我對(duì)整個(gè)網(wǎng)站的介紹，不太清楚網(wǎng)站構(gòu)架的訪客可以先到這里。6.給我留言：
這是每位訪客針對(duì)我的網(wǎng)站情況給我留言，這些留言會(huì)直接保存到數(shù)據(jù)庫(kù)里面，并且能夠輕松的讀取。7.發(fā)送郵件：
各位訪客可以通過(guò)outlook向版主或者其他人發(fā)送電子郵件。8.鏈接百度：
如果訪客想在互聯(lián)網(wǎng)上查找東西，可以直接點(diǎn)擊這里。9.女生花園：
收集了一些女生喜歡的東西，如果你是女生，可以進(jìn)來(lái)看看。
2.5二級(jí)頁(yè)面的設(shè)計(jì)
我的網(wǎng)站主頁(yè)內(nèi)容簡(jiǎn)單所以主要內(nèi)容再二級(jí)頁(yè)面里要有詳細(xì)的說(shuō)明，具體說(shuō)明如下：
2.5.1個(gè)人簡(jiǎn)介
本模塊是個(gè)人簡(jiǎn)介部分，每個(gè)個(gè)人網(wǎng)站都會(huì)有作者介紹。在這個(gè)模塊訪客會(huì)了解到作者的一些基本信息.2.5.2文學(xué)欣賞
這個(gè)版塊主要介紹我自己喜歡的相關(guān)文學(xué)作品。此版塊的界面如圖所示：
圖3.6 文學(xué)欣賞界面
2.5.3快樂(lè)音樂(lè)
進(jìn)入此版塊，界面如圖所示：
通過(guò)在數(shù)據(jù)庫(kù)中存放音樂(lè)路徑，達(dá)到在網(wǎng)頁(yè)上播放的效果。在音樂(lè)的首頁(yè)上放置了歌曲的名字，網(wǎng)友無(wú)需登錄，即可收聽自己喜歡的歌曲。
音樂(lè)界面
2.5.4我的相冊(cè)版塊
個(gè)人網(wǎng)站中又一亮點(diǎn)就是個(gè)人相冊(cè)的設(shè)置，在我的相冊(cè)里，放置了我自己的照片、班級(jí)照片和校園照片。
相冊(cè)里面的這三個(gè)版塊具有相同的版面設(shè)計(jì)，如下圖所示：
相冊(cè)界面
2.5.5網(wǎng)站說(shuō)明版塊
此版塊是我根據(jù)自己的網(wǎng)站結(jié)構(gòu)對(duì)整個(gè)網(wǎng)站以及每個(gè)版塊所做的網(wǎng)站結(jié)構(gòu)和功能的說(shuō)明，以及網(wǎng)站和作者版權(quán)說(shuō)明。如下圖所示：
網(wǎng)站說(shuō)明界面
如果網(wǎng)友不清楚網(wǎng)站的構(gòu)架，可以查看此版塊。2.5.6給我留言版塊
留言板是目前最為流行的網(wǎng)絡(luò)應(yīng)用之一，使用留言板，可以為留言者提供發(fā)言的機(jī)會(huì)，讓他們能夠及時(shí)、準(zhǔn)確地交換自己的觀點(diǎn)。
2.5.7留言板主界面
完整的留言板具有發(fā)表留言和察看別人留言的功能，如圖所示的留言板主界面index1.ASP，可由此進(jìn)入留言界面和察看留言界面。
留言主界面
在主界面中存有全部留言的作者和主題，點(diǎn)擊你想察看的主題就會(huì)進(jìn)入察看留言界面，點(diǎn)擊 “發(fā)表帖子”進(jìn)入留言界面。
3．網(wǎng)站的維護(hù)方案
3.1域名的申請(qǐng)
域名（Domain Name），是由一串用點(diǎn)分隔的名字組成的,Internet上提供用戶訪問(wèn)某網(wǎng)站或網(wǎng)頁(yè)的路徑，用于在數(shù)據(jù)傳輸時(shí)標(biāo)識(shí)計(jì)算機(jī)的電子方位（有時(shí)也指地理位置）。
域名申請(qǐng)的含義
“域名申請(qǐng)”：為保證每個(gè)網(wǎng)站的域名或訪問(wèn)地址是獨(dú)一無(wú)二的，需要向統(tǒng)一管理域名的機(jī)構(gòu)或組織注冊(cè)或備檔的一種行為。也就是說(shuō)，為了保證網(wǎng)絡(luò)安全和有序性，網(wǎng)站建立后為其綁定一個(gè)全球獨(dú)一無(wú)二的域名或訪問(wèn)地址，必須向全球統(tǒng)一管理域名的機(jī)構(gòu)或組織去注冊(cè)或者備檔方可使用的一種行為。由于域名是網(wǎng)站必不可少的“門牌號(hào)”，域名可用于：網(wǎng)站地址訪問(wèn)、電子郵箱、品牌保護(hù)等用途，所以很多企業(yè)或個(gè)人均會(huì)進(jìn)行域名申請(qǐng)。
3.2空間或者主機(jī)的租用
有了自己的域名這個(gè)門牌號(hào)后，就需要一個(gè)空間來(lái)存放自己的網(wǎng)站，也就是虛擬主機(jī)。一般虛擬主機(jī)提供商都向用戶提供100MB、500MB、3GB等虛擬主機(jī)空間。我的個(gè)人網(wǎng)站選擇100-300MB的虛擬主機(jī)空間。購(gòu)買虛擬主機(jī)主要考慮幾個(gè)方面：售后服務(wù)、穩(wěn)定性、訪問(wèn)速度等。首先我選擇在萬(wàn)網(wǎng)上注冊(cè)一個(gè)域名然后申請(qǐng)租用空間建立個(gè)人網(wǎng)站。
3.3網(wǎng)站鏈接穩(wěn)定性測(cè)試
超級(jí)鏈接對(duì)于網(wǎng)站用戶而言意味著能不能流暢的使用整個(gè)網(wǎng)站提供的服務(wù)，因而鏈接將作為一個(gè)獨(dú)立的項(xiàng)目進(jìn)行測(cè)試。網(wǎng)站能夠正確運(yùn)行首先要保證鏈接能夠連貫運(yùn)行。
網(wǎng)站的運(yùn)行中整個(gè)系統(tǒng)是否運(yùn)行正常，我主要采用將測(cè)試網(wǎng)站長(zhǎng)時(shí)間運(yùn)轉(zhuǎn)進(jìn)行測(cè)試，派生出執(zhí)行程序所有功能需求的輸入條件，從而導(dǎo)出測(cè)試用例，進(jìn)行測(cè)試，網(wǎng)站中的每個(gè)版塊的每個(gè)頁(yè)面都出現(xiàn)了很多的鏈接，所以每個(gè)版塊要先進(jìn)行單獨(dú)測(cè)試，單獨(dú)測(cè)試完成后，根據(jù)個(gè)版塊之間的連接結(jié)構(gòu)再進(jìn)行總體測(cè)試，從而達(dá)到網(wǎng)站的整體的運(yùn)營(yíng)能夠順利地進(jìn)行。在測(cè)試這個(gè)環(huán)節(jié)時(shí)，沒(méi)有特定的測(cè)試方法，就要做到細(xì)心，做到網(wǎng)站的順利運(yùn)行。
總結(jié)：
通過(guò)這次個(gè)人網(wǎng)站設(shè)計(jì)的制作，我學(xué)會(huì)了很多東西，也了解了很多關(guān)于個(gè)人網(wǎng)站的資料。不知不覺(jué)網(wǎng)頁(yè)設(shè)計(jì)的課程將要結(jié)束了，這門課程所包含內(nèi)容的豐富是讓我從沒(méi)有想到的。在整個(gè)的學(xué)習(xí)過(guò)程中，我學(xué)習(xí)了Dreamwave、Firework、Html語(yǔ)言、網(wǎng)站建設(shè)的基本思想等重要內(nèi)容。到現(xiàn)在為止，我還是很慶幸能夠?qū)W到這么多的內(nèi)容。
雖然整個(gè)網(wǎng)頁(yè)的結(jié)構(gòu)還有很多不足，還有一些板塊沒(méi)有開通，但是我的確能夠感到在我們制作過(guò)程中技能的提高。整個(gè)網(wǎng)站的不足我想是沒(méi)有使用到一些動(dòng)態(tài)網(wǎng)頁(yè)的知識(shí)，使得日后網(wǎng)站的維護(hù)較為繁雜。希望以后可以自學(xué)動(dòng)態(tài)網(wǎng)站的課程，從而彌補(bǔ)自己在動(dòng)態(tài)網(wǎng)絡(luò)語(yǔ)言方面的不足。這樣以后可以利用業(yè)余的時(shí)間為自己或者公司，根據(jù)自己的愛(ài)好建立一個(gè)個(gè)人網(wǎng)站。
[參考文獻(xiàn)] [1] 袁曉紅.《網(wǎng)頁(yè)設(shè)計(jì)與制作》[M].高等教育出版社 2006 385頁(yè)~389頁(yè) [2] 甘登岱.《我也能掌握Flash編程》[M].航空工業(yè)出版社 2000 [3] 趙更生.《Flash動(dòng)畫制作培訓(xùn)實(shí)錄》[M].人民郵電出版社 2004 [4] 鮑嘉.盧堅(jiān).陳丁法《Dreamweaver CS5網(wǎng)頁(yè)設(shè)計(jì)從入門到精髓》[M].中國(guó)電力出版社2010 [5] 張成龍.《網(wǎng)頁(yè)制作一點(diǎn)通》.延邊人民出版社
[6] 劉瑞新，《ASP動(dòng)態(tài)網(wǎng)站開發(fā)、畢業(yè)設(shè)計(jì)指導(dǎo)及實(shí)例》[M].機(jī)械工業(yè)出版社 2000 [7] 石曉燕、蘇萍《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》[M].清華大學(xué)、交通出版社 20 04 [8] 王玉芬.《網(wǎng)站規(guī)劃與設(shè)計(jì)》[M].西北工業(yè)出版社 2003 [9] 謝希仁.計(jì)算機(jī)網(wǎng)絡(luò)(第5版)[M].北京：電子工業(yè)出版社,2008
第三篇：網(wǎng)站設(shè)計(jì)制作合同書
網(wǎng)站設(shè)計(jì)制作合同書
甲方：
乙方：
為了充分利用Internet的優(yōu)勢(shì)，進(jìn)行企業(yè)宣傳和商務(wù)活動(dòng)，甲方委托乙方進(jìn)行網(wǎng)站設(shè)計(jì)制作，雙方本著公平友好的原則，簽訂本合同：
一、甲方的權(quán)利和義務(wù)
1.甲方委托乙方進(jìn)行網(wǎng)站設(shè)計(jì)制作及。
2.甲方根據(jù)自身的需要，負(fù)責(zé)提出網(wǎng)站的總體設(shè)計(jì)風(fēng)格和功能要求。
3.甲方應(yīng)在乙方進(jìn)行網(wǎng)站及網(wǎng)頁(yè)的設(shè)計(jì)制作前提供有關(guān)網(wǎng)站整體設(shè)計(jì)的具體要求和意見（內(nèi)容包括：首頁(yè)和
內(nèi)頁(yè)的頁(yè)面設(shè)計(jì)的構(gòu)圖、色調(diào)、排版、網(wǎng)站結(jié)構(gòu)、欄目設(shè)置、動(dòng)態(tài)效果)。并有義務(wù)對(duì)修改后的最終設(shè)計(jì)方案予以確認(rèn)。
4.甲方應(yīng)及時(shí)、充分地提供網(wǎng)站建設(shè)所需的相關(guān)圖片和文字（以電子文件的形式提供），以保證網(wǎng)站建設(shè)工
作的如期進(jìn)行。如不能提供，需委托乙方進(jìn)行文字錄入和圖片攝制等工作，并向乙方交納相關(guān)費(fèi)用。甲方負(fù)責(zé)網(wǎng)站所有文字和圖片的校對(duì)工作。甲方在整體設(shè)計(jì)方案確定并簽字后，有權(quán)提出文字和內(nèi)容的基本修改的意見，但每次提出的修改意見不得超出上次修改意見范圍，亦不能違背已經(jīng)確立的整體設(shè)計(jì)方案。
5.在網(wǎng)站設(shè)計(jì)制作工作全部完成后乙方應(yīng)通過(guò)信函、傳真、電子郵件、電話等任一方式通知甲方，甲方應(yīng)在三日內(nèi)進(jìn)行驗(yàn)收、確認(rèn)，（如甲方在三日內(nèi)未提出任何修改意見，則視為網(wǎng)站已驗(yàn)收合格。）甲方簽字確認(rèn)后，再行提出修改意見的，須加收涉及修改部分總費(fèi)用的80%的修改費(fèi)。
6.甲方應(yīng)對(duì)其網(wǎng)頁(yè)所登載內(nèi)容的真實(shí)性、準(zhǔn)確性、合法性負(fù)全部責(zé)任，并且不得侵犯乙方或任何第三方的合法權(quán)利，一切由此所引起的糾紛、爭(zhēng)議及所涉及的法律責(zé)任均由甲方承擔(dān)；甲方有義務(wù)保證乙方不會(huì)因此而受到任何損害。
7.在乙方制作網(wǎng)站過(guò)程中，如甲方有超出合同范圍的文字、圖片、程序及風(fēng)格等方面的修改或添加情況時(shí)，須簽訂合同的補(bǔ)充條款，并由雙方協(xié)商決定應(yīng)補(bǔ)充的費(fèi)用。
二、乙方的權(quán)利和義務(wù)
1.乙方必須為甲方提供保質(zhì)保量、優(yōu)質(zhì)及時(shí)的服務(wù)。
2.乙方在履行本合同時(shí)可以使用甲方的名稱、商標(biāo)、域名、企業(yè)標(biāo)識(shí)等，但在使用過(guò)程中不能損害甲方的利
益。在未得到甲方允許的情況下，不得將甲方所提供資料發(fā)布在任何媒體或傳播第三方。
3.乙方根據(jù)甲方提出網(wǎng)站的總體設(shè)計(jì)風(fēng)格及功能要求，為甲方提供相應(yīng)的設(shè)計(jì)方案。
4.在最終設(shè)計(jì)方案確認(rèn)后，乙方獨(dú)立、嚴(yán)格按照簽字后的最終設(shè)計(jì)方案進(jìn)行設(shè)計(jì)制作。
5.乙方不負(fù)責(zé)甲方的文案創(chuàng)意，如甲方要求乙方提供文案創(chuàng)意，應(yīng)向乙方支付相應(yīng)費(fèi)用。
6.乙方應(yīng)在甲方驗(yàn)收確認(rèn)且支付全款后三個(gè)工作日內(nèi)將全部網(wǎng)頁(yè)上傳至甲方空間，同時(shí)保證網(wǎng)站的正常運(yùn)
行。如因甲方空間支持服務(wù)產(chǎn)生了問(wèn)題，由甲方負(fù)責(zé)。
7.經(jīng)甲方同意乙方有權(quán)在甲方的主頁(yè)中注明該主頁(yè)由乙方制作的字樣或標(biāo)識(shí)。
三、合同期限：
1.甲方須在合同簽訂后三個(gè)工作日內(nèi)提供網(wǎng)站所需的一切資料。
2.乙方須在甲方提供全部資料后_______個(gè)工作日內(nèi)，完成網(wǎng)站設(shè)計(jì)制作。
3.即：網(wǎng)站制作自_________年_____月_____日開始_________年_____月_____日結(jié)束。
4.網(wǎng)站制作周期應(yīng)因甲方提出網(wǎng)站修改次數(shù)及其修改或增加數(shù)量和功能所用時(shí)間而順延。由甲乙雙方共同確
認(rèn)“網(wǎng)站延期聲明書”并簽字。
-----------------------
5.若因乙方原因，造成本合同的延誤超過(guò)五個(gè)工作日的，甲方有權(quán)要求乙方按照每延誤一日減免合同總費(fèi)用的1%的標(biāo)準(zhǔn)減免合同費(fèi)用，最多不超過(guò)15%。若因甲方未及時(shí)、充分的提供網(wǎng)站建設(shè)的資料，和其他原因造成網(wǎng)站建設(shè)的延誤，責(zé)任由甲方承擔(dān)，并按合同規(guī)定時(shí)間向乙方支付全部費(fèi)用。
四、驗(yàn)收確認(rèn)：
1.甲方應(yīng)在網(wǎng)站制作工作全部完成后三日內(nèi)，進(jìn)行網(wǎng)站驗(yàn)收工作。
2.驗(yàn)收合格后，甲方以書面方式簽收。
3.驗(yàn)收時(shí)，以《網(wǎng)站建設(shè)明細(xì)表》及甲乙雙方簽訂的所有條款為標(biāo)準(zhǔn)進(jìn)行核對(duì)，包括頁(yè)面無(wú)文字或圖片錯(cuò)誤，以及實(shí)際制作頁(yè)數(shù)及功能和其它效果的確認(rèn)。
4.雙方確認(rèn)后，乙方向甲方交付相關(guān)密碼及資料。密碼一經(jīng)交付，乙方將不再對(duì)網(wǎng)站的安全負(fù)責(zé)。若需乙方
進(jìn)行網(wǎng)站的日常維護(hù)管理，甲方則應(yīng)授權(quán)乙方保管甲方相關(guān)密碼及資料。
五、費(fèi)用及付款（以下填寫的數(shù)字均為大寫）
1.本合同總款項(xiàng)為人民幣元整。
2.甲方在本合同簽訂之日，向乙方支付本合同首付金額，人民幣 %）。
3.甲方在網(wǎng)站首頁(yè)和內(nèi)頁(yè)風(fēng)格確認(rèn)之日，向乙方支付人民幣元整（%）。
4.甲方應(yīng)在驗(yàn)收完畢后三個(gè)工作日內(nèi)（_________年_____月_____日前），向乙方一并支付本合同余款，共計(jì)
人民幣元整（%）。
5.如在實(shí)際制作過(guò)程中在甲方認(rèn)可的情況下增加的動(dòng)態(tài)效果、網(wǎng)頁(yè)特效和其它功能等應(yīng)按合同附件之《網(wǎng)站
建設(shè)明細(xì)表》收費(fèi)，并應(yīng)與合同余款交付之日交付超出部分款項(xiàng)。
六、后期服務(wù)
1.乙方為甲方免費(fèi)提供一年內(nèi)五次一個(gè)頁(yè)面內(nèi)文字或圖片的修改，超出部分收費(fèi)標(biāo)準(zhǔn)由甲乙雙方共同商議決
定。更換版式、增加網(wǎng)頁(yè)、功能按當(dāng)時(shí)乙方公布價(jià)格為準(zhǔn)（文字由甲方提供電子稿）。
2.其他服務(wù)甲乙兩方協(xié)商解決，最后由甲方填寫《網(wǎng)站建設(shè)客戶確認(rèn)單》，進(jìn)行確認(rèn)。
七、違約責(zé)任
1.在合同有效期內(nèi)，因不可抗力而造成一方不能履行合同規(guī)定的責(zé)任和義務(wù)，不視為違約。
2.如甲乙雙方在合同履行中發(fā)生糾紛盡量協(xié)商解決，如有爭(zhēng)議，以國(guó)家法律條規(guī)為準(zhǔn)。
八、其他
1.本合同書一式兩份，雙方各執(zhí)一份，具有同等法律效力，自甲、乙雙方簽字蓋章之日起生效。
2.本合同包括合同正文，網(wǎng)站建設(shè)明細(xì)表，網(wǎng)站建設(shè)客戶確認(rèn)單。如有其它事項(xiàng)，以附件形式說(shuō)明。
甲方：乙方：
地址：地址：
電話：電話：
經(jīng)辦人簽字：經(jīng)辦人簽字：
甲方簽章：乙方簽章：
日期：年月日日期：年月日
-----------------------
第四篇：網(wǎng)站設(shè)計(jì)制作合同
網(wǎng)站委托開發(fā)項(xiàng)目合同
網(wǎng)站委托開發(fā)項(xiàng)目合同
甲方：
乙方：煙臺(tái)網(wǎng)勢(shì)企業(yè)形象策劃有限公司
甲方委托乙方開發(fā)制作網(wǎng)站，為明確雙方責(zé)任，根據(jù)國(guó)家法律法規(guī)經(jīng)雙方協(xié)商，簽訂此合同。
一、甲方的權(quán)利和義務(wù)
1.甲方委托乙方進(jìn)行網(wǎng)站開發(fā)設(shè)計(jì)。
2.甲方根據(jù)自身的需要，應(yīng)提出對(duì)網(wǎng)站的總體設(shè)計(jì)風(fēng)格及功能要求。
3.甲方有對(duì)網(wǎng)站整體設(shè)計(jì)方案(其內(nèi)容包括：頁(yè)面設(shè)計(jì)的構(gòu)圖、色調(diào)、排版、網(wǎng)站結(jié)構(gòu)、欄目設(shè)置、動(dòng)態(tài)效果等)提出修改要求的權(quán)利，并有義務(wù)對(duì)修改后的最終設(shè)計(jì)方案予以確認(rèn)。
4.在整體設(shè)計(jì)方案確定后，有提出局部修改完善意見的權(quán)利，但每次提出的修改意見應(yīng)盡可能不違背已經(jīng)確立的整體設(shè)計(jì)方案。
5.乙方按照甲方的要求，完成網(wǎng)站設(shè)計(jì)制作全部工作后，甲方應(yīng)在雙方約定的時(shí)間和地點(diǎn)，并在規(guī)定的時(shí)限內(nèi)進(jìn)行驗(yàn)收（_______個(gè)工作日內(nèi)）。
6.甲方應(yīng)對(duì)其網(wǎng)站所登載內(nèi)容的真實(shí)性、準(zhǔn)確性、合法性負(fù)全面責(zé)任，并且不得侵犯乙方或任何第三方的合法權(quán)利，一切由此所引起的糾紛、爭(zhēng)議及所涉及的法律責(zé)任均由甲方承擔(dān)；甲方有義務(wù)保證乙方不會(huì)因此而受到任何損害。
二、乙方的權(quán)利和義務(wù)
1.乙方為甲方提供網(wǎng)站開發(fā)設(shè)計(jì)的服務(wù)。
2.乙方在履行本合同時(shí)經(jīng)甲方授權(quán)，在此項(xiàng)網(wǎng)站設(shè)計(jì)開發(fā)范圍內(nèi)可以使用甲方的名稱、商標(biāo)、域名、標(biāo)識(shí)等，但不得損害甲方的利益。否則，由此產(chǎn)生的一切法律責(zé)任由乙方承擔(dān)。
3.乙方為甲方開發(fā)制作網(wǎng)站，不得侵害他人知識(shí)產(chǎn)權(quán)及其他權(quán)利，否則，由此產(chǎn)生的一切法律責(zé)任由乙方承擔(dān)。
4.乙方根據(jù)甲方提出的總體設(shè)計(jì)風(fēng)格及功能要求，為甲方提供設(shè)計(jì)方案。
5.在最終設(shè)計(jì)方案確認(rèn)后，乙方應(yīng)嚴(yán)格按照設(shè)計(jì)方案進(jìn)行網(wǎng)站開發(fā)及制作。
6.乙方在完成網(wǎng)站設(shè)計(jì)開發(fā)后的3個(gè)工作日內(nèi)，嚴(yán)格按照甲方的要求，將全部網(wǎng)頁(yè)上傳至甲方指定空間，或安裝在指定服務(wù)器并調(diào)試運(yùn)行成功，經(jīng)甲方確認(rèn)后，按照本合同第五項(xiàng)要求，予以支付款項(xiàng)。
7.乙方在取得甲方另行書面同意后，經(jīng)甲方許可有權(quán)在甲方的主頁(yè)中注明該主頁(yè)由乙方制作或技術(shù)支持等字樣或標(biāo)識(shí)。否則不得在網(wǎng)頁(yè)中進(jìn)行標(biāo)示。
三、網(wǎng)頁(yè)制作
1.甲方應(yīng)對(duì)網(wǎng)站總體風(fēng)格設(shè)計(jì)、欄目設(shè)置及功能要求等提出書面需求材料，如甲方無(wú)法提供書面材料，乙方設(shè)計(jì)人員可以到甲方進(jìn)行調(diào)研（合同簽訂后3個(gè)工作日內(nèi)），在充分了解甲方的設(shè)計(jì)需求后，提交書面的設(shè)計(jì)方案。乙方在收到需求材料或到甲方進(jìn)行調(diào)研后，應(yīng)于2個(gè)工作日內(nèi)完成網(wǎng)站初稿設(shè)計(jì)方案并交甲方簽字認(rèn)可，針對(duì)甲方提出的修改意見，乙方在2個(gè)工作日內(nèi)完成修改，并和甲方磨合以確定最終方案。
2.甲方應(yīng)對(duì)修改后的最終設(shè)計(jì)方案和前臺(tái)風(fēng)格予以簽字確認(rèn)。
3.乙方應(yīng)嚴(yán)格按照甲方簽字確認(rèn)后的網(wǎng)站設(shè)計(jì)方案進(jìn)行網(wǎng)站設(shè)計(jì)開發(fā)。
4.甲方簽字確認(rèn)后，在不違背已經(jīng)確立的整體設(shè)計(jì)方案的情況下，可以提出修改意見，乙方應(yīng)無(wú)條件滿足甲方的修改要求。
5.甲方確認(rèn)最終設(shè)計(jì)方案和首頁(yè)樣稿后，乙方在個(gè)工作日內(nèi)完成所有子頁(yè)面制作。
6.在網(wǎng)站制作過(guò)程中，對(duì)甲方陸續(xù)提出的修改要求，乙方應(yīng)積極配合予以實(shí)現(xiàn)，并交甲方驗(yàn)收通過(guò)。對(duì)有可能影響雙方約定的完成時(shí)間的要求，乙方有權(quán)提出延期請(qǐng)求，由雙方協(xié)商確定具體時(shí)間。
四、驗(yàn)收確認(rèn)：
1.甲方須在乙方交付網(wǎng)站制作成品后5個(gè)工作日內(nèi)進(jìn)行驗(yàn)收。
2.驗(yàn)收合格后，甲方應(yīng)以書面方式簽收《網(wǎng)站建設(shè)客戶確認(rèn)單》。
3.在驗(yàn)收中發(fā)現(xiàn)問(wèn)題，甲方應(yīng)及時(shí)提出，有乙方負(fù)責(zé)解決，如乙方未按要求解決，甲方有權(quán)拒簽《網(wǎng)站建設(shè)客戶確認(rèn)單》。若超過(guò)驗(yàn)收期，甲方既不簽收、又不提出書面異議，應(yīng)視為甲方默認(rèn)。
4.甲方可通過(guò)任何與因特網(wǎng)進(jìn)行網(wǎng)絡(luò)連接的計(jì)算機(jī)瀏覽合同規(guī)定的網(wǎng)頁(yè)，以進(jìn)行驗(yàn)收。
5.驗(yàn)收時(shí)，以甲方提供的材料為標(biāo)準(zhǔn)核對(duì)，包括頁(yè)面無(wú)文字或圖片錯(cuò)誤，以及實(shí)際制作頁(yè)數(shù)及功能和其它效果的確認(rèn)。
6．驗(yàn)收合格后，網(wǎng)頁(yè)設(shè)計(jì)與制作階段工作結(jié)束，系統(tǒng)進(jìn)入售后服務(wù)期，免費(fèi)服務(wù)期限自驗(yàn)收合格日起，時(shí)間為1年。
五、費(fèi)用及付款
本項(xiàng)目的網(wǎng)站項(xiàng)目開發(fā)制作費(fèi)用為___，人民幣大寫：。乙方提供設(shè)計(jì)方案，雙方簽訂合同后的3個(gè)工作日內(nèi)，甲方支付乙方總款額的50%，計(jì)__ ___元，人民幣大寫：___；網(wǎng)站驗(yàn)收合格后的3個(gè)工作日內(nèi)，甲方支付乙方總款額的50%，計(jì)____ __元, 人民幣大寫：____。
六、服務(wù)與支持
1.乙方免費(fèi)為甲方提供網(wǎng)站系統(tǒng)使用培訓(xùn)，提供培訓(xùn)手冊(cè)（電子版），并協(xié)調(diào)甲方網(wǎng)站維護(hù)人員在一個(gè)月以內(nèi)對(duì)甲方網(wǎng)站進(jìn)行更新。
2.乙方為甲方免費(fèi)提供一年技術(shù)支持（QQ、電話及Email等）。
3.乙方負(fù)責(zé)對(duì)甲方網(wǎng)站管理系統(tǒng)在一年內(nèi)可以免費(fèi)進(jìn)行功能升級(jí)和補(bǔ)丁升級(jí)。
4.其他服務(wù)甲乙兩方協(xié)商解決，最后由甲方填寫《網(wǎng)站建設(shè)客戶確認(rèn)單》，進(jìn)行確認(rèn)。
七、違約責(zé)任
1、甲方違約或拒不付款時(shí)，乙方除有權(quán)不開通或關(guān)閉已開通的網(wǎng)站。另由此造成的損失，由甲方負(fù)責(zé)。
2、乙方因不可抗拒原因造成不能為甲方提供以上某項(xiàng)服務(wù)，乙方向甲方返還該項(xiàng)費(fèi)用。
八、不可抗力
在合同有效期內(nèi)，因不可抗力而造成一方不能履行合同規(guī)定的責(zé)任和義務(wù)，不視為違約。不可抗力系指：戰(zhàn)爭(zhēng)、火災(zāi)、水災(zāi)、地震、臺(tái)風(fēng)及其他不可預(yù)見并且對(duì)其發(fā)生和后果不能防止或避免的事故。
九、爭(zhēng)議解決
本合同在其履行過(guò)程中如有未盡事宜，雙方應(yīng)本著友好精神協(xié)商解決，協(xié)商不成的，雙方均可訴請(qǐng)法院裁決。
十、其他
1.本合同書一式兩份，雙方各執(zhí)一份，具有同等法律效力。
2.本合同自甲、乙雙方簽字蓋章之日起生效。
3.本合同未盡事宜，雙方可進(jìn)一步協(xié)商，并簽訂補(bǔ)充協(xié)議或附件，補(bǔ)充協(xié)議或附件與本合同具有同等法律效力。
甲方：乙方：
簽字蓋章：簽字蓋章：
第五篇：網(wǎng)站設(shè)計(jì)制作合同范本
網(wǎng)站設(shè)計(jì)制作合同
委托單位：__（以下簡(jiǎn)稱甲方）
承接單位：_深圳市頂點(diǎn)企業(yè)形象策劃有限公司_（以下簡(jiǎn)稱乙方）
根據(jù)《中華人民共和國(guó)合同法》及有關(guān)規(guī)定，經(jīng)雙方協(xié)商，簽訂本合同，并共同履行
一、甲方委托乙方設(shè)計(jì)制作的項(xiàng)目
1．項(xiàng)目名稱：
2．項(xiàng)目?jī)?nèi)容：(以甲乙雙方共同商定的方案及結(jié)構(gòu)框架為基礎(chǔ))
3．項(xiàng)目初稿完成日期：_年月日
項(xiàng)目最終定稿日期：_年月日
二、項(xiàng)目資料及文件的提交
1)由甲乙雙方共同協(xié)商，確定本項(xiàng)目文案、結(jié)構(gòu)框圖等。
2)甲方負(fù)責(zé)提供本項(xiàng)目所需的說(shuō)明文字、等相關(guān)素材資料。
3)乙方在工作完成后，向甲方提交項(xiàng)目成果。
4)乙方承諾：提交給甲方一切成果物及業(yè)務(wù)履行均不侵犯任何第三方的知識(shí)產(chǎn)權(quán)，且一切成果的所
有權(quán)及其相關(guān)的著作權(quán)等知識(shí)產(chǎn)權(quán)，均在產(chǎn)生之時(shí)即歸屬于甲方所有。
三、制作權(quán)及技術(shù)資料的保密 ：
1.本項(xiàng)目的版權(quán)屬甲方所有。
2.本項(xiàng)目中甲方提供的全部設(shè)計(jì)資料屬甲方所有，乙方有責(zé)任對(duì)此予以保密，未經(jīng)甲方書面許可，乙
方不得私自復(fù)制、保存、使用、轉(zhuǎn)讓成果物及甲方提供的所有相關(guān)資料，且不得提供給任何第三方
使用，否則由此產(chǎn)生的一切后果均由乙方承擔(dān)。
四、項(xiàng)目收費(fèi)及支付方法 ：
1．本項(xiàng)目設(shè)計(jì)及制作費(fèi)用計(jì)為：人民幣_(tái)（￥元）。
2．合同簽訂后 1日內(nèi)甲方即預(yù)付乙方費(fèi)用總額的_50％即人民幣（￥元）
3．項(xiàng)目完成，乙方向甲方提交成果文件并經(jīng)甲方驗(yàn)收合格時(shí)，應(yīng)在當(dāng)天內(nèi)甲方支付乙方余款費(fèi)用總額的50％費(fèi)用，即人民幣（￥元）。
4.如需開票另收7％的稅費(fèi)，即人民幣（￥元）。
五、雙方責(zé)任
甲方責(zé)任：
1．甲方有專人負(fù)責(zé)溝通，并配合乙方，如期向乙方提供所需的設(shè)計(jì)文案和其他資料，并保證提供的資
料質(zhì)量達(dá)到設(shè)計(jì)和制作的要求。
2．按約定時(shí)間和金額，支付給乙方相關(guān)的設(shè)計(jì)和制作費(fèi)用。
3．由于甲方變更已提交的設(shè)計(jì)文案和基礎(chǔ)資料，變更雙方確定的結(jié)構(gòu)框圖，變更項(xiàng)目使用要求等條件
造成乙方設(shè)計(jì)制作工作返工時(shí)，雙方應(yīng)重新商定項(xiàng)目完成日期，同時(shí)根據(jù)工作變更及返工情況商定費(fèi)用的變更。
乙方責(zé)任：
1．如期向甲方交付本合同規(guī)定的成果文件，并保證文件質(zhì)量符合使用要求。
2．按項(xiàng)目說(shuō)明內(nèi)容完成所定項(xiàng)。
3．協(xié)助甲方解決使用過(guò)程中項(xiàng)目的技術(shù)問(wèn)題，并對(duì)使用人員進(jìn)行基本培訓(xùn)。
4．乙方承諾：成果物的制作完全符合本合同及附件中的詳細(xì)規(guī)定，如與雙方約定不符，或存在瑕疵的，甲乙方應(yīng)共同協(xié)商修改。
六、合同生效與終止
1．本合同經(jīng)甲乙雙方加蓋單位法人公章，并有法定代表人或法定代表人授權(quán)代理人簽字（或蓋章）后
生效。
2．甲乙雙方因故需變更或終止本合同時(shí)應(yīng)提前通知對(duì)方，對(duì)本合同中的遺留問(wèn)題取得一致意見，在補(bǔ)
充條款中進(jìn)行說(shuō)明或簽定補(bǔ)充協(xié)議。未達(dá)成協(xié)議前，本合同繼續(xù)有效
3．乙方向甲方提供本合同中規(guī)定的項(xiàng)目成果文件，且甲方按合同規(guī)定付清乙方全部設(shè)計(jì)制作費(fèi)后，本
合同關(guān)系終止。本合同另有條款約定的除外。
七、其他條款
1．本合同未盡事宜由甲乙雙方協(xié)商確定并形成書面協(xié)議作為本合同附件執(zhí)行。
2．本合同履行過(guò)程中如果發(fā)生糾紛，雙方應(yīng)通過(guò)協(xié)商解決，若協(xié)商不成，可向深圳仲裁委員會(huì)提出仲
裁。
八、本合同一式兩份，甲乙雙方各持一份
甲方（蓋章）：_____乙方（蓋章）：深圳市頂點(diǎn)企業(yè)形象策劃有限公司簽約人（簽字）：_____簽約人（簽字）:單位地址：__________單位地址：深圳市深惠路寶嶺大廈A棟2102室聯(lián)系電話：________聯(lián)系電話: 0755-***5銀行帳號(hào)：__________銀行帳號(hào):_
日期：__________日期：__
點(diǎn)擊咨詢 