网页设计与制作报告(6篇)

网页设计与制作报告(6篇)

网页设计与制作报告(6篇)

网页设计与制作报告1

一、实习目的：

通过社会实践，可以把我们在学校所学的理论知识，运用到客观实际中去，使自己所有用武之地。以便能够达到拓展自身的知识面，扩大与社会的接触面。

1、了解平面设计在焦作的市场现状及前景。

2、进一步掌握ps，coreldraw，等设计软件的运用。

3、尝试把学校里学习的平面设计相关理论运用到实习过程中。

4、初探做好平面设计师的方法，熟悉平面设计的方法和程序步骤。

5、培养人际交往与社交能力，为成为平面设计师作准备。

二、实习时间：

2023年1月1日―4月30日

三、实习地点：

威美（上海）金融伟德服务有限公司

四、实习内容：

平面设计

五、实习总结：

即将面临大学毕业，因为伟德视觉传达专业，想丰富一下自己的知识，所以我找到了一家互联网金融公司做UI平面设计，虽然和我所学的专业有些差异，但它对于我来说是受益匪浅，我所在的公司威美（上海）金融伟德服务有限公司，主要是网页设计为主，也与绘画有所伟德，既然选择这个公司，我就要好好去学，使自己的基础更牢固，技术更全面，在大学里学的知识却不知道如何运用，想伟德多个伟德，因此我非常珍惜这次实习的机会，在有限的时间里加深对绘画对设计的了解，找出自身的不足。实习的内容是页设计（Ps，ai，arp等软件的使用）。

在实习过程中，我深深地感受到作为设计师通常缺乏足够的对市场的了解和对管理层领导上的沟通，做出的设计作品经常会与市场经济脱节；而作为管理者通常缺乏设计基础和审美能力，往往为了追求市场效益，过多地拘束设计师的思维与创新，忽略了设计要素的重要性，造成了设计的庸俗化。

来到公司，第一天进公司，与经理进行了简单面谈后，部门总监把我分配给伟德经理，伟德经理是我的直接领导，所有工作由伟德经理分布。第一天来到公司要赶做两个网页banner，接到文案后就在网络上搜集大量banner素材，找了几个适合这次文案的banner然后用Photoshop简单的修改图片，第一天没有做好，幸好领导说第二天晚上再交给他，于是我就乖乖的回家找图片。说实话我以前在学校的时候也这样做过，不过效果没有这么

好，因为以前一遇到难的或不懂的就停下来不做了，而现在在公司，有压力，有不懂的就问，这使我受益匪浅。

后来，公司要更改域名让我参与进行的VI设计项目，让我们锻炼一下自己。公司给了我们一个设计logo的任务。一开始我们设计出的作品并不能符合主观的要求，未能做出很好的方案。市场部总监看过我的方案后，要我进一步去了解公司的性质和作用，要做出更加符合机构精神的logo。经过两天的摸索，我逐渐懂得了一些做logo的技巧和该注意的问题，要伟德实际，要大气。同时也意识到了由于在学校实际锻炼的机会比较少，在软件操作上不够纯熟。而且对于公司的要求理解不够透彻。

很幸运，一进公司便能参与的APP软件设计项目之中，正好锻炼一下自己。由于经验不足，刚开始找不到头绪，不知道该做些什么。在开始的时候，主要还是负责一些比较琐碎的任务。还没有真正地参与到比较完整的伟德设计之中。经过两天的磨合，自己有哪些缺点和不足，便知道了一些。在校的时候由于实际锻炼的机会比较少，所以现在什么都做不好，在软件操作上还是不够熟练。而且对于客户的要求并不能立即做出反应。

我在工作的锻炼中学到了许多课本上无法学到的经验，因为在学校中我们的创意和设计都只局限于作业之中，但如果在公司里，我们的创意还必须得到客户和主管的认同，这是严格许多的。我们必须尽量发挥自己的创意，同时也要兼顾客户的要求和市场的效益。要多与客户沟通，多向主管询问意见，多向身边同事请

教。

通过这次实习，在设计方面我感觉自己有了一定的收获，开始了解掌握了photoshop的小技巧，知道了怎么去制作圆角矩形方块、高解析制作、保留选取范围大小、快速隐藏图层等。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用，增强了我们今后的竞争力，为我们能在以后立足增添了一块基石。实习单位的老师也给了我很多机会参与他们的设计是我懂得了很多以前难以解决的`问题，将来伟德设计工作所要面对的问题，如与it工程师的配合，以及对市场部的伟德沟通。

这次实习对我来说受益匪浅，让我学会从客观的角度来审视自己的作品，在审美方面更加成熟。而在公司，与同事相处，让我学会如何别人打交道。与领导交流，让我学会设计师应有的职业道德。这些经验都让我得到了成长，让我在以后的工作中更加成熟、更加顺利。这次实习丰富了我在这方面的知识，使我向更深的层次迈进，对我在今后的社会当中立足有一定的促进作用，但我也认识到，要想做好这方面的工作单靠这这几天的实习是不行的，还需要我在平时的学习和工作中一点一点的积累，不断丰富自己的经验才行。我面前的路还是很漫长的，需要不断的努力和奋斗才能真正地走好。

网页设计与制作报告2

课题名称为：网页设计制作方法及其在餐饮行业中的应用举例

基本任务与要求：

阶段工作计划：

开题报告：

1. 选题背景（含国内外相关研究综述及评价）与意义

选题背景：互联网始于1969年的美国，又称因特网。最初用于军事连接，之后由于计算机的增多，以及各种连接协议的规范化，互联网逐渐发展起来，成为日常生活中人们与外界交流信息的重要工具，可以说，信息时代的基础就是互联网。在中国，截至2023年12月底，中国网民数量突破5亿，达到5.13亿，全年新增网民5580万。互联网普及率较上年底提升4个百分点，达到38.3%。（数据来自国家互联网络信息中心），随着网民的逐渐增加，网页制作以及网页设计技术的日趋完善，网页已经被运用到人们日常生活中的方方面面，越来越多的人甚至公司开始学习制作属于自己的个性化网页，这成为信息时代最重要的宣传方式。

国内外对此课题的研究着重分为两个方面，网页制作以及网页设计，但是两者同时又是密不可分的，因为，设计需要建立在目前的制作技术之上，而制作又需要遵守设计所构建的框架，两者相辅相成，缺一不可，而国内外对此的研究通常都在两方面有兼顾，但是大部分课题都是只对一个小问题或者一个小型框架，或者只是粗略讲一下相关的技术或者技巧，对两者同时进行一个综合性概述的暂时还没有。

意义：在互联网初期，大部分网页设计师都只知道如何去制作网站，知道如何去实现什么样的功能，但是在这个信息化的社会，如何让你的网页变得更好看，更直观明了的表达信息，如何从众多的网页之中脱颖而出，这就需要更强的网页设计技术了，而新的网页制作技术例如HTML5以及CSS3的运用也给设计师们带来了更好的施展空间，该课题会先对网页设计制作技术进行一个概述，让读者了解这些技术尤其是新技术的运用，同时课题还将运用一个知名餐饮行业的企业网站为例，讲述网页设计制作设计方法的实际运用，并指出网站设计中体现出的优缺点，最后课题里还会按照要求设计一个网站，同样也是餐饮行业方面的网站，与知名企业的网站进行对比，加深理解网页中设计与制作的关系。 选题研究的方法与主要内容。

选题研究方法：

文献研究法：通过调查与网页设计制作相关的文献，对其进行一个综合性的了解，同时吸收文献中对网页设计制作的独特见解，加入自身的理解，从而达到一个更高的高度

探索性研究：利用自身已经学习过的网页设计制作方面的知识，以及在网页美学上的经验，综合探索，得出属于自己的独特经验

信息研究方法：通过对网络上各种教程以及著名网站等实例样本进行收集、传递、加工和整理来获得知识，并将其用于实践，在实践中进行检验，从而纠正理论

经验总结法：通过对制作实际网站中的实际情况，进行归纳、分析，并且将这种经验进行系统化整理 描述性研究法：将网上已有的网页制作的经验、理论以及规律甚至是小技巧等等通过自己的理解，并且给予实地验证，最后系统性叙述并解释出来

主要内容：论文主要分为四部分，第一部分是开题报告部分，讲述选题背景以及对国内外相关研究进行一个综述，并指出论文的研究意义；紧接着第二部分对国内外在网页设计制作方面技术进行了一个综合性的分析；第三部分，我将选取国内一个知名餐饮行业的网站，对其进行网页设计制作技术方面进行分析评价，并在其中阐述自己的理论，论证优缺点；最后，我将自己设计一个有关于餐饮行业的网站，并将其与第三部分中选择的知名餐饮行业网站进行对比，取长补短，达到实际验证自身理论的效果。研究条件、拟解决的主要问题和预期结果。

研究条件：网页在21世纪的应用已经十分普遍，但是大部分研究都是只针对某一小部分，并且大部分研究都是对设计和制作没有一个系统的概念，缺乏对这一方面的一个综合性概述，所以这次课题研究具有以下几个条件：

1、具有研究性：该研究区域尚未被大量探索过

2、研究过程中所需的条件均已满足：国内外相关研究已经有很多，大多数知名餐饮网站也开始重视网站进行销售和宣传

3、具备研究该课题的设备、场地或者环境等：网页设计制作所需要的.物质成本只是充足的信息来源，而互联网已经满足

了这个条件

拟解决的主要问题：

1.对网页设计制作技术的收集以及归纳、整理

2.对网页设计制作技术的理解、实际应用及论证

3.自主设计一个网站，避免出现知名餐饮行业中的缺点设计

预期结果：

初期：收集整理网页设计制作方面的资料，包括文献，各种教程，以及国内外知名网站，对各种设计制作方法进行系统性的整理，其中着重介绍新技术的运用，例如HTML5、CSS3以及设备移动互联化带来的新交互方式的运用

中期：选取一个有代表性的知名餐饮网站，对其进行网页设计以及网页制作方面的评价，指出设计中的优点和缺点，并进行详细分析，针对缺点设计提出自己的想法，并做出实际设计，从而验证自己的理论，或者举出实例进行对比论证。

后期：自行设计餐饮网站进行对比分析，建立自己的设计理论，并与中期的评价进行对应验证，在实践得到大量的经验，从而对整篇课题进行一个重新检验，最后反复检查论文，完成论文。

网页设计与制作报告3

这次实习内容包括网站原型设计及Photoshop切片技术在网页整体设计时的应用； “DIV+CSS”页面布局技术;设计电子购物商城主页。我深深体会到，做好主页，并不是一件容易的事，网页的选题、内容采集整理、图片的处理、页面的排版设置、背

景及其整套网页的色调等很多东西。不过能懂得基本的框架和思路，这一点在以后的工作过程中是非常有帮助的。

通过这次实习，我也总结出来一些网站建设的基本流程。

制作网页，首先是确定主题。

网上购物系统发布平台为顾客提供了各种商品、供求信息浏览、查询，购买等功能，全面的为顾客提供服务，帮助顾客更多的了解本网站的动态信息，提供最新动态通知。要求系统具有以下功能：

（1）用户登录注册。

（2）提供类别导航，购物推荐，热销商品，加入购物车等

（3）提供会员注册

（4）提供管理员后台管理入口。管理员通过本页面登录后台管理程序。

（5）通过后台对各类信息进行管理和审核。

（6）对网站会员信息进行管理和审核。审核注册本网站的会员，对其进行管理。

（7）友情链接。设置相关的友情链接页面。

主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一个版块都有其个性，清晰明了，便于阅读浏览，大致分几部分，首页，小店简介，产品展示，售后服务，友情链接这几个板块，再加入个别网站等，每一部分又分为几个小部分，内容比较充分，多样。确定导航栏的各个分了标题之后对于建立

二级子网页尤为重要。

主页的`导航设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。我们再对大量收集的资料进行筛选，得到最合适的导航内容的资料。

网站建设中如果大量运用模板，对于建立网站提供便利同时也减少了大量的工序。主页的设计应以醒目优先，应该令人一目了然，勿堆砌太多不必要的细节，或使画面过于复杂。页面给人的第一观感最为重要。网上商城系统采用了敏捷开发的设计思想，我们对整个系统主要分成了2个大模块，即前台交易模块和后台管理模块。而其中各个模块我们又进行了进一步的细分，如前台交易模块又分为注册会员、商品浏览、查询商品、购买商品等；后台管理模块则包括对用户的管理、商品管理和销售管理。使得整个系统具有易用性、个性化、跨平台等特点，同时又保证交易数据的安全、稳定、快速和完整，使其运行得高速、安全、稳定。

商品管理模块，管理员对商品信息的管理主要包括商品以及对商品类别的查询、添加、删除、修改等操作。

订单管理模块，用户选择满意的商品会进行下订单操作，同时会进行确认订单、付款等操作，但同时也会存在未确定订单、未付款等操作。

网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿着一步一步去实现。

通过这次实习，我学到了很多有价值的东西。虽然我不能完成网站设计的过程，把设计中散乱的网页链接成框架体系，但至少使平时学到的知识点有了提高。我感受最深的是：想要最好一个网站，素材和技能都十分重要。好的素材需要多放面查找资料的，可以从图书、网站和新闻上查找的。好的技能需要不断的实践，经常锻炼。只有拥有好的素材和精湛的技能才可以做出最精湛的网页。

网页设计与制作报告4

一、实习目的

（一）检验自己是不是真的适合这个职业

鉴于自己对未来的职业生涯的规划更倾向于设计，这和自己

所学的专业不是十分有联系，所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作，为以后求职之路少走弯路做一定的尝试。

（二）在实践中查漏补缺

在学校学习的网站建设知识仅仅停留在平时的作业里，并没有得到充分的运用。希望可以藉由这次实习，好好巩固书面知识。在实际运用中通过发现问题，解决问题对知识进行查漏补缺。

（三）在工作中打磨自己

由于学校和社会是截然不同的生活、学习、工作氛围，在工作中我们不可以像在学校一样随心所欲，待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。希望在实习里，和同事上司的相处中获得这方面的成长。

二、实习内容

（一）实习主要内容

广州__有限公司是一个研发和销售智能寄存柜的公司。它的产品在展示和销售这两个环节很需宣传册、企业网站等作为一个推广媒介。我实习的主要内容就是配合网络部去完成网站建设的工作，涉及前台的外观设计和后台的代码编写，以及宣传册的设计。

1、负责设计公司整个企业网站的页面部分，根据网页设计师或客户所提供的主题要求和思路框架来设计出整个网站。

1）使用Photoshop、AI等图片处理软件设计、处理和制作

网站上需要的图片

2）使用DIV+CSS样式及基础的HTML语言做页面布局的排版

3）使用Photoshop对网页进行配色及排版设计

4）编写CSS代码使网站页面无论是在IE浏览器里还是在FF浏览器上正常显示

2、负责网站的几个主体模块的文案撰写和后台编辑

1）在已有的文案上配合网站架构进行提炼和归纳整理

2）使用Photoshop对文案进行概念配图

3）在后台将文案部分合理配色排版

4）按照网站架构在后台录入所有产品资料

（二）工作过程

在公司的2个多月里，我的工作都是由负责整个网站文案架构的曹经理分配监督的。确认实习机会前的面试的时候也是由他负责的。面试的时候他并没有过多的考察我在网站制作上的技术问题。更多的从我对网站设计方面的配色排版的现有审美以及做事的认真细致程度去考察的。从一开始我就以踏实认真的态度对待每一项他交付给我的任务。下面我挑选一些让我收获很多，学习很多，影响我很多，让我回想起来都是历历在目的事情重点说一下。

1、经理让我按照网页设计师提供的jpg稿变成div和css 。

1）这个任务简单来说就是架构网页框架和完善里面的文本

主体。里面涉及很多文本，我觉得既然有具体的设计稿就一定保存有文案，所以咨询了经理是否有必要花这部分时间去打文本。经理的回复是很有必要。他的意见是，让我重新输入文本可以帮助检查错误，同时可以让我更熟悉公司的产品和网站的主要内容，对我后面的工作有帮助。顿时知道，一个实习生想到的东四是多么的肤浅，对经理工作上的态度更是肃然起敬。

2）因为经理没想要让实习生负责过于复杂的事情，在这部分工作中设计的div和css的内容并没有很复杂，需要的就是要注重细节。但实际上自己做事远没有自已一开始想象的那么能够静下心地考虑大局。只要想到一个觉得挺好的排版我就一下子全部套用了，以至于最后通过多次检查，发现这个排版有瑕疵的时候又要重头再来。这些经历都让我体会到比起表面的工作速度，有前面深思熟虑的慢节奏才能造就最终的高效率。所以一开始在用css排版的时候其实应该多做几个版本仔细做对比，看清楚哪个更合适才确定的。

2、经理让我设计几个栏目对应的banner图片

1）由于自己并没有专门学过banner规范和设计方面的专业知识，有的只是审美方面的一些小体会。接手这个工作需要花大量的时间去学习和参考。一开始略略觉得压力大，但是觉得经理让我去做，就是相信我的能力。所以我也没有慌，按照自己的节奏和需要边学边做。

从整体了解主题：自己找了多个类似的企业网站作参考，通

过总结企业网站中，几个主要的栏目在网站上具体意义，体会这对应的几个栏目banner的设计意义。思考配色与构图：对整个内容有了一了解后，便要思考作品的色彩和具体的构图，先用笔画出草图，有时候也会直接在脑海里构思。除了从公司的角度，围绕要传达的东西去设计，我也充分意识到要转换身份从用户的角度出发，怎样才可以更吸引人。总体来说就是除了审美上的设计，也考虑很多目的性。

查找素材：素材这个问题我总结了一种思路，电脑里下载一些专业的“科技信息”图库。另外配合专业在线图库网站（通常是国外站点）+Google，百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材，选择是非常大的。最后就是不断地观察对比最终效果，看哪几张banner图片更适合整体网站。

2）最终banner图片并没有全都采用我设计的，有一些还是因为不够大气被撤下来了。一开始我还挺灰心，觉得自己的付出没有得到认可。但是我知道当初经理就是感觉可以给我试一下，才给我这个机会去让我发挥一下的，所以我好好学习了别人的图片，看自己的和别人的`差别在哪里，不浪费这次尝试性地努力。

3、经理让我参考旧网站单独做一个公司简介的页面

1）我知道经理的意思是重新排版成符合网站的配色。这样对我来说其实很简单。但是我从旧网站了解到公司简介那篇文案比较累赘，如果想要浏览网站的用户肯停留在这个页面多几秒，或者因为这个公司简介的页面而更信任这个公司的产品，更有冲

动订个公司的寄存柜就要在文案的内容上下功夫，就要在表现上更生动，让人看着不会觉得文字流水账，很烦躁。

于是在经理没有给我严格期限的时候，我选择了按照自己的思路去修改文案，把多余的文字删掉，根据公司的优势修改出精简的几点，变得更有条理更有重点。这只是对文案的初步处理，接着根据几个要点用Photoshop处理几张概念配图出来，将公司寄存柜的技术水平之领先，应用领域之众多，销售范围之巨大等等用更生动形象的方式表现。从设想到思考中间的问题到最后的完成，花的时间虽然多，但是最终的效果得到了经理的肯定，对网站的宣传作用起到了很好的帮助，这都是值得的。

三、实习体会

做了2个月的网页设计和编辑的实习生，终于体会到网页设计并非只是图文混排的那点事。当你真正的去努力的创造了之后，经常被别人一眼就否定了。这才真正明白一个好的网页不只是效果华丽还要多从用户的角度去考虑问题。通过实习，我不仅将自己在学校学过的东西通过实践进步一巩固，也通过向公司的人请教学到很多工作上的技巧，更通过实习体会到很多没有人会教授给你的东西。工作是人生活的重要部分，是我们毕业生必须面对的。就算是遇到困难，我也会用平常的心态实际看待问题，不说“不可能”，而是冷静下来思考如何处理并付诸于实践。

在实习的日子，我学习到了很多如果没有这次经历，就不会有的细腻体会。

（一）深刻感受到什么是真正的细心

其实在高中甚至到大学，老师都总是强调“细心”，对于细心什么的我以前自我感觉还挺不错的。但是当老师在斤斤计较一个标点符号或者花时间可以渲染“细心”的重要性的时候我就觉得好小题大做那时的我觉得“细心”是你可以刻意去营造的状态。包括经理对我强调细致的时候我也是这样想的。我觉得只要想到考试的时候或者处理工作的事情的时候去跟自己说细心点就好了。但是在这个实习的过程里，因为无意和粗心犯下的错误，才让我明白老师反复说的话到底意义在哪里。往往一些不好的后果或者没有必要的错误，正正是在你认为不用细心和没有想过要去细心的行为后出现的。这才是我们为什么要养成这个习惯的原因。所以不管是生活中的小事情还是工作中的大事情，我们都要养成习惯，以细心认真的态度对待。

（二）主动思考的重要性

从学校走向社会，首要面临的问题便是角色转换的问题。从一个学生转化为一个单位人，一个单位人工作要考虑的问题就是如何发挥自己最大的价值为单位创造效益。做事要主动一点，这不是指一直主动问上司有什么事做，而是在别人交付你任务的时候自己主动想一下怎么做才更好，而不是把自己当一个机器人一样。就像做公司简介页面的时候，我把自己做得效果给经理看的时候，经理说“你真的很用心，很负责”，“你做的公司简介那个页面，让我感触很深”。

网页设计与制作报告5

在经济迅速发展的今天，Internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足，下面就谈谈我在本次专用周的主要感受。

一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。

1.讨论网站的主题。

网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

2.定位网站的CI形象。“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是YIFINI易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的

生活方式。这也便是我网站的CI形象。

3.确定栏目和板块。

于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

2.网站的整体风格和创意。

整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，YIEINI易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。

1.资料的搜集。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资

料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

2.熟悉制作软件。

做网页主要用的.工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

三、网页制作，这便进入我该次的主题了具体制作流程如下。

1.构建站点框架。

在我打开Dremweaver后第一步便是新建站点，我把我的站点建立在F仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。

2.设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用:这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式

美的要求:布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

交互式强:发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每

一个网页都是为凸显我主题而服务。

3.实现网页间的链接。

我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

4.向静太网页插入动态效果。

在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

四、网页的调试

在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。

这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单

的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。

网页设计与制作报告6

毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。现将我的实习情况汇报如下：

一、实习工作介绍

我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。

我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，（排版主要使用css+div），并进一步的

加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。

二、初来公司的时候

（一）初级考试

初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了__公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一

个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。

（二）三天的培训工作

三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。

(三)最后的考核

三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题,最优秀的人会转正，得到很优厚的待遇。

考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。

三、正式工作

我们每天的上班时间是从早上8:30分到下午的17:00，这是

我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他（她）们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的.很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3__4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。

四、业余的生活

每天的工作都是很快的，有时感觉时间过的很快，想停都停不住，早上出去的时候，见的是太阳，晚上下班后看到的是即将落日的夕阳或者是星星，每天就这么快的过去了，每个工作日结束后，我都会在下班后步行一段时间，去附近的图书城充会电，或者放松一下，找

一些我喜欢的书，看上几个小时。

五、工作心得体会

实习期结束后，我和其它同事得到了正式合同并留在了这家公司，通过这次工作，我得到的最大体会就是，如果一个人在社会上没有一技之长，那他是没有办法很好的活下来的，只有不断的加强自身专业技能学习才行。所以，尊敬的老师，我会在业余时间好好学习，加强自己的专业能力，使自己变得更强，只有这样才能上到为国家、为社会做出贡献，下到为自己、为父母、为学校交出一份满意的答卷。