网页设计实习报告

网页设计实习报告随着个人素养的提升，报告不再是罕见的东西，多数报告都是在事情做完或发生后撰写的。信任很多人会觉得报告很难写吧，作者为伴侣们细心整理了7篇《网页设计实习报告》。

网页设计报告篇一

一试验过程

1、资料的搜集。

2、熟识制作软件。

3、构建站点框架。

打开dremweaver后第一步便是新建站点

4设计主页及二级页面。

5实现网页间的链接

链接的过程其实很简洁，主要是把要链接的文字选择在选择工具栏的链接按钮最终选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果

详细状况如下：

通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯穿。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是ｄreamweaver，banner软件。dreamweaver大大加速了网络时代电子交易应用中的项目交付。它供应了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最便利之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成html代码，或者嵌入到现有的网页中，或者作为单独的网页消失。主图是一个网页的门面，它能体现出这个网页的整体风格。

制作网页，首先是确定主题，经过一再考虑，就做了个关于中国的网站，平常也总是扫瞄类似的网站，对这些还有些了解，于是确定主题，做一些类似的网站，但考虑到，现在网络上好多类似的网站，但有些内容不适合我们高校生阅读，对于我们来说有点不实际，依据这种状况，最终打算建立一个简洁的中国介绍和相关的事迹网站，特地介绍一些即使用，又廉价的小秘笈。于是网站主题确立。

然后是整体规划，每一版块都有其共性的颜色，清楚明白，便于阅读扫瞄，大致分几部分，中国简介，中国历史，用户登录注册页面留言，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。

再后是收集资料与素材，大量扫瞄相关网站，收集关于中国的一些事迹历史图片，好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。

再后是设计网页图片，用flash制作网页的banner。

再后是建立站点，站点分布如下：

再后是制作网页了，使用dreamweaver制作。

首页内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是胜利的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于扫瞄；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁有用:这是特别重要的，网络特别环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉全部的冗余的东西。使用便利:同第一个是相全都的，满意使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求:布局有条理，充分利用美的形式，是网页富有可观赏性，提高档次。当然雅俗共赏是人人都追求的。

利用我们所学的框架集，制作更完善的页面。将动态网页与静态网页结合起来

再后，调试过程，好多次原来在dream里好好的，把字调的好好的，位置很对，可在扫瞄器里御览就出毛病了，不是靠上了，就是靠下了，很不狡猾，经过一再调试，整理，加了好多表格，最终满足了，很是麻烦，想请问老师，为什么会消失这种状况啊，还有怎么解决啊，不用这么反复调整的方法，还有什么好方法啊？

还有，在最超链接过程中，明明在页面属性里设置的是超链接的文字是原色，点击链接后也是原色，可一链接上就变色了，想了老半天，也做了许多讨论，试验，最终知道怎么回事了，原来应当对文字所在的单元格整体做链接，而不是只选中文字做链接。

还有，这次的网站大部分用的是表格，层用的很少，由于它太敏捷了，不好掌握，用的很少。

再后，是网页的上传与发布，用ftp将制作好的网站上传

制作过程中，才发觉，原来自己懂的太少了，好多不知道的地方，才抓紧查书，开头的时候只是会建立模版，可不会应用，操作，可这样要修改模版可就麻烦了，要一个网页一个的修改，于是抓紧上网学习相关内容，阅览书籍，最终才知道文件这有个资源，点击

进入资源面板，点击到数其次个的模版，选项，全部模版就都显示了，点击资源面板左下角的应用命令，好了，这个模版就应用到你建立的网页中去了。

这只是在制作过程中消失的问题之一，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简洁的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞美不已，流连忘返。以我们的阅历，当前的软件的功能日趋简单，不学到肯定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增加自己的实践操作技能，为以后能做出精彩的网页而努力。

同学告知我，要做好网页，肯定要学从c++，java,php，asp，数据库。以后要学的实在是太多了，而且我也很喜爱这方面，在以后的日子里，会努力填充自己，丰富自己的。盼望以后有不懂的地方，老师能多多教导。

二试验心得

在internet飞速进展的今日，互联网成为人们快速猎取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

对于现在的社会，科技的飞速进展已经成为社会进展的标志。其中计算机的进展可谓快中之快，而在计算机的进展中计算机网络的。进展又是首当其冲的。计算机网络从为我们所知，到现在才经受的短短的几年时间，在这几年中随着计算机网络的广泛应用，特殊是internet的普及和进展，网络已经成为了不行或缺的通信手段。不论是最新的新闻信息、新产品的出台、新嬉戏的发布、最新的各种it动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这全部的一切供应平台的呢。我们又是通过什么来猎取这些消息的呢对就是网页。现如今，数以万计的网站以网页的方式供应了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今日，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的代言人。我们将什么样的信息传达给扫瞄者，要叙述什么样的事情，网页在这里起着重要的作用。

企业网站在企业的网络营销当中占有及其重要的地位，只要是涉及网络宣扬的企业，都应当建立属于自己的共性企业网站。他不仅能够让企业在网络上展现自己的产品，促进实际销售的增长，更能够通过一根网线，向目标客户展现企业自身的形象。

对于企业网站设计的观点，偏重网站的形象设计，即在功能务实、体系完善的状况下，重点结合企业理念打造网站的形象。logo就能很好的表现企业的形象。企业标志(logo)是指用于代表企业形象的独特的、有意义的图案，是企业形象识别当中最核心的环节，可用于与企业形象相关的全部环节。由于企业标志所处的特别地位，打算了其不能够随便更换，因此能否设计一个有内涵、有文化、便于识别的标志，并建立相关的应用系统，关乎到企业长远的进展，不容小视。

建设网站的一般过程包括：前期内容确立、网站架构搭建、创意策划、设计、网站建设。网站的功能版块一般分为首页（含引导页）、新闻部分、产品部分、信息沟通部分、定制系统、零散页面等。依据不同的企业需求，各网站的功能版块数量、布局、结构各异。

（一）页面的设计方面

网页设计跟学习别的东西一样，也需要爱好，所谓的爱好也不是三分钟热度，是一种执著。

页设计需要急躁，假如没有急躁，就学不好网页设计，应为当你遇到一个问题时，假如不能立即得到问题的答案，你可能需要很长时间去解决，我就遇到过一个问题，用了很长时间才解决。

页设计需要坚持，坚持不断的学习，由于设计网页的软件在不断的更新，因此我们要不断的学习

并且页设计不要掉入技术的陷阱，假如你的网页设计技术一流，并且对软件的把握程度已经达到肯定水平，但是你设计的网页确不堪目睹，这是由于网页设计是介于平面设计和编程技术两者之间的边缘科学。不仅涉及到美学，心理学，平面构成，颜色搭配等平面设计的方面的学问，还涉及到html,javascript,css,asp,php等编程语言技术方面的学问。只有综合运用多种学问，才能设计出视听特效，动感十足，富于共性的web页面，才能全面呈现互联网这一新型媒体的独特魅力和多维空间的超强功能。

并且我认为网页设计应当注意有用性，由于它是让人扫瞄的，是用户可以摩挲，可以评论，可以交互的。因此我提倡简洁的美。

（二）网页视觉效果

视觉形象识别即我们通常所说的vi（visualidentity），与bi一起用于深化表现企业理念，同时也受到bi的影响。所谓视觉形象识别，就是指能够被目标客户通过视觉来认知与企业相关的一切事物，从最基础的企业标志、吉利物、标准色到企业日常业务中的信纸、服装、名片等等，在将其系统化以后就形成了企业的视觉形象识别系统。

视觉形象识别系统在整套cis中处于最表层的位置，其中全部的设计都将与目标客户发生直接的接触。

（三）网页的整体布局和导航

网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。如何突出最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较胜利的网页中，一个共同的特点就是网页的整体架构非常的清楚明白，便于用户扫瞄

网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、flash型、变化型

网页布局是主要考虑以下几点：

1、首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

2、其次就应当考虑导航条的设置了。

3、正文的框架设置（横向因素和纵向因素交叉）

（四）网页中文字、图像

图象我利用网上搜寻和自己所学过的banner进行处理，这样做起来节省了许多时间。。

（五）网页制作过程中的其他留意事项

不要过于注意颜色的绚烂，只要简洁就行。我们最终追求的主要是有用价值。

通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，但在同学的关心和自己摸索的状况下完成了这个实习的成果。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞美不已，流连忘返。以我们的阅历，当前的软件的功能日趋简单，不学到肯定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增加自己的实践操作技能，为以后能做出精彩的网页而努力。

近一个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探究。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的学问，并且为我自己在制作网页这方面积累了一些阅历。这些将是我人生中的一次重要的经受，将是我今后走上社会后的一笔巨大的财宝。这次实习的收获对我来说有不少，我自己感觉在学问、技能等方面都有了不少的收获。总体来说这次是对我的综合素养的培育，熬炼和提高。

网页设计报告篇二

一试验目的

1．学习html语言和dreamweaver，frontpage等工具

2．把握在本地环境下运用asp技术实现一个简洁的电子商务网站

二试验的方法和原理

三试验过程

1、资料的搜集。

组长安排任务，大家从网站上搜集各种关于手机的资料。

2、熟识制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟识，由于在平常上课是老师带领我们运用过。所以我还可以正常的运用，但是消失的问题还是有许多。有许多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平常不够仔细的详细表现。

3、构建站点框架。

打开dremweaver后第一步便是新建站点

4设计主页及二级页面。

5实现网页间的链接

链接的过程其实很简洁，主要是把要链接的文字选择在选择工具栏的链接按钮最终选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果

四试验心得

在经济快速进展的今日，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会进展同步，为了让我们成为真正的技术性人才。学校在本周为我们支配了维持三周的网页制作专用周是实习，让我们把平常所学学问运用到实践中做到真正的学以致用而不只是纸上谈兵。20xx网页设计实践报告20xx网页设计实践报告。通过本周的实习使我获得了更多的新学问同时也使我使我熟悉到了自己在学习上的很多不足。

近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探究。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的学问，并且为我自己在制作网页这方面积累了一些阅历。这些将是我人生中的一次重要的经受，将是我今后走上社会后的一笔巨大的财宝。这次实习的收获对我来说有不少，我自己感觉在学问、技能等方面都有了不少的收获。总体来说这次是对我的综合素养的培育，熬炼和提高。

网页设计实践报告

今年暑假我留在学校，与学校冰点工作室的几位成员一起为外面一家小公司做一个关于武汉询问方面的网站。我贯穿在整个过程，从客户前期的接洽，到网站后期的维护，在这个过程中我学到了许多在学校很难学到东西。对于网站的制作流程也有了整体的把握

筹划期：

一个胜利的个人网站，先期的预备工作是很重要的，好的开头等于胜利的一半。在这一阶段有两个主要的问题需要考虑站点的定位：主题的选择对今后的进展方向有打算性的影响，考虑好做什么内容就要努力做出特色。20xx网页设计实践报告

第四、界面清爽：要吸引访问者长时间的停留在你的网站，千万不能让用户第一眼就感觉压抑。大量的文字内容要使用舒适的背景色，前景文字和背景之间要对比鲜亮，这样访问者扫瞄时眼睛才不致疲惫。适当的留白可以让界面更清爽；

第五、坚持原创：刚开头学做主页时，适当仿照别人的优秀设计是可取的，但（建筑社会实践报告20xx）仿照绝不等同于抄袭，肯定要把握好其中的尺度。设计是这样，内容的选取也是如此，多一些原创的内容，你的主页才会带有更多的共性颜色；

2、技术运用中要留意的一些事项：

第一、明确技术是为设计服务的，不要沉迷于技术的运用，坚决摒弃那些华而不实的特效；

其次、先为站点定义好统一的外部css，内部页面都调用这个css，这样不但可以让你的网页在扫瞄器转变设置时不变形，还有助于保持整个站点的风格统一，并且便利修改；

第三、不要打开过多的新窗口，每个链接都会打开不同的新窗口尤其让人反感；

第四、图象的制作要兼顾大小和美观，图片和文字的混排、图片的合理压缩可以让页面美观而且文件小巧。即使是共性十足的设计站点，铺张太多的时间在页面下载上也会令人生厌；

至于后期的维护和网站的宣扬，那就要考虑到网站投入的费用了！

网页设计报告篇三

一、毕业设计的内容和意义：

学校网站是实现训练资源安排的桥梁网络有巨大的训练资源库，它聚集社会的力气，使训练资源无限增长。学校网站是最佳的教学讨论室，学校网站与训练类特地网站的有效链接，给学校教学讨论带来了一片新天地，各种优秀文章、各科素材、优秀软件下载等内容为同学供应了极佳的平台。有效地降低教研成本、提高效率。

我国的高校训练已经普及，高校生的队伍也正在不断壮大，为了便利高校生对本校各项工作的了解以及加深同学、老师与学校之间相互的沟通，建设一个规模化的校内网站成为了当务之急。网络化将给我们的工作和学习带来了极大的便利。

以Internet/Intranet为网络平台实现校内网络各项信息发布、管理、设置等功能。本题目要开发一个校内网门户网站。包括BBS系统平台、院校新闻发布平台，在限选课平台。后台：包括平台管理、统一认证、资源管理、用户权限管理等。

二、文献综述：