专业网页设计与制作总结报告（案例14篇）

报告是一种对某个事件、活动或者研究成果进行详细说明和总结的一种文字工具。报告范文的内容需要科学准确，以下是一些经典案例供大家学习和借鉴。

专业网页设计与制作总结报告（案例14篇）篇一

一、总则。

1.甲方同意为乙方提供网站策划，网站制作服务。

2.网站的信息发布必须符合中华人民共和国现行的各项相关法律，若网站的信息发布出现违反中华人民共和国现行的各项相关法律的内容，乙方应承担相应的法律责任，且甲方有权终止对乙方的服务，即关闭此网站乙方发布的信息。

二、甲方责任与权利。

1.甲方根据双方达成共识的网站建设方案，负责乙方的网站策划，网站制作。

2.甲方必须保证网站上数据的准确性，可靠性，可看性及合法性。

3.在收到乙方的预付款后，甲方开始制作乙方的网站并保证在双方议定期限内完工。

4.甲方有为乙方网站进行一次维护的义务和权利。

5.网站完工验收后如乙方未能按期付清所有款项予甲方，甲方有权终止所有服务，并按司法程序向乙方追讨赔偿。

三、乙方责任与权利。

1.乙方与甲方就网站建设方案达成共识并不得随意要求甲方更改方案。

2.乙方根据方案在双方议定的期限内把网站制作的详细资料递交给甲方。

3.乙方有权利了解和要求甲方通报网站建设和网页制作的详细情况。

4.网站的网页制作完成后，将请乙方审阅确认，在确认之前乙方有权根据实际情况并基于建站方案进行调整和少量的修改。

确认后，上传至虚拟主机。

乙方不得随意要求甲方修改网站网页。

5.在网站工程验收程序中(_________天)，乙方有权要求甲方作出局部的调整和修改，不得以不恰当理由要求甲方作过多的更改。

6.乙方有权要求甲方作出局部的调整和修改，对于无理的要求和过激的言论伤害到人格甲方有权终止合作。

四、网站制作要求，收费标准，验收程序。

1.企业介绍级网站要求：

网站有_________种语言版本：_________;。

网站页数范围：_________;。

网站建设方案：_________。

2.企业介绍级网站收费标准：见本网站中网站设计报价。

3.付款方式：

乙方应在本合同签订之日，向甲方交付网站建设总金额的1/3作为网站建设预付款。

乙方应在网站验收合格之后，二天之内，一次性付清网站建设的所有款项。

4.客户预付：客户预付制作费用的50%以上，同时提交网站所需资料。

预付金额比例：

建站总金额在_________元以上预付50%制作费;。

建站总金额在_________元以下(包括_________元)，一次性付清制作费。

5.乙方网站制作实际费用为：_________。

6.验收程序：网站网页策划及制作完成后，应在两天内交与乙方确认并作最后的调整和修改。

网站制作完成并经甲，乙两方最后的调整和修改后，上传至虚拟主机。

成功上传至虚拟主机之后，网站建设全部完成。

五、违约责任。

1.不可抗力：因天灾，行政指令等不可抗力因素而造成的违约，违约方不承担任何法律责任。

2.因乙方资料不齐全，不详尽而造成的甲方不能按时完成制作的，乙方应承担全部责任。

3.因乙方提供非法图文或乙方非法操作而造成网站被关闭的，其全部责任由乙方承担。

4.因甲方上传非法图文或甲方非法操作而造成网站被迫关闭的，其全部责任由甲方承担。

5.因乙方未能按本协议约定期限内向甲方付款而造成违约的，由乙方承担责任并每逾_________天按总金额的10%作为违约金。

六、本协议期限为：_________年_________月_________日起至_________年_________月_________日。

七、本协议一式二份，双方各执一份，具有同等法律效力，协议过程中遇争议问题可协商解决。

八、有关未尽事宜，双方协商解决。

协商后签定的补充协议与本协议具有同等的法律效力。

甲方(盖章)：_________乙方(盖章)：_________。

代表(签字)：_________代表(签字)：_________。

专业网页设计与制作总结报告（案例14篇）篇二

专业网页设计与制作总结报告（案例14篇）篇三

甲方：

乙方：

依据《民法典》和有关法规的规定，甲方委托乙方进行公司大数据形象设计、制作安装的工作，双方经协商一致，签订本合同，信守执行：

甲方委托贵州xx公司为其设计大数据形象设计、以及制作安装。

公司大数据形象设计、制作安装总价为：人民币25767元，(大写：贰万伍仟柒佰陆拾柒元整)。(详见附件1、2)。

1.甲方需在合同签订之日起两个工作日内将委托设计总费用的40%即人民币：陆仟元整，以及甲方制作完毕所有宣传资料起两个工作日内将委托制作的总费用即人民币：壹万零柒佰陆拾柒元整，通过电汇或银行转账到乙方公司账户(乙方收到甲方的银行划帐凭据后作为标志设计的开始时间)。

2.大数据形象设计、制作安装完成后，甲方需在三天内签名或盖章确认(以传真方式确认同样有效)，确认后甲方应当即付标志设计费用的全部余款。

1.设计稿：乙方需在30个工作日内设计出甲方公司需要的大数据形象设计初稿。

2.大数据形象设计定稿后，乙方以电子稿和打印版手册(一份)的.方式交付设计的方案，乙方在收到甲方余款结清后的有关凭据后一个工作日内交付。

3.制作：乙方需要设计定稿后10个工作日内制作、安装完毕甲方需要的宣传资料。

1.乙方对设计完成的方案享有著作权。甲方将委托设计的所有费用结算完毕后，乙方务必将作品著作权全部转让给甲方。

2.甲方在未付清所有委托设计费用之前，乙方设计的作品著作权归乙方，甲方对该作品不享有任何权利。

甲方权利：

1.甲方有权对乙方的设计提出建议和思路，以使乙方设计的作品更符合甲方企业文化内涵。

2.甲方有权对乙方所设计的作品提出修改意见;。

3.甲方在付清所有设计费用后享有设计方案的所有权利;。

甲方义务：

1.甲方按照合同约定支付相关费用;。

2.甲方有义务提供有关企业资料或其他有关资料给乙方;。

乙方权利：

1.乙方有权要求甲方提供有关企业资料供乙方设计参考;。

2.乙方有权要求甲方按照合同约定支付相应款项;。

乙方义务：

1.乙方需按照甲方的要求进行作品设计。

2.乙方需按照合同约定按时交付设计方案。

除合同规定的工作所需外，未经对方事先同意，任何一方不得擅自向第三方泄露对方的商业信息及其他资料。一方违反该条约定的，应承担相应的违约责任并赔偿由此给对方造成的损失。

1.甲方在设计作品初稿完成前终止合同，其预付的40%费用无权要求退回;甲方在乙方作品初稿完成后终止合同的，应当支付全额的设计费用。

2.乙方如无正当理由提前终止合同，所收取的费用应当全部退回给甲方，并承担委托款30%的赔偿。

应甲方需要，另有30项大数据形象设计、安装制作未列在本次设计清单内，待甲方确定乙方应随时无条件给予设计补充，期限为。

本合同打印需由甲乙双方签字盖章，以双方最后签字日期为生效日。

本合同一式肆份，甲乙双方各持对方签字(盖章)合同贰份，均具有同等法律效力。

甲方(公章)：_________乙方(公章)：_________。

法定代表人(签字)：_________法定代表人(签字)：_________。

____月____日____月____日。

专业网页设计与制作总结报告（案例14篇）篇四

乙方：__________________。

经甲、乙双方友好协商，本着平等互利、共同发展的原则，特签订本。

合同。

一、乙方的责、权、利。

1、乙方自甲方签订本合同之日起开始为甲方建立网站。

2、乙方为甲方提供__________建站方案一套，提供一个_____________________域名、_______m虚拟空间、___________个电子邮箱(每个_________m)。一张图文首页、___________内页。甲方交纳建站费用人民币_________元整(开发票需另加收________%)，甲方需于签订合同之日将首页资料、内页文字、欲申请域名资料交予乙方。

3、乙方于签订本合同之日收取甲方__________%订金。

4、乙方在收到甲方的订金后，于__________个工作日内为甲方申请域名及网站空间、完成整个网站的设计、制作、程序开发等一套建站内容。完成后并发布到互联网上，使甲方能正常浏览。

5、乙方在完成上述工作后，收取甲方50%尾款。并在两个工作日内可为甲方免费更改首页样式、内容。

二、甲方的责、权、利。

1、甲方签订本合同表示同意本合同的一切条款。

2、甲方自正式签订本合同之日起享受乙方提供的建站服务。

3、甲方需在签订本合同当日交纳___________%建站费用作为订金，并将首页资料、内页文字、欲申请域名资料交予乙方。

4、甲方在乙方将网页发布到互联网后即交付剩余的50%尾款。

5、甲方如需在优惠套餐以外增加页面，需另行收费，收费价格面议。

6、甲方如需乙方为其进行网站的日常更新及维护，需另行与乙方签订《网站推广维护协议》。

本合同一式两份，双方签字生效，甲、乙方各持一份，具同等效力，未尽事宜，双方协商解决。

甲方：______________________________。

乙方：______________________________。

签字日期：__________________________

专业网页设计与制作总结报告（案例14篇）篇五

根据《中华人民共和国民法典》和相关法律规定，甲乙双方就甲方委托乙方建立企业网站服务事宜达成如下协议：

一、网站服务器空间、域名提供及其配置：

1、网站服务器空间由方提供。

2、服务器配置为：

(1)email空间_________(mb)兆，email空间费用_________。

(2)web空间_________(mb)兆，web空间费用_________。

(3)空间类型(nt/linux);支持协议(ftp、cgi、php、asp)。

(4)支持数据库类型(access/sql)。

(5)出口带宽_________(mb)兆。

(6)域名为_________，费用_________。

3、email名称设置。

4、域名设置。

(注：由甲方提供网站服务器空间、域名，乙方不负责该域名及空间的一切维护)。

二、乙方为甲方在其所属的服务器上制作企业网站，可选建站配置如下：

1、flash形象页(10秒以内)。

2、精美首页。

3、六大栏目：

(1)公司简介：详细介绍公司概况。

(2)新闻中心：通过后台接口由商家自行发布信息。

(3)客户留言：客户与商家可通过留言交流。

(4)产品介绍：详细介绍公司的产品。

(5)联系我们：由商家提供详细资料。

(6)统计系统：统计该网站的访问流量。

(7)电子商务系统：_________。

(8)产品定单系统：_________。

(9)_________。

4、以上所有栏目均可制作成中英文双语版，并可方便切换，英文翻译工作由甲乙双方协商解决(注：由乙方负责翻译收费_________中文字/_________元)。

5、以上制作页面每页文字限_________字以下，图片不超过_________张(程序自动生成的页面不计算在内)。

6、本站页面在_________页内按_________元收取，超出部分页面按_________元/页收取。

7、本站所有基本后台程序按报价收取，定制后台程序面议。基本程序包括：留言系统、新闻系统、调查系统、电子商务系统、产品定单系统。

8、网络视频制作：专题文案及拍摄脚本编写_________元;拍摄制作费_________元/天;视频节目采集、转制、剪接、非编制作_________元/小时;后期配音_________元/小时;网络视频制作发布_________元/年。

三、制作与售后：

1、甲方必须及时完整的提供制作需要的资料。

2、牵涉盗版、违法、政治、色情及其直接间接损害他人合法权益的内容乙方有权不制作。

3、网站开通一年内免费修改主要页面(企业资料更新不计算在内)，在不改版的前提下修改不超过20%。

4、网站制作期为_________天。

5、制作完成后培训时间为一天，负责培训一名技术人员进行操作和更新。

四、付款方式：

本合同涉及总金额为人民币_________元整，合同签订后，甲方支付合同金额的50%，即_________元整作为定金(包括域名、虚拟主机、程序、30%网站制作定金)，制作完成验收后一周内按实际制作的页面数一次性支付余款_________元整。超过一周未付款，我们将有权对其网站停止发布，并删除相关数据，直至付款。超过十五天未付款，我们将对其网站和服务器另行处理，并不与恢复和退还定金。

五、验收方式：

1、我们在合同签订之日起两周内制作出客户网站的主体框架、页面和程序(特殊程序设计时间将会稍微延长、网络视频先制作拍摄文案和脚本)。

2、客户在收到我们的网站页面打印稿后应在2个工作日内进行审核，并填写修改意见。

3、我们接到客户反馈的意见后在一周内修改完毕并上传(网络视频拍摄送10秒衔接动画)。上传后客户应在3天内通过网络进行查询和验收，并填写验收报告。

4、对于必须修改部分，客户应及时出具书面申请，并由负责人签字。

5、网站上传后3天内，我们未收到任何书面的修改通知或意见即视为验收通过。

6、对于要修改页面客户应一次性提出，对于相同部分我们将对其修改不超过两次。

六、违约责任：

本合同一式两份，盖章签字生效，并具法律效用，未尽事宜甲乙双方协商指定。合同双方如有违约，由甲乙双方协商解决。

七、备注：_________。

专业网页设计与制作总结报告（案例14篇）篇六

专业网页设计与制作总结报告（案例14篇）篇七

专业网页设计与制作总结报告（案例14篇）篇八

：本文对网页设计与制作课程的现状以及教学过程中存在的问题进行了分析，通过项目化教学法的引入，对这门课程的教学进行研究。分别对项目化教学法的内涵、教学改革设计方案以及实施的具体过程与注意事项进行了阐述。实践表明，相比于传统的教学方法，项目化教学法更能够激发出学生的学习兴趣，提高学生理论联系实际的能力。

：网页设计；项目化教学法；教学改革。

近几年来，计算机技术已经发展各个领域中。社会对计算机相关专业的人才需求也是日益增多，但是现阶段中职院校计算机专业毕业生质量不高、数量不多，无法满足社会需求，所以培养更多高素质的计算机专业人才是当务之急。网页设计与制作是中职院校计算机专业以及电子商务专业的一门重要的专业课。这门专业课的教学目的是让中职学生能够学会设计并且完成一个网站的技能。这门专业课不仅重视理论，同时非常重视学生的创新能力以及实践能力，所包含的知识点很多，包括平面设计、图像处理、ash动画设计、程序设计、数据库的应用等。在传统教学模式的影响下，大部分中职院校学生的实践能力并没有达到预期的要求。同时，因为一部分教学内容跟企业用人需求并没有同步，造成很多中职院校的学生在毕业之后还要再参加培训才可以适应用人单位的需求。所以，要想对这种情况进行改善，使中职计算机专业学生实践能力得到提升，让毕业生能够满足企业需求，就必须要对目前的教学模式进行改革。

1.教学思想落后国家最新颁布的中职人才培养计划里面，开始渐渐提高了实践课程的时间占比。可是，在实际教学中，并没有真正实现，实践教学占比仍然较小，同时考核的方式仍然是传统模式，以试卷为主，学生的实践能力无法得到锻炼。2.教学内容缺乏新意在教学改革中，核心的工作就是对教学内容的改革，但是现阶段的大纲仍然大部分使用以前的内容，知识点并没有大范围的变动，不仅是理论知识的大纲，就连实践内容的大纲也相对滞后，并没有太多新知识的加入，无法满足社会需求的计算机人才技术要求，没有配套的教学案例进行指导，造成大部分的学生在毕业之后还要再次培训。3.教学方法落后在教学方法的使用上，仍然采用传统的填鸭式教学，上课的时候仍然以讲台上的教师为主，教师与学生之间并没有太多的互动，并且相应的教学设备也不是很够用，导致理论无法联系实际，严重地影响了学生的创新思维的成长。4.考核方式不合理现阶段很多中职院校的考核方式无法对学生的实践能力进行真实的反映，大部分还是以理论考试为主，考核内容缺乏实践能力的考核。5.对知识应用缺乏整体感现阶段的教学模式存在着一个很大的问题就是学生所学到的知识点大多数是零散的，在进行实际问题的考虑时无法从整体层面下手。所以，所有的课程学完之后，怎样应用知识整体去解决问题，还需要学生对知识进行重组，而缺乏实际案例的教学内容，会使学生在实践的过程中缺少方向与目标。6.缺乏实际工程项目经验网页设计与制作这门课程特别强调实践，缺乏实际案例的经验，会使学生的知识仍然停留在理论层面，这在以后的实际工作中是非常不利的。缺乏案例的训练，学生也无法在训练的过程中发现自己的问题，学习效果会严重受到影响。

1.项目化教学概述项目化教学法是一种以构建教学理论为基础，将学生作为教学中心，发展学生全面素质的一种教学方法，由美国以及加拿大两位教育学家所提出的。项目化教学法的本质就是：以学生教师共同参与教学为前提，以实际项目为主线，贯穿整个教学过程。项目化教学法的目的就是加强理论教学与实践教学的融合，提升学生的实践能力，最大可能地将学生的创新能力发挥出来，使学生解决实际问题的能力得到加强。在项目化教学法应用的过程中，涉及的实际项目要符合以下要求：第一项目必须与教学内容有着紧密的联系，可以有效结合理论与实践；第二项目要满足用人单位的实际需求，使学生掌握的能力与用人单位相匹配，在完成项目之后，学生可以通过项目过程中获得理论与实践知识去解决实际问题。通常情况下，在采用项目化教学法时，要对学生实施分组，并且由教师对整个项目的开发过程进行指导。首先以学生为主体，让学生对项目的开发以及分工进行探讨，并且对项目过程中可能遇到的问题进行详细的分析，确保项目的顺利完成。然后通过教师的指导，并结合所学的知识对项目进行开发，在项目开发的过程中，让学生按小组的形式进行学习与实践。项目完成之后，每个小组都要将自己的成果展示出来，由其他同学与教师一起点评并给出相应的意见。在学生参与项目开发的整个过程中，学生的主动性以及积极性都被充分调动出来，通过项目针对某个目标进行学习，使学习的效率得到了提升，同时有效地将理论与实践相结合，这样整个过程所收获的能力一定能在日后的工作中派上用场。因此，将项目化教学法应用到中职院校的网页设计与制作课程的教学中是非常合适的。2.项目化教学的意义（1）培养学生综合素质。项目化教学法是一种比较先进的教学方法。项目化教学法能够有效培养学生的分析问题能力、实践应用能力、团队协作能力以及交流能力，提高了学生的综合素质。（2）发挥教师的创造性。项目化教学是通过实际的案例进行教学的，不仅要求学生在解决问题时理论联系实际，还能要求教师具有很强的应变能力以及创造性。整个教学的过程中，教师必须要将项目化教学的理论体系把握好，通过项目的不同及时进行教学内容的调整，同时要不断激发学生的兴趣，引导学生完成该项目。（3）推动教学改革。所谓进行教学方法改革，不能只在教学的形式上进行改变，也要在观念以及思维方式上进行改变，包含教师角色与学生角色的改变、考核方式的改变、教学体系的改变。对教学方法进行有效的改革，既能够推动中职学校的教育发展，还能够调动出学生的创新意识等内在的需要。（4）与实际岗位技能紧密相关。在进行项目化教学法时，所涉及的项目的真实性很高，项目中所涉及的理论知识以及实践能力都是用人单位所需要的。这样能够帮助学生在项目的开发过程中，得到与未来工作岗位相匹配的能力，提高自己的就业能力。

相比于传统的教学方法，项目化教学法实施的过程中，主体是学生，学生是整个教学过程的中心。在项目化教学法教学的过程中，学生的思维要从“要我学”转变成“我要学”，从传统的以理论教学为中心转变成以项目开发为中心，从以教室为中心转变成以实践场所为中心。因此，在进行项目化教学法的'实施时，首先对学生的整体情况进行一个了解，之后通过教学思路以及项目化教学原则，制订出教学计划，主要包括下面几个环节。1.项目设计本文以网页设计与制作这门专业课为例，对项目化教学法进行探索。以项目需求以及功能为主线，将课程中所有的知识点进行贯穿融合，学生通过项目的完成来掌握项目中涉及的理论知识与实践能力。这样能够在整体上把握好这门课程的核心内容。所以，选择一个合适的项目是整个过程的关键，要充分考虑项目的可行性以及真实性。2.制订项目教学计划在项目确定之后，下一步就是要对项目制订具体的实施计划，将选定的项目分为几个模块；然后将所有模块所涉及的知识点和能力要求整理出来，安排到教学进度中，得出教学计划；之后教师与学生进行项目的实施，实现所有项目需要的能力要求，步骤如下。（1）制订计划。将项目的具体实施方案、分工安排以及时间安排表制定出来。（2）情境设置。通过需要掌握的知识点，安排项目场景，进行环境的模拟。（3）明确任务。根据场景中的内容，归纳总结出所有需要完成的知识点。（4）操作演示。根据实际问题的解决，将知识的内涵和用于解决实际问题时所起到的作用进行演示。（5）学生实践。指导学生在类似的场景中进行实践训练，使学生对知识点的理解更加深刻，掌握解决问题的能力。（6）协作学习。根据小组的工作分配来实施项目，并隔一段时间进行一次交流讨论。（7）学习评价。通过每个小组的项目完成情况，由教师以及学生一起对项目的完成情况进行评价。3.实施计划整个项目的实施过程，要由教师进行指导，再通过每组学生进行完成。进行项目的实施之前，要配备好项目涉及的所有网络以及硬件设备，这样可以有效减小意外对于项目实施的影响。在进行项目的实施过程中，碰到项目的一些难点以及重点环节时，由教师进行统一的指导来完成，确保项目的正常实施。4.检查评估对项目进行实时的控制是保证项目顺利完成和开展的关键。所以，教师在进行教学的过程中，要对每一小组的完成情况进行检查，确保项目的正常开展，并在发现学生出现问题时及时给予正确的指导。

实施项目化教学法的过程中，不能只对项目的成果进行关注，还要关注整个过程。这个对拥有创造性的实践环节，学生与教师要一起完成，整个过程要注意以下问题。1.教师应改变教学观念想要实现传统教学模式到项目化教学模式的转变是一个循序渐进的过程。在项目化教学法实施进行中，不是让教师把理论知识带入到实践环节中，而是要根据一门课程设计一个对应的项目，同时把整个项目分成几个块，采用这些模块将需要学习的知识点进行覆盖。教师不仅要对教学的理念进行调整，还要对整个课程的体系有着深刻的认识，能够把握住项目和考核目标的匹配度。2.教师应进行合理的引导在项目化教学法实施的过程中，虽然大部分的工作是由学生来完成的，但是教师的指导作用也是非常关键的。这要求教师不仅要具备足够的理论知识，还要求教师拥有丰富的实践经验，能够第一时间看见项目实施过程中出现的问题。教师的引导工作主要有两方面，一是要通过项目的实施引导学生学习理论知识，二是在学生进行实践的基础上引导学生对所学知识进行扩展。当然，教师的引导不仅要针对学生小组，还要分配到每位学生的个人身上。3.项目的设计要做好理论知识和实际需求的匹配项目化教学法的最终目标就是使学生不仅掌握理论知识还要掌握实践能力，所以项目化教学法在实施过程中的一个难点就是怎样把这两者进行有机结合。教师在进行项目的选择时一定要对项目的实用性以及针对性进行充分的考虑，在进行项目的实施计划安排时，把每个模块所对应的知识与教材的内容对应起来，将理论知识和实践操作结合起来。

笔者学校已经在计算机专业的网页设计与制作课程教学中应用了项目化教学法。为了对项目化教学法的实施效果进行验证，今年学校对一些校企合作单位进行了访问，考察去年计算机专业毕业生在网页设计岗位的工作情况。大部分企业表示，这批毕业生无论是在理论上还是在实践能力上都要更优秀一些。事实证明，项目化教学法可以使学生对知识有更深刻的理解，提升学生的学习兴趣，使学生的学习目标更加明确；可以更好地掌握网页设计的技能，加强学生的综合能力，有利于学生未来的职业能力的培养。

本文将项目化教学法引入到中职院校的网页设计与制作课程中，分别对项目化教学法的内涵、教学改革设计方案以及实施的具体过程与注意事项进行了阐述。通过实践表明，相比于传统的教学方法，项目化教学法更能够激发出学生的学习兴趣，提高学生理论联系实际的能力。

[1]张波。信息技术课的六种有效课堂教学模式[j].考试周刊，20xx(80).

[2]尹强国，张慧如。项目教学法在java面向对象编程中的实践与研究[j].现代企业教育，20xx(14).

[3]李博。项目教学法教学模式与传统教学模式的比较[j].教育教学研究，20xx(29).

[4]张广群，汪杭军。项目化教学在“vb程序设计”课程中的应用[j].计算机教育，20xx(4).

专业网页设计与制作总结报告（案例14篇）篇九

网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在css方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。2、调用style时可以单击鼠标右键选择custonstyle来调用style标准，也可以在状态栏中的元素列表上单击右键来调用style。虽然不同的方法达到的效果看似一样，但实际上产生的html代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是flash、photoshop等网页软件的综合应用。例如flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50k。

还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。

下面简单介绍下网页设计的理念和要点。网页设计理念：（1）内容决定形式：先把内容充实上，再分区块，再定色调，再处理细节。（2）先整体，后局部，最后回归到整体：全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。（3）功能决定设计方向:看网站的用途，决定设计思路。商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

一、确定网站的整体风格:1、将标志logo，尽可能的放在页面最突出的位置。2、突出标准色彩。3、总结一句能反映网站精髓的宣传标语。4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。

二、网页色彩的搭配:1、用一种色彩。指选定一种色彩，然后调整透明度或饱和度，这样页面看起来色彩统一，有层次感。2、用两种色彩。先选定一种色彩，然后选择它的对比色。3、用一个色系。就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：1、不要将所有颜色都用到，尽量控制在三至五种色彩以内。2、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

计通过文字图形的空间组合，表达出和谐与美。不积跬步，无以至千里。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

专业网页设计与制作总结报告（案例14篇）篇十

学习如何通过选择正确的格式，来优化网页图片，并确保文件大小在可行的范围你是足够小的。虽然现在人们已经都在使用宽带，但仍然有人是拨号上网。

此外，虽然移动装置技术的普及，但移动装置却不一定支持像宽频一样的速度，图片文件的大小可能还是会延长网页的加载时间，有可能把用户赶走的。

这里有个选择适合的文件格式的技巧：如果图片是单色，那最好保存成png或者gif格式;如果是连续性的色调(如照片)则最好保存成jpg格式。

有很多的工具可以帮助你进一步优化你的图片，降低他们的文件大小。可以参考这个工具列表来帮助优化你的图片。

尽量把图片数量减到最低，并且灵活使用图片，并且尽可能地减小文件大小。如此一来，将可以大大的减少页面的读取时间和改善网页的性能。

2.保持干净和简单(即：简洁)。

一个好的网页设计不光只是看起来好看而已，还要是用户友好型的。通常来说，一个干净、简单的网页设计最终会成为一个可用性高的网页设计，因为它在与用户的交互中不会使其产生混淆。

当页面上有太多的网站功能和组件时，将会分散网站用户的注意力而失去原本浏览网站的目的。

确保每个页面元素都有其目的，然后问自己以下问题：

1.是否真的需要这个设计么?2.这是什么组件是做什么用，它如何协助用户浏览?

3.如果我突然删除这个组件，大多数人会希望它“回来”吗?

4.如何把这些元素和目标、消息和网站的`宗旨互相结合?

此外，尽管它可能是一个超酷的新概念或界面设计模式，但你还是要确保对你的用户而言该设计仍然是方便和直观的。

人们习惯于通用性的交互模式、网站功能、和网络接口，如果你的设计的确很独特，确保它不是太模糊和晦涩。要有创意，但还要保持简单。

3.导航(条/栏)是最重要的设计。

一个网站最重要的部分就是整个网站的导航。没有它，无论在哪个页面中，用户都会发生卡在这个页面离不开的状况。有了这明显的实际方向，我们将讨论一些建构网站导航时重要的点。

首先，在网站的导航结构上，投入足够的时间和很多规划是非常重要的。虽然这是常识，但仍然有很多设计师想当然地设计网站导航。

摆放位置、风格、所用技术(javascript或css)、可用性和网页易读性，这些是你制作导航设计时需要考虑的。

在没有css的状况下，你的导航设计应该也是可用的，这是基于文字基础的浏览器相容性。你可以尽量去嘲笑文字基础的浏览器，但它们在很多的移动设备上还是流行的。也许更为重要的是，对屏幕用户来说(99.99%的情况下)，没有css的导航功能照样可用访问。

在没有客户端技术情况下(如javascript或flash)，导航功能应该容易进入和使用的。用户可能因安全性或公司政策而没有开启或安装。

所以，制定一个导航系统可以放置的良好位置是必须的，例如放在一个显眼可见的地方。一个好的导航功能，只要网页载入就出现，而不需要鼠标再向下滚动。这是为什么页面要保持干净和简单的重要作用，一个复杂且非常规的设计可能会让用户困惑。

哪怕只有一瞬间，用户也必定不会纳闷：“网站导航在哪里?”

最后，对网站建立阶层结构，多层次的管理。确保它在父层与子层之间易于导航。此外，不管在哪一个网页当中，也应该能很容易到达最高层的页面(例如网站首页)。

最主要的目标就是你的网站导航，尽可能减少操作(动作)，努力而让用户到达他想要浏览的内容。

4.明智和有条理地使用字体。

虽然有成千上万的字体，但你真的能用的只是一小部分(至少要等到主要的浏览器完全支持css3)。所以坚持使用网页安全字体。

如果你不喜欢网页安全字体，可以考虑利用sifr或cufon逐步增强的网页设计。

保持字体的一致性，确认标题和段落的内容看起来有所不同。使用空白、调整行高、字体大小和字母间距属性，使用户轻松愉快地阅读和扫描内容。

也许一个网页设计师常常犯的错误就是使用不对的字体大小。因为我们想尽可能的将内容都塞在一个网页中呈现，所以我们有时设置字体大小而让用户感觉到不舒服。

如果可能的话，尽量保持字体大小12像素以上，特别是对段落内容。虽然很多没有遇到因为字体太小而造成阅读上的困难，但是想想老人家、近视眼和其他类似视觉障碍的族群吧。

5.理解色彩无障碍性。

说完字体后，我们还需要指出使用正确颜色的重要性。例如，黑色文字在白色背景，如果使用高对比度，橙色背景上的红色文字会令你的眼睛感到紧张。

此外，使用一些对特殊形式色盲的用户友好的颜色(检查工具名为vischeck，可以测试某些类型的色盲)。

有些色彩组合只适合运用在前景色的部分，而不适合做背景色。举个例子来说，深蓝色的文字搭配粉红色的背景与粉红色的文字搭配深蓝色的背景，都是使用两种一样的颜色，但用在不同的部分则影响了它的可读性和阅读的舒适度。

重要的是，不仅要使用良好的色彩组合，而且要把它用在页面中的合适元素上。

6.知道如何编写代码。

随著各种所见即所得的网页编辑器充斥市场，网页设计已经成为简单的1-2-3步骤就能设计好一个网站。然而，大多数网页编辑器掺杂了不必要的代码，使你的html结构设计不当，难以维护和更新，导致网页膨胀。

通过自己编写的网页代码，能得到简洁的代码，能够愉快方便地阅读和维护。你可以自豪地说是自己写出来的代码。

但知道如何使用所见即所得的ide或预览功能并不会妨碍学习html和css。你要知道发生了什么事情，才能创造有效并高度优化的网页设计。

7.不要忘记搜索引擎优化。

在设计网站时，一个好的网页设计师应该永远牢记基本的seo概念。例如，网页内容结构、用文字表示标题(即网页的标题和标志)。

此时，以前学习的如何合理编码的能力就派上用场。认识正确、语义和基于标准的html/css后，你会很快认识到div比表格布局好得多，不仅更为准确地展现内容，而且对搜索引擎排名也有帮助。另外，知道用css更换背景、文字和图片也是一个好主意。

8.理解人是没有耐性的。

普通人用几秒钟就决定是否要阅读更多网页内容或到另一个网站。因此，作为一个网页设计师，要有个好方法，能在这珍贵的几秒钟鼓励用户选择前者(看更多内容)。

要知道，如果用户在网页头部看不到感兴趣的内容，没有多少人会向下滚动，去查看整个网页的内容。

所以，在网页头部很容易看到的地方放置网站上的重要元素，但也不要过度拥挤在上半部分网页，否则会吓到用户，而不会往下继续看内容。记住上半部分网页设计的卖点：视其为推销员，使人们有购买想法，即他们想在你的网站上看到什么。

9.了解(并意识到)浏览器的兼容性。

当一个网页设计师必须要知道的一件事，就是你的工作环境(浏览器)是挑剔和难以预料的。如果你的网页设计只能运行在的几种网页浏览器，那是不够的，你需要尽可能多浏览器下测试。这里有一款工具browsershots，可以测试浏览器兼容性。

10.使设计有灵活性和可维护性。

一个好的网页设计师可以确保以后可以很容易更新或修改网站。设计一个有可塑性、易于维护的网站，是一个伟大网页设计师的标志。让你的工作尽可能从结构化转向模块化。

网页设计这个行业是动态的，而且还很“年轻”。事情往往在短暂中变化。牢记这种思想，将推动建立更加灵活的网页设计。

专业网页设计与制作总结报告（案例14篇）篇十一

随着网络技术应用的快速普及，电子商务正以前所未有的速度迅猛发展，电子商务专业作为一门新新的专业学科，在发展的过程中面临巨大的机遇与挑战，这就要求电子商务专业的学生具备扎实的专业知识储备，良好的心理素质和相应的技术能力，而网站设计与开发实训恰恰为我们电子商务学生提供了学习知识、运用知识、为以后找工作提前充电这样一个平台，因此这次专业实训对我们每个人来说都是很重要的。以下是我个人本次实训心得体会：

经过两个多星期的专业实训，在老师认真负责的指导和我们小组成员的不懈努力下终于完成了本次网站设计与开发的工作。从刚开始接触网站到现在完成，经历的时间虽不是很长，但在这期间我们所做的工作还是很多的。包括选材、网站页面设计、团队成员任务分工、各种软件运用（photoshop、flash、dreamweaver、tomcat、html）、需求分析报告、可行性分析报告、系统分析报告到最终的.专业报告等等。我们觉得这次实训最大的收获是不仅学到了知识，更为重要的是培养了团队的合作精神，在此我要感谢一路上有你们相伴。

力选择不同风格去设计页面，在统一的基础上不失繁杂。在网页设计中，我们获益很多，不仅仅单纯从做的过程，更从讨论中，汇总中我们了解了更多的知识，也全面提高我们对问题的分析能力。

这次网站设计，我总结了几点：

1）确定网站主题：对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。本次我们选择秦皇岛比较具有代表性的几家ktv，并对其进行网上预定、排行、k歌资讯等，全是围绕消费者展开。

2）掌握建网工具：在制作网页的时候，一定要熟练掌握软件的运用，要不断的摸索，对于细节的处理，我们需要做很多东西，只有不断的练习，才会更好的运用软件。我们结合自身的实际，合理运用photoshop、flash、dreamweaver、tomcat,fireworks,photoshop,frontpage,css,accessjavascript,vbscript,asp,jsp等我们熟练掌握的工具。

只是宏观上的把握，具体的页面安排还要在详细设计以及接下来的具体实施中作相应的调整。总体设计是宏观上的把握，逻辑上的概括。详细设计阶段，从完整的信息系统的开发过程来说，包括输入设计，输出设计，数据库设计，代码设计，界面设计。而我们此次设计的重点在于网站设计及可用性设计，因此对于数据库方面的内容就涉及的比较少。这是整个设计工作的不足。

4）确定网站风格：“风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的ci（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。本次秦皇岛ktv网站设计风格以暖色调为主，大方而美观，突出活泼热烈的气氛。

在此，我对此次专业实训做出自己的一些总结，在这次实训中，我发现了团队的重要性，分工的重要性，从该开始的懵懂，但最后慢慢完成所有的任务，我充分体会到了合作的真谛，在合作的过程之中我体会到了，相互合作是非常重要的，在一些细节方面，多亏小组成员的指点，让我发现许多的不足，在某些逻辑思考的不完善，节约了很多时间，因此最后很好的得完成任务。在此看来，团结合作的智慧和力量是不可忽视的，每个人都有自己所擅长的部分，只有团结一切可以团结的力量，发挥每一个人的才能，同心协力，才能够把任务最好得完成。

感谢在学期末能有这样的实训，感谢老师、感谢组员的支持，我相信通过不断的努力，我们一定会走的更远、做得更好。

专业网页设计与制作总结报告（案例14篇）篇十二

本工作室主要用来做个人网站，主题是介绍自我，让更多的朋友认识我，面向我的同学和朋友以及想结交我的朋友。

二、网站总体设计。

本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块，其他四个板块也可以通过超链接回到我的主页去。

三、网站设计与制作（包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果）。

本网站的布局大多是运用css进行布局的，这也是老师一直强调我们的。为了增加视觉效果，个别网页还特别添加了flash效果（我的相册），还用到了视频和音乐等素材（如我的主页）。个别网页添加了表格，这样显得网页更齐整。对于美化这部分，我还特别用photoshop对一部分图片进行了处理，让图片和网页更好地搭配。在个别网页添加表单，可以让浏览者和网站更好地互动，交流信息。

四、学习体会。

不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的'、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

找到材料后，我们还要规划网站。一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。

做好以上三步之后，我们就要选择合适的制作工具。尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有网络三剑客之称的dreamweaver、fireworks、flash来制作网页，对于图片部分的处理，个人觉得photoshop比较好用。

最后，我们就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

网页做好之后，就要发布到web服务器上，才能够让全世界的朋友观看，还要不断地进行宣传，这样才能让更多的朋友认识它。

以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，还存在很多的不足（如：背景过于单调和网页布置不合理）。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续学习网页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页的知识，谢谢！

专业网页设计与制作总结报告（案例14篇）篇十三

跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，你不断的学习不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的"边缘科学。"不仅涉及到美学，心理学，平面构成，色彩搭配等平面设计的方面的知识，还涉及到html，javascript，css，asp，php等编程语言技术方面的知识。只有综合运用多种知识，才能设计出视听特效，动感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。

注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。我提倡简单的美。

申明一点，我也是个网页设计初学者，并不是什么设计名师，这是我个人的灼见。有什么不对的地方，还请大家见谅。

个人网站的设计需要有以下几个步骤：

包括个人网站主题确定、前台功能设计与管理、个人网站首页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。

包括个人网站后台管理功能设计，后台管理信息系统功能设计，后台系统权限管理，后台文件管理，个人网站后台管理系统主页设计。

通常我们发布一个网站，这样我们可以注册域名，但我们也可以利用主机和安装iis，这样其他人可以通过“我的ip”地址访问“我的主页”。

一个网站做好了，就有必要推广一下个人网站，这是一个电子商务网站必须做的一步，因为如果你不推广你的网站，即使你发布了也没有人会知道。

在设计网站时真的可以体会很多东西，从一开始确定页面的主题，到整个主页的设计，信息的收集，前台功能的设计与管理，后台功能的设计与管理，每一个页面的表面设计。我把它们都一一进行规划，因为如果你不好好规划，想做什么就做什么，你是做不好的。因为我意识到这句话：“机会是属于那些有准备的人”。我详细到一个表的宽度都一一列出来。例如：775宽，分成三栏，每栏占多少。因为我深知“细微之处才见真功夫”。

给我最深印象的是留言板，因为之前sql数据库实际锻炼做过了，所以这次做相对容易，但我经过长时间的练习，完成了n次，有些人可能会认为，肯定是不会才做很多次！但我想告诉这些人，我每次做都是用不同的方法。第一次使用access数据库，第二次使用sql数据库+权限管理，第三次使用数据源名称的连接。每次用的方法都不一样。

可能会有人说我笨，有方法就行了，要那么多干嘛？但我想说的是，没有这么多次练习，就不会有这么多不同的方法，不会创造今天熟能生巧的我。方法，只有你自己先学会，才会学通、学广。

专业网页设计与制作总结报告（案例14篇）篇十四

大学生活让我对计算机理论知识有了一定的了解，但实际操作领域依旧是一片空白。纸上得来终觉浅，绝知此事要躬行。经过网页实训课的实习，让我对自己有了新的认识，并明确了网页设计方面的前进方向。

在信息时代，学习是不断地汲取新信息，获得事业进步的动力。现在通过实习总感觉自己学的不够，要用到知识时总感觉脑袋总是空白。实习后让我明白，为了能更好的适应工作，不得不利用自己空闲时间去弥补学习中的不足。实训内容是与自己所学专业有密切联系的，所以自己在这方面格外侧重，希望能够加强自己的专业知识。

上学的时候大家都说“能珍惜现在的日子就好好珍惜！”，等工作了才真正的领悟这句话的`涵义。经历第一次实训课的学习后，就希望能把实习所学习的知识，也能运用到课堂上。对自己多一点信心，多给自己点赞赏，多给自己鼓鼓劲，相信自己总会走出一条宽敞大道。

感觉学生时代很美好，不仅仅是不需要去努力工作，而是在学生时代你可以有很好的同学，很好的朋友，大家相互嘘寒问暖，不必勾心斗角。我感觉这里才真的有纯洁的友谊。我想当踏上了社会，就会存在着利益关系，有工作繁忙，也多了份人情世故。希望以后自己努力，可以多几个朋友，希望自己可以有个团结工作的环境。在整个网页设计实训的过程中，实训同学之间的关系总是那般融洽！

实习，是开端也是结束。在书本上学过很多理论，但从未付诸实践过，也许等到真正运用时，才会体会到难度有多大。在今后的工作和生活中，自己需要更加努力的奋斗下去。

实习的同时也让我了解到了自己的不足，我会继续努力，完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。