网页制作实习报告

一 实验过程 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进行处理,起来这样做起来节约了很多路程。。

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

不要过于注重色彩的美丽，只要简单就行。我们最终追求的主要是追求实际意义。

通过这次实习，在制作时极其想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，学长但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页，不仅栏目各具特色，信息量大，

而且页面短文，五彩缤纷，使得网民叹为观止，流连忘返。以我们的经验，当前的插件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中很大应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以做学问及学习，不断开拓视野，增强自己的实践操作技能，为以前能做出出色的网页而努力。

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