導語：如何才能寫好一篇網(wǎng)站設(shè)計合同，這就需要搜集整理更多的資料和文獻，歡迎閱讀由公務(wù)員之家整理的十篇范文，供你借鑒。

篇1

乙方：__________________（以下簡稱乙方）

甲乙雙方就有關(guān)網(wǎng)站建設(shè)一事達成如下協(xié)議：

一、甲方選擇的服務(wù)內(nèi)容為：

1．域名注冊：__________，租金____________元/年，注冊______型域名加收__________元。

2．網(wǎng)站空間：__________________，租金___________ 元/年，贈送_______個郵箱（含在空間中）。

3．網(wǎng)站設(shè)計：______________________，單價：________元，整個網(wǎng)站網(wǎng)頁共：_____頁（超過按每頁____元加收，四級頁不計費）。制作期限：_______工作日。

4．網(wǎng)站維護：第一年免費更新資料（限12次，原則上不改變網(wǎng)站原結(jié)構(gòu)）超過范圍按增項計費。

5．選購件：加英文版：網(wǎng)頁制作費加收（30%）為______元，英文翻譯費（10%）為________元（限______千字，超過每千字按150元加收翻譯費）。

6．網(wǎng)站建設(shè)要求：

a．網(wǎng)頁主色_____________，動畫________秒 ，聲音效果__________.

其它要求：__________________________________________________________.

b．網(wǎng)站數(shù)據(jù)庫功能：

其它要求：_________________________________________________________.

7．網(wǎng)站功能增項加收費：

（1）___________計_______元；

（2）____________計_______元

（3）_____________計_______元；

8．合同共計總金額：_________元 ；

二、甲方按所選定的服務(wù)項目應(yīng)向乙方支付費用合計人民幣 _________元；雙方簽訂合同時甲方應(yīng)付_____％的合同首期定金：即________元，其余_____% 即________元。在服務(wù)內(nèi)容由甲方驗收合格后兩天內(nèi)一次付清。

三、乙方按甲方所選的服務(wù)項目內(nèi)容為甲方提供相應(yīng)服務(wù)，乙方在制作完網(wǎng)站主頁（包括版面風格、顏色方案）后通知甲方，然后由甲方確定是否滿意，如不滿意乙方可以重新改版后再讓甲方?jīng)Q定，如甲方滿意了須向乙方做出書面答復，甲方滿意確定后的網(wǎng)站方案不能隨意更改。合同規(guī)定制作期限為工作日，起計時間以乙方收到甲方“主頁方案認可通知書”后才開始計算，如甲方資料末能及時提供，所導致超期，責任由甲方負責。

四、乙方對甲方所要求刊登的信息有終審權(quán)和修改權(quán)，甲方按選定的服務(wù)內(nèi)容應(yīng)向乙方提供相應(yīng)的文字資料及圖形資料。乙方僅提供設(shè)計，網(wǎng)站的內(nèi)容合法性乙方一律不負責任。甲方所提供的資料應(yīng)全部合法，如提供有關(guān)資料如違反法律有關(guān)規(guī)定或觸犯版權(quán)問題，責任由甲方負責，網(wǎng)站美術(shù)設(shè)計、程序、文件源碼的版權(quán)屬乙方所有。乙方為甲方所設(shè)計的網(wǎng)站，版權(quán)歸甲方所有，乙方有責任對甲方的資料信息予以保密。

五、本合同自雙方簽字蓋章之日起生效，并具有法律效力，雙方必須嚴格遵守，任何一方不得擅自變動修改，如有違反以上條款，則按違約處理，違約方應(yīng)自動放棄抗辯權(quán)，并賠償對方損失。合同有效期為一年。合同期滿后，雙方可視具體情況另行商定合作辦法。

篇2

甲方：_________

通訊地址：_________

乙方：_________

通訊地址：_________

鑒于甲方委托乙方建立虛擬網(wǎng)站，為甲方樹立企業(yè)形象，擴大宣傳，拓寬銷售渠道。為明確雙方責任，根據(jù)中國法律經(jīng)雙方協(xié)商，簽訂此合作書，具體條款如下：

一、甲方的權(quán)利和義務(wù)

及時提供有關(guān)企業(yè)的文字材料，相關(guān)介紹等電子源文件材料。照片圖片等可直接提供，但要保證清晰，材料完整準確。

開展的業(yè)務(wù)必須符合國家法律和社會公共利益。

網(wǎng)站建成后，可以自行管理虛擬主機，可以利用虛擬主機在國際互聯(lián)網(wǎng)上信息，可以自行規(guī)定信息的內(nèi)容和文件的放置結(jié)構(gòu)等。（自行管理出現(xiàn)的問題由甲方自行負責）

依據(jù)協(xié)議按時支付相關(guān)費用。

甲方承諾，向乙方提供的內(nèi)容，資料等不會侵犯任何第三方的權(quán)利；若發(fā)生侵犯第三方的權(quán)利的情形，由甲方承擔全部責任。因甲方在使用本合同標的時給第三人造成損害的，由甲方自行承擔責任。

二、乙方的權(quán)利和義務(wù)

應(yīng)對甲方的網(wǎng)站提供日常維護。

按協(xié)議在規(guī)定時間完成網(wǎng)站的策劃，制作及功能開發(fā)。

提供服務(wù)： 設(shè)計及制作網(wǎng)頁_________頁之內(nèi)；其中含中文網(wǎng)頁_________頁，英文網(wǎng)頁_________頁。（欄目劃分，制作內(nèi)容等由甲方提供書面材料） 注冊域名：_________，租用空間：_________m 。

提供本網(wǎng)站頁面廣告宣傳半年。

租用空間及域名由乙方長期代為維護。包括域名解析，url轉(zhuǎn)發(fā)，郵件設(shè)置，空間維護，流量統(tǒng)計等。（注：網(wǎng)頁部分免費維護期限為一年，以后如需服務(wù)，每年收取網(wǎng)站總額25％維護費。）

網(wǎng)站中注明該網(wǎng)站由乙方策劃制作。網(wǎng)站建立后，乙方將負責甲方的網(wǎng)站安全性等問題，除特殊不可抗拒因素外（如空間提供商服務(wù)器升級等）將保證甲方網(wǎng)站始終能正常運行。

乙方將確保甲方所提供的所有資料不被第三者（甲乙雙方人員外）所使用或掌握。

三、協(xié)議金額及付款方式

本協(xié)議總金額為：_________元人民幣，大寫：_________。付款方式：此協(xié)議簽定之日，甲方支付乙方合同總額20％預(yù)付款；既人民幣_________元。網(wǎng)站制作完成后甲方驗收，驗收合格后24小時內(nèi)，甲方應(yīng)支付乙方80％合同余款，共_________元人民幣，甲方不得以任何理由或借口拖欠應(yīng)付款，否則乙方有權(quán)拒絕一切服務(wù)和承諾。乙方在收到甲方第二筆款項后24小時內(nèi)為甲方開通相關(guān)設(shè)置，網(wǎng)站上傳開通等工作。

四、驗收標準和驗收后修改補充

甲方可以通過任何與因特網(wǎng)連接的計算機訪問自己的網(wǎng)站。

主頁無文字拼寫及圖片錯誤（以甲方提供的材料為標準）。

后臺數(shù)據(jù)庫程序正常運行。

驗收合格，甲方以書面方式簽收。

驗收期限為三天以內(nèi)。

驗收合格且網(wǎng)站開通后，如果甲方需要修改主頁內(nèi)容，改動內(nèi)容每頁超過三分之一者按新頁計算。乙方將以優(yōu)惠的價格收取成本費。

五、違約責任

甲方在乙方按照規(guī)定時間完成后要及時支付費用，每拖延一天甲方支付乙方網(wǎng)站整體價格的1％違約金（既_________元人民幣）最多不超過20％。當在規(guī)定付款時間20天后甲方款項尚未付清，乙方有權(quán)利關(guān)閉甲方的網(wǎng)站。

乙方要按時完成甲方的網(wǎng)站制作和軟件的開發(fā)工作。如果在此協(xié)議規(guī)定的時間內(nèi)沒有完成此項工作則每拖延一天支付甲方整體網(wǎng)站價格的1％費用（既_________元人民幣）最多不超過20％。（由于甲方提供資料不及時造成的網(wǎng)站制作時間延長，乙方不負任何責任。）

六、協(xié)議期限

本協(xié)議有效期為_________年_________月_________日至_________年_________月_________日。

七、爭議解決

本協(xié)議于其履行過程中如發(fā)生爭議，雙方應(yīng)本著友好合作的精神協(xié)商解決，協(xié)商不成，可以提請仲裁。

八、附則

本合同自簽訂之日起生效，一式二份，甲乙雙方各執(zhí)一份。

本合同未盡事宜，雙方應(yīng)在本協(xié)議基礎(chǔ)上以補充條款的方式明確，補充條款與本合同具有同等的法律效力。

甲方（蓋章）：_________乙方（蓋章）：_________

法定代表人（簽字）：_________　法定代表人（簽字）：_________

篇3

乙方：

一、甲方選擇的套餐名稱：

甲方最后結(jié)款期限：

二、甲方的權(quán)利和義務(wù)

1、 甲方委托乙方進行網(wǎng)站設(shè)計制作。并根據(jù)自身的需要，選定模板風格。

2、 網(wǎng)站制作工作全部完成，經(jīng)過甲方驗收后，在一個工作日內(nèi)，向乙方支付未付的全部費用；乙方予以上傳網(wǎng)站。

3、 甲方應(yīng)對其網(wǎng)頁所登載內(nèi)容的真實性、準確性、合法性無條件的負全部責任。

三、乙方的權(quán)利和義務(wù)

1、 乙方應(yīng)保證域名以及虛擬主機等在甲方使用期間的合法使用；

2、 如乙方網(wǎng)站制作完成，甲方在最后結(jié)款期限內(nèi)尚未支付剩余款項，乙方保留向司法機關(guān)提出控訴的權(quán)利。

四、驗收確認：

1、 甲方須在乙方指定空間和時間內(nèi)進行驗收；

2、 驗收期為乙方指定驗收后的三個工作日內(nèi)，驗收合格后，甲方以書面方式簽收（《網(wǎng)站建設(shè)客戶確認單》。超過驗收期，甲方即不簽收、又不提出書面異議，應(yīng)視為甲方已驗收合格，如甲方在驗收期過后即不簽收《網(wǎng)站建設(shè)客戶確認單》又不支付剩余款項，乙方保留向政法機關(guān)提出訴訟的權(quán)利。

五、費用及付款

1、 本合同總款項為________元整，先期預(yù)付款為總款額的________%，計________元整，后期付款甲方須驗收合格后立即支付，計________元整。

2、 附加款項指在甲方認可的情況下增加的頁面及效果、功能等，每增加一頁按照________元/頁收費（其他按《網(wǎng)站制作收費明細表》收費）。共計人民幣________元整。

六、 其他

1、本合同書一式兩份，雙方各執(zhí)一份，具有同等法律效力。

2、本合同自甲、乙雙方簽字蓋章之日起生效。

3、本合同未盡事宜，雙方可進一步協(xié)商，并簽訂補充協(xié)議或附件，補充協(xié)議或附件與本合同具有同等法律效力。

4、《網(wǎng)站建設(shè)客戶確認單》作為本合同附件，是本合同不可分割的一部分。

甲方： 聯(lián) 系 人：

蓋章（單位）： 聯(lián)系電話：

授權(quán)代表簽字（單位）： 傳真：

聯(lián)系地址：

本人簽名（個人）： 郵政編碼：

身份證號（個人）： 電子郵件：

會 員 號： 網(wǎng)址：

年月日

乙方： 聯(lián)系電話：

傳真： 蓋章：

授權(quán)代表簽字： 聯(lián)系地址/郵編：

篇4

Abstract：According to the limitation of the table-layout of the university Gateway website system ， such as the slow downloading， blurring page code and high maintenance costs etc， this pape puts forward a design scheme for the university gateway website system using DIV+CSS technology. And the experiments show that the DIV+CSS layout would be more flexible than the table layout.

Key words：DIV+CSS Page Layout；Table Page Layout；University Gateway Website

0引言

高校門戶網(wǎng)站是日常教學信息、提供學生選課服務(wù)、展示高校各類教學科研成果的綜合性平臺。目前，很多高校門戶網(wǎng)站的頁面布局采用的仍然是傳統(tǒng)Table表格布局方式。表格布局在WEB2.0問世之前是比較通行的頁面布局方式，但是隨著網(wǎng)絡(luò)技術(shù)的快速發(fā)展，這種布局方式的弊端逐漸顯現(xiàn)出來。該種表格布局方式將網(wǎng)頁的主體內(nèi)容和頁面表現(xiàn)格式混搭在一起，導致網(wǎng)頁代碼結(jié)構(gòu)不清，不利于網(wǎng)頁的設(shè)計和網(wǎng)站的維護。表格布局的瀏覽速度也比較慢，表格布局所在的網(wǎng)頁要在表格中的所有元素下載完畢后才能顯示完整的頁面內(nèi)容。

DIV+CSS頁面布局技術(shù)的出現(xiàn)克服了表格頁面布局方式的上述不足。采用DIV+CSS網(wǎng)頁布局技術(shù)的高校門戶網(wǎng)站的頁面代碼，可將頁面的內(nèi)容和頁面的表現(xiàn)格式進行分離[1]，這將使得高校門戶網(wǎng)站的項目代碼更加清晰，方便開發(fā)者閱讀，有利于日后網(wǎng)站的升級和維護。DIV+CSS技術(shù)在提高網(wǎng)站下載速度的同時，也能夠使高校門戶網(wǎng)站更具親和力，并且能夠提升高校門戶網(wǎng)站日后的瀏覽器兼容性[2]。

1DIV+CSS頁面布局技術(shù)

CSS（Cascading Style Sheets）層疊樣式表又稱級聯(lián)樣式表，是由 W3C 的 CSS工作組策劃提出的[3]。CSS在網(wǎng)站設(shè)計中主要負責網(wǎng)頁內(nèi)容的格式顯示和布局方式。層疊樣式表是一種不需要編譯的標記語言，可以直接由瀏覽器執(zhí)行，因為CSS屬于瀏覽器解釋型語言。CSS 在網(wǎng)頁排版方面表現(xiàn)非常優(yōu)秀，使用 CSS不僅可以控制網(wǎng)頁文字的大小、網(wǎng)頁文字顏色、網(wǎng)頁文字對齊方式和網(wǎng)頁文字字體類型等文本格式，還可以控制網(wǎng)頁文字行高、字母間距、英文字符大小寫等段落格式，同時也可以控制文本的第一個字或第一行的樣式。網(wǎng)頁開發(fā)者可以將自己所創(chuàng)建的樣式規(guī)則應(yīng)用于整個網(wǎng)站的所有網(wǎng)頁文件，這樣就能實現(xiàn)在任何時候均可尋獲需要更改網(wǎng)站內(nèi)容的格式，如字號增大，或是需要改變正文的字體，并且只需要更改對應(yīng)的樣式表中的CSS屬性值即可。

CSS標記語言的代碼應(yīng)用于網(wǎng)頁一共有四種方式：直接在HTML標記的Style屬性中存放CSS代碼；寫入網(wǎng)頁Head標記內(nèi)的內(nèi)部樣式規(guī)則；嵌入外部樣式規(guī)則和鏈接外部樣式規(guī)則。這種外部樣式規(guī)則是把CSS代碼放在一個獨立于網(wǎng)頁文件的普通文本文件中，該文本文件要求必須使用css作為文件的擴展名。外部樣式表使得網(wǎng)站開發(fā)者可以通過簡單地更改 CSS 文件，從而實現(xiàn)改變網(wǎng)頁的整體表現(xiàn)形式的目的。如此一來，就節(jié)省了網(wǎng)站維護成本，也提高了網(wǎng)站的維護效率，更使得只要通過操作一個CSS文件就可以改變整個網(wǎng)站頁面的外觀風格和布局方式。

DIV（Division）標記是一個容器型標記，可以利用該標記來進行網(wǎng)頁的布局。一個網(wǎng)頁可以由若干個這樣的DIV容器組成，每個容器都對應(yīng)于網(wǎng)頁的一個獨立模塊。DIV容器和其它HTML標記一樣可以通過 CSS進行控制。級聯(lián)樣式表可以控制DIV容器顯示大小、背景顏色、背景圖片、正文字體類別、正文字體大小以及DIV容器所定義的模塊在網(wǎng)頁當中具體的擺放位置等[4]。

DIV+CSS 布局方式的思路是首先使用DIV容器標記，將網(wǎng)頁劃分成幾個模塊，每個DIV標記可以對應(yīng)一個獨立的網(wǎng)頁模塊[5]。其后把頁面的內(nèi)容元素分別放入所對應(yīng)的DIV模塊中，再通過CSS規(guī)則來控制每個容器模塊的樣式，并采用CSS邊框?qū)傩裕˙order）、填充屬性（Padding） 、邊界屬性 （Margin） 和浮動屬性 （Float）來控制容器模塊間的相對位置，最終確定相互之間的布局方案和位置關(guān)系[6]。

2采用DIV+CSS技術(shù)的高校網(wǎng)站系統(tǒng)分析和設(shè)計

高校門戶網(wǎng)站系統(tǒng)從功能上劃分共分為以下幾個模塊：首頁、學校概況、機構(gòu)設(shè)置、師資隊伍、人才培養(yǎng)、科學研究、國際交流、學生工作、招生信息、就業(yè)指導和公共服務(wù)。各模塊的詳細結(jié)構(gòu)即如圖1所示。

（1）網(wǎng)站LOGO區(qū)域：用來顯示高校名稱和其LOGO標志圖片。

（2）網(wǎng)站導航區(qū)域：以導航鏈接列表的形式顯示網(wǎng)站的各個功能模塊超鏈接。主要鏈接內(nèi)容包括首頁鏈接、學校概況鏈接、機構(gòu)設(shè)置鏈接、師資隊伍鏈接、人才培養(yǎng)鏈接、科學研究鏈接、國際交流鏈接、學生工作鏈接、招生信息鏈接、就業(yè)指導鏈接和公共服務(wù)鏈接等。 第4期劉松：采用DIV+CSS技術(shù)的高校門戶網(wǎng)站系統(tǒng)分析和設(shè)計智能計算機與應(yīng)用第4卷

（3）網(wǎng)站主體區(qū)域：使用無序列表UL標記的形式顯示高校的學術(shù)活動信息和校園公告信息。

（4）網(wǎng)站新聞區(qū)域：顯示高校的近期新聞列表。

（5）網(wǎng)站友情鏈接區(qū)域：顯示了各兄弟院校網(wǎng)站的鏈接信息。

（6）網(wǎng)站版權(quán)信息區(qū)域：展示了高校門戶網(wǎng)站系統(tǒng)的版權(quán)信息和該高校的具體聯(lián)系方式及所處地理位置信息。

3采用DIV+CSS技術(shù)進行頁面結(jié)構(gòu)設(shè)計的優(yōu)勢

經(jīng)過實際運行的使用效果表明，DIV+CSS布局相對傳統(tǒng)的表格布局掌握起來要復雜一些，因為在這種方式下，控制各布局的DIV層都是通過大量CSS規(guī)則代碼來實現(xiàn)的。但是DIV+CSS這種頁面布局方式一經(jīng)開發(fā)者熟練掌握之后，則會比表格布局更加靈活實用。現(xiàn)對其表現(xiàn)出的設(shè)計優(yōu)勢具體表述如下：

（1）采用DIV+CSS技術(shù)進行頁面結(jié)構(gòu)設(shè)計的高校門戶網(wǎng)站網(wǎng)頁，在調(diào)整各網(wǎng)頁容器模塊之間的相對位置時比較簡單。因為各DIV 模塊間是相對比較獨立的，不受其它模塊的影響。

（2）采用DIV+CSS技術(shù)進行頁面結(jié)構(gòu)設(shè)計的高校門戶網(wǎng)站網(wǎng)頁的頁面格式更改非常有效。DIV+CSS模式下網(wǎng)站的內(nèi)容代碼和格式代碼是相分離的，因此在調(diào)整和維護時高校門戶網(wǎng)站的布局結(jié)構(gòu)和顯示格式修改更加簡便有效。

（3）采用DIV+CSS技術(shù)進行頁面結(jié)構(gòu)設(shè)計的高校門戶網(wǎng)站網(wǎng)頁，由于涉及的各布局DIV 層可以依次下載顯示，因此其網(wǎng)頁的訪問速度會比表格網(wǎng)頁布局方式更為快速。

（4）采用DIV+CSS技術(shù)進行頁面結(jié)構(gòu)設(shè)計的高校門戶網(wǎng)站網(wǎng)頁對瀏覽器的兼容性高。因為DIV+CSS網(wǎng)頁布局方式符合W3C標準的特性，使得該技術(shù)可以實現(xiàn)對瀏覽器軟件的向后兼容。

（5）DIV+CSS頁面結(jié)構(gòu)設(shè)計方式相比于表格布局方式，更加方便搜索引擎有效定位、使得在萬維網(wǎng)上快速搜尋高校門戶網(wǎng)站成為可能。