网站设计合同范文

导语：如何才能写好一篇网站设计合同，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

乙方：__________________（以下简称乙方）

甲乙双方就有关网站建设一事达成如下协议：

一、甲方选择的服务内容为：

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

2．网站空间：__________________，租金___________ 元/年，赠送_______个邮箱（含在空间中）。

3．网站设计：______________________，单价：________元，整个网站网页共：_____页（超过按每页____元加收，四级页不计费）。制作期限：_______工作日。

4．网站维护：第一年免费更新资料（限12次，原则上不改变网站原结构）超过范围按增项计费。

5．选购件：加英文版：网页制作费加收（30%）为______元，英文翻译费（10%）为________元（限______千字，超过每千字按150元加收翻译费）。

6．网站建设要求：

a．网页主色_____________，动画________秒 ，声音效果__________.

其它要求：__________________________________________________________.

b．网站数据库功能：

其它要求：_________________________________________________________.

7．网站功能增项加收费：

（1）___________计_______元；

（2）____________计_______元

（3）_____________计_______元；

8．合同共计总金额：_________元 ；

二、甲方按所选定的服务项目应向乙方支付费用合计人民币 _________元；双方签订合同时甲方应付_____％的合同首期定金：即________元，其余_____% 即________元。在服务内容由甲方验收合格后两天内一次付清。

三、乙方按甲方所选的服务项目内容为甲方提供相应服务，乙方在制作完网站主页（包括版面风格、颜色方案）后通知甲方，然后由甲方确定是否满意，如不满意乙方可以重新改版后再让甲方决定，如甲方满意了须向乙方做出书面答复，甲方满意确定后的网站方案不能随意更改。合同规定制作期限为工作日，起计时间以乙方收到甲方“主页方案认可通知书”后才开始计算，如甲方资料末能及时提供，所导致超期，责任由甲方负责。

四、乙方对甲方所要求刊登的信息有终审权和修改权，甲方按选定的服务内容应向乙方提供相应的文字资料及图形资料。乙方仅提供设计，网站的内容合法性乙方一律不负责任。甲方所提供的资料应全部合法，如提供有关资料如违反法律有关规定或触犯版权问题，责任由甲方负责，网站美术设计、程序、文件源码的版权属乙方所有。乙方为甲方所设计的网站，版权归甲方所有，乙方有责任对甲方的资料信息予以保密。

五、本合同自双方签字盖章之日起生效，并具有法律效力，双方必须严格遵守，任何一方不得擅自变动修改，如有违反以上条款，则按违约处理，违约方应自动放弃抗辩权，并赔偿对方损失。合同有效期为一年。合同期满后，双方可视具体情况另行商定合作办法。

篇2

甲方：_________

通讯地址：_________

乙方：_________

通讯地址：_________

鉴于甲方委托乙方建立虚拟网站，为甲方树立企业形象，扩大宣传，拓宽销售渠道。为明确双方责任，根据中国法律经双方协商，签订此合作书，具体条款如下：

一、甲方的权利和义务

及时提供有关企业的文字材料，相关介绍等电子源文件材料。照片图片等可直接提供，但要保证清晰，材料完整准确。

开展的业务必须符合国家法律和社会公共利益。

网站建成后，可以自行管理虚拟主机，可以利用虚拟主机在国际互联网上信息，可以自行规定信息的内容和文件的放置结构等。（自行管理出现的问题由甲方自行负责）

依据协议按时支付相关费用。

甲方承诺，向乙方提供的内容，资料等不会侵犯任何第三方的权利；若发生侵犯第三方的权利的情形，由甲方承担全部责任。因甲方在使用本合同标的时给第三人造成损害的，由甲方自行承担责任。

二、乙方的权利和义务

应对甲方的网站提供日常维护。

按协议在规定时间完成网站的策划，制作及功能开发。

提供服务： 设计及制作网页_________页之内；其中含中文网页_________页，英文网页_________页。（栏目划分，制作内容等由甲方提供书面材料） 注册域名：_________，租用空间：_________m 。

提供本网站页面广告宣传半年。

租用空间及域名由乙方长期代为维护。包括域名解析，url转发，邮件设置，空间维护，流量统计等。（注：网页部分免费维护期限为一年，以后如需服务，每年收取网站总额25％维护费。）

网站中注明该网站由乙方策划制作。网站建立后，乙方将负责甲方的网站安全性等问题，除特殊不可抗拒因素外（如空间提供商服务器升级等）将保证甲方网站始终能正常运行。

乙方将确保甲方所提供的所有资料不被第三者（甲乙双方人员外）所使用或掌握。

三、协议金额及付款方式

本协议总金额为：_________元人民币，大写：_________。付款方式：此协议签定之日，甲方支付乙方合同总额20％预付款；既人民币_________元。网站制作完成后甲方验收，验收合格后24小时内，甲方应支付乙方80％合同余款，共_________元人民币，甲方不得以任何理由或借口拖欠应付款，否则乙方有权拒绝一切服务和承诺。乙方在收到甲方第二笔款项后24小时内为甲方开通相关设置，网站上传开通等工作。

四、验收标准和验收后修改补充

甲方可以通过任何与因特网连接的计算机访问自己的网站。

主页无文字拼写及图片错误（以甲方提供的材料为标准）。

后台数据库程序正常运行。

验收合格，甲方以书面方式签收。

验收期限为三天以内。

验收合格且网站开通后，如果甲方需要修改主页内容，改动内容每页超过三分之一者按新页计算。乙方将以优惠的价格收取成本费。

五、违约责任

甲方在乙方按照规定时间完成后要及时支付费用，每拖延一天甲方支付乙方网站整体价格的1％违约金（既_________元人民币）最多不超过20％。当在规定付款时间20天后甲方款项尚未付清，乙方有权利关闭甲方的网站。

乙方要按时完成甲方的网站制作和软件的开发工作。如果在此协议规定的时间内没有完成此项工作则每拖延一天支付甲方整体网站价格的1％费用（既_________元人民币）最多不超过20％。（由于甲方提供资料不及时造成的网站制作时间延长，乙方不负任何责任。）

六、协议期限

本协议有效期为_________年_________月_________日至_________年_________月_________日。

七、争议解决

本协议于其履行过程中如发生争议，双方应本着友好合作的精神协商解决，协商不成，可以提请仲裁。

八、附则

本合同自签订之日起生效，一式二份，甲乙双方各执一份。

本合同未尽事宜，双方应在本协议基础上以补充条款的方式明确，补充条款与本合同具有同等的法律效力。

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

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

篇3

乙方：

一、甲方选择的套餐名称：

甲方最后结款期限：

二、甲方的权利和义务

1、 甲方委托乙方进行网站设计制作。并根据自身的需要，选定模板风格。

2、 网站制作工作全部完成，经过甲方验收后，在一个工作日内，向乙方支付未付的全部费用；乙方予以上传网站。

3、 甲方应对其网页所登载内容的真实性、准确性、合法性无条件的负全部责任。

三、乙方的权利和义务

1、 乙方应保证域名以及虚拟主机等在甲方使用期间的合法使用；

2、 如乙方网站制作完成，甲方在最后结款期限内尚未支付剩余款项，乙方保留向司法机关提出控诉的权利。

四、验收确认：

1、 甲方须在乙方指定空间和时间内进行验收；

2、 验收期为乙方指定验收后的三个工作日内，验收合格后，甲方以书面方式签收（《网站建设客户确认单》。超过验收期，甲方即不签收、又不提出书面异议，应视为甲方已验收合格，如甲方在验收期过后即不签收《网站建设客户确认单》又不支付剩余款项，乙方保留向政法机关提出诉讼的权利。

五、费用及付款

1、 本合同总款项为________元整，先期预付款为总款额的________%，计________元整，后期付款甲方须验收合格后立即支付，计________元整。

2、 附加款项指在甲方认可的情况下增加的页面及效果、功能等，每增加一页按照________元/页收费（其他按《网站制作收费明细表》收费）。共计人民币________元整。

六、 其他

1、本合同书一式两份，双方各执一份，具有同等法律效力。

2、本合同自甲、乙双方签字盖章之日起生效。

3、本合同未尽事宜，双方可进一步协商，并签订补充协议或附件，补充协议或附件与本合同具有同等法律效力。

4、《网站建设客户确认单》作为本合同附件，是本合同不可分割的一部分。

甲方： 联 系 人：

盖章（单位）： 联系电话：

授权代表签字（单位）： 传真：

联系地址：

本人签名（个人）： 邮政编码：

身份证号（个人）： 电子邮件：

会 员 号： 网址：

年月日

乙方： 联系电话：

传真： 盖章：

授权代表签字： 联系地址/邮编：

篇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引言

高校门户网站是日常教学信息、提供学生选课服务、展示高校各类教学科研成果的综合性平台。目前，很多高校门户网站的页面布局采用的仍然是传统Table表格布局方式。表格布局在WEB2.0问世之前是比较通行的页面布局方式，但是随着网络技术的快速发展，这种布局方式的弊端逐渐显现出来。该种表格布局方式将网页的主体内容和页面表现格式混搭在一起，导致网页代码结构不清，不利于网页的设计和网站的维护。表格布局的浏览速度也比较慢，表格布局所在的网页要在表格中的所有元素下载完毕后才能显示完整的页面内容。

DIV+CSS页面布局技术的出现克服了表格页面布局方式的上述不足。采用DIV+CSS网页布局技术的高校门户网站的页面代码，可将页面的内容和页面的表现格式进行分离[1]，这将使得高校门户网站的项目代码更加清晰，方便开发者阅读，有利于日后网站的升级和维护。DIV+CSS技术在提高网站下载速度的同时，也能够使高校门户网站更具亲和力，并且能够提升高校门户网站日后的浏览器兼容性[2]。

1DIV+CSS页面布局技术

CSS（Cascading Style Sheets）层叠样式表又称级联样式表，是由 W3C 的 CSS工作组策划提出的[3]。CSS在网站设计中主要负责网页内容的格式显示和布局方式。层叠样式表是一种不需要编译的标记语言，可以直接由浏览器执行，因为CSS属于浏览器解释型语言。CSS 在网页排版方面表现非常优秀，使用 CSS不仅可以控制网页文字的大小、网页文字颜色、网页文字对齐方式和网页文字字体类型等文本格式，还可以控制网页文字行高、字母间距、英文字符大小写等段落格式，同时也可以控制文本的第一个字或第一行的样式。网页开发者可以将自己所创建的样式规则应用于整个网站的所有网页文件，这样就能实现在任何时候均可寻获需要更改网站内容的格式，如字号增大，或是需要改变正文的字体，并且只需要更改对应的样式表中的CSS属性值即可。

CSS标记语言的代码应用于网页一共有四种方式：直接在HTML标记的Style属性中存放CSS代码；写入网页Head标记内的内部样式规则；嵌入外部样式规则和链接外部样式规则。这种外部样式规则是把CSS代码放在一个独立于网页文件的普通文本文件中，该文本文件要求必须使用css作为文件的扩展名。外部样式表使得网站开发者可以通过简单地更改 CSS 文件，从而实现改变网页的整体表现形式的目的。如此一来，就节省了网站维护成本，也提高了网站的维护效率，更使得只要通过操作一个CSS文件就可以改变整个网站页面的外观风格和布局方式。

DIV（Division）标记是一个容器型标记，可以利用该标记来进行网页的布局。一个网页可以由若干个这样的DIV容器组成，每个容器都对应于网页的一个独立模块。DIV容器和其它HTML标记一样可以通过 CSS进行控制。级联样式表可以控制DIV容器显示大小、背景颜色、背景图片、正文字体类别、正文字体大小以及DIV容器所定义的模块在网页当中具体的摆放位置等[4]。

DIV+CSS 布局方式的思路是首先使用DIV容器标记，将网页划分成几个模块，每个DIV标记可以对应一个独立的网页模块[5]。其后把页面的内容元素分别放入所对应的DIV模块中，再通过CSS规则来控制每个容器模块的样式，并采用CSS边框属性（Border）、填充属性（Padding） 、边界属性 （Margin） 和浮动属性 （Float）来控制容器模块间的相对位置，最终确定相互之间的布局方案和位置关系[6]。

2采用DIV+CSS技术的高校网站系统分析和设计

高校门户网站系统从功能上划分共分为以下几个模块：首页、学校概况、机构设置、师资队伍、人才培养、科学研究、国际交流、学生工作、招生信息、就业指导和公共服务。各模块的详细结构即如图1所示。

（1）网站LOGO区域：用来显示高校名称和其LOGO标志图片。

（2）网站导航区域：以导航链接列表的形式显示网站的各个功能模块超链接。主要链接内容包括首页链接、学校概况链接、机构设置链接、师资队伍链接、人才培养链接、科学研究链接、国际交流链接、学生工作链接、招生信息链接、就业指导链接和公共服务链接等。 第4期刘松：采用DIV+CSS技术的高校门户网站系统分析和设计智能计算机与应用第4卷

（3）网站主体区域：使用无序列表UL标记的形式显示高校的学术活动信息和校园公告信息。

（4）网站新闻区域：显示高校的近期新闻列表。

（5）网站友情链接区域：显示了各兄弟院校网站的链接信息。

（6）网站版权信息区域：展示了高校门户网站系统的版权信息和该高校的具体联系方式及所处地理位置信息。

3采用DIV+CSS技术进行页面结构设计的优势

经过实际运行的使用效果表明，DIV+CSS布局相对传统的表格布局掌握起来要复杂一些，因为在这种方式下，控制各布局的DIV层都是通过大量CSS规则代码来实现的。但是DIV+CSS这种页面布局方式一经开发者熟练掌握之后，则会比表格布局更加灵活实用。现对其表现出的设计优势具体表述如下：

（1）采用DIV+CSS技术进行页面结构设计的高校门户网站网页，在调整各网页容器模块之间的相对位置时比较简单。因为各DIV 模块间是相对比较独立的，不受其它模块的影响。

（2）采用DIV+CSS技术进行页面结构设计的高校门户网站网页的页面格式更改非常有效。DIV+CSS模式下网站的内容代码和格式代码是相分离的，因此在调整和维护时高校门户网站的布局结构和显示格式修改更加简便有效。

（3）采用DIV+CSS技术进行页面结构设计的高校门户网站网页，由于涉及的各布局DIV 层可以依次下载显示，因此其网页的访问速度会比表格网页布局方式更为快速。

（4）采用DIV+CSS技术进行页面结构设计的高校门户网站网页对浏览器的兼容性高。因为DIV+CSS网页布局方式符合W3C标准的特性，使得该技术可以实现对浏览器软件的向后兼容。

（5）DIV+CSS页面结构设计方式相比于表格布局方式，更加方便搜索引擎有效定位、使得在万维网上快速搜寻高校门户网站成为可能。