网页制作实习大纲[样例5]

第一篇：网页制作实习大纲

5611、6609、6610班 《网页制作》实习大纲

一、实习目的1、培养和训练学生掌握Dreamweaver、Flash、Firework等软件的使用；掌握网站的建设、发布、管理、维护等工作。

2、训练学生综合运用所学知识和技能开发具有一定页面特技的网站。

二、实习内容

1、网站规划、布局、设计训练。

2、熟练掌握FlashMX软件应用，并进行一定训练。

3、用客户端脚本语言VBscript实现常见的页面特技训练。

4、开发具有一定实用价值的网站并熟练使用DreamweaverMX训练。可选题目如下：

1． 网上数码城

以文字和图片的方式详细向客户各种数码产品的特点、外观形式、功能、优缺点等内容。本网站要求能够为客户提供方便的查询功能，图片、文字布局合理，用户能够方便地查看自己感兴趣的产品详细资料。

2． 旅游知识网

通过文字和图片向客户详细地介绍国内外各风景名胜和景观。客户能够在网站上方便地查找到各类关于景点的天气、人文环境、风俗习惯等等旅游资料。同时网站还能向客户提供交通信息、宾馆等辅助信息资料。

3． CAI教学网站

使用高速网络，向客户提供一个网上学习的平台，任何人均可以在自己方便的时候使用网站学习自己感兴趣的知识。同时，网站也可以提供一些课程资料下载。

4． 流行服饰网

提供流行服饰网上展示、导购平台，使用户能足不出户进行服饰的选取、查看，了解最新流行趋势等信息。

5． 手机信息网

提供各种手机短信业务的使用帮助，用户只需要点击感兴趣的手机短信业务就可以了解到如何使用该短信业务以及收费标准、开通方式等信息。

6． 文物收藏网

借助图片和文字等媒体形式向用户介绍世界各国的文物、相关资料，文物的价值等信息。

四、实习要求

1、素质要求

1．以积极认真的态度对待本次实习，按规定参加培训、查阅资料、上机练习，并做好实习记录。

2．培养自己分析问题、解决问题的能力。

2、知识要求







 掌握网站的环境知识及网页设计的不同方法； 熟练掌握Dreamweaver的基本知识及其操作方法； 熟练掌握CSS样式表、层、表格、表单等网页元素的功能特点与使用方法； 掌握Flash和Fireworks基本操作方法。

3、能力要求

 能够独立地使用Dreamweaver、Flash和Fireworks等软件熟练地设计、制作静态、

 美观的网页。有网页整体布局概念，能够通过各种工具规划网页整体结构，能够熟练地使用表格、层实现所规划的布局。能够独立地熟练调试包含有层、CSS样式表、表格、表单等内容的复杂静态网页

页面。

五、网页制作页面要求

1、一个主页，五个二级页面，五到十个三级页面

2、主页：用Fireworks制作一个网站LOGO，用Flash制作网站动态宣传，主页中用表格来进行排版；

3、二级页面要求使用框架结构，并套用CSS样式；

4、三级页面中至少有一个页面用Fireworks制作五个以上LOGO展示，一个页面展示五种以上Flash动画。

第二篇：网页制作基本技术实习大纲

Dreamweaver基本操作

具体要求：

（1）网上搜索Dreamweaver软件，下载并安装。

（2）http://www.xiexiebang.com/fy/ec/new/“软件下载”中的“Dreamweaver教程”，下载至本地硬盘并学习。

（3）http://www.xiexiebang.com/fy/ec/new/“上机实验”中的“上机四”和“上机五”。下载实验报告至本地硬盘，按报告内容逐项完成。

PHOTOSHOP基本操作

具体要求：

（1）http://www.xiexiebang.com/fy/ec/new/“软件下载”中的“photoshop教程”，下载至本地硬盘并学习。

（2）打开一幅图片，调整大小、亮度、色彩、饱和度等，并进行图片裁剪。

（3）尝试基本抠图方法，制作一张图片，将自己的照片抠下来复制到另一张图片中，并加图框。

（4）制作网站LOGO（即文字水印）。

网页动态效果的实现

使用Flah或JavaScript或其他方法为网页添加特效的基本技巧：

1、首页弹出页面，显示重要通知。

2、首页内显示时钟、日历和计数器

3、状态栏显示跑马灯

4、图片跟着鼠标移动

5、制作两种Banner：一种是若干张图片循环播放，另一种是图片背景下文字的淡入淡出。建议以此掌握Flash的基本操作，先网上搜索Flash软件，下载并安装。http://www.xiexiebang.com/fy/ec/new/“软件下载”中的“Falsh教程”，下载至本地硬盘并学习。

第三篇：网页制作实习报告

一 实验过程

1.资料的搜集。

2.熟悉制作软件。

3.构建站点框架。

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

4设计主页及二级页面。

5实现网页间的链接

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

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

具体情况如下：

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

制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。于是网站主题确立。

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

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

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

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

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

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

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

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

再后，调试过程，好多次本来在dream里好好的，把字调的好好的，位置很对，可在浏览器里御览就出毛病了，不是靠上了，就是靠下了，很不老实，经过再三调试，整理，加了好多表格，终于满意了，很是麻烦，想请问老师，为什么会出现这种情况啊，还有怎么解决啊，不用这么反复调整的办法，还有什么好办法啊？

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

还有，这次的网站大部分用的是表格，层用的很少，因为它太灵活了，不好控制，用的很少。

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

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

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

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

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

二 实验心得

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

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

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

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

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

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

（四）网页中文字、图像

图象我利用网上搜索和自己所学过的banner进行处理,这样做起来节约了很多时间。

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

不要过于注重色彩的灿烂，只要简单就行。我们最终追求的主要是实用价值。

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

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

第四篇：网页制作实习报告

一

实验过程

1.资料的搜集。

2.熟悉制作软件。

3.构建站点框架。

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

4设计主页及二级页面。

5实现网页间的链接

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

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

具体情况如下：

通过这半年的学习实践中

和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是Ｄreamweaver,banner软件。Dreamwww.xiexiebang.comweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成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进行处理,这样做起来节约了很多时间。

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

不要过于注重色彩的灿烂，只要简单就行。我们最终追求的主要是实用价值。

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

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

第五篇：网页制作实习报告

网页制作实习报告

一、[作品主题]

扬州**教玩具销售

二、[作品简介]

这是一个教玩具销售的网站,仿照一般的商品销售网站，但在其中又添加了一些自主性元素。

三、[素材准备]

明确了网站的主题以后，就要围绕主题开始搜集材料了。要想让自己的网站有血有肉，能够吸引住用户，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。另外，还要使用PhotoShop、Flash等工具，进行图像的处理、美化。

网站中大多数的图片都来自于互联网，我将它们截取下来之后，对照父亲所给的书，逐一标注了编号、价格、类型、材质、适用年龄、产地、规格。其中编号的标注是最为重要的，只有标上了正确的编号，在顾客与我们联系的时候，我们才能及时有效地为他们提供产品详细的信息以及相关注意事项。

四、[总体规划]

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

五、[设计步骤]

一、创建本地站点

首先在本地机上建立一个文件夹，命名为“***教玩具”，并且将素材文件放在站点中。单击菜单栏中的【站点】-【新建站点】-【站点名称】为“****玩具教具销售”，本地文件夹为“***教玩具”。

二、制作首页

1.新建HTML文档，并将文件保存在本地站点根文件下，命名为“index.html”。

2.点击“页面属性”，选择适合的背景图像，因为是负责教玩具的销售，所以我选择的背景是生意盎然的绿色。

3.插入导航条：各模块是——首页，新闻动态，产品展示，关于我们，联系我们，留言板，公司荣誉。导航条设置在主题框内，而在主题框内，我放置了四幅图片，选择了顺序放映的模式。图片逐一显示，使整个首页都生动了起来。

4.在主题的下面，我总共插入了八个模块——全站搜索，产品搜索，新闻动态，会员登录，产品分类，推荐产品，在线客服，友情链接。

全站搜索：顾客可以根据自己的需求输入关键词，搜索的结果可以在旁边的方框中逐条显示出来，显示的是产品的名称，再点击进去就是产品的详细参数。这个适用于模糊搜索，只是一个字就可以出现所有的名称中包含这个字的商品。

产品搜索：这一个搜索后出来的产品是以相册的形式展现出来的。产品名称中包含搜索的关键词，点击图片或名称就可以进入这个产品的页面，各个参数也显示在其中。

产品分类：这一个模块列出了所有的产品类别，同时这个模块中还包含着各个分组，每一个分组里面包含着一系列的产品，而每一个产品都含有链接，点击进去之后就是这一类产品的各个型号。各个产品的展现方式也是按照相片模式展示出来的，图片在上，名称在下，无论是点击图片还是名称，都会进入这个产品的详细参数页面。

新闻动态：这个模块是滚动的条目形式，每一个条目点击进去之后就是详细的新闻信息，包括产品推荐，优惠信息，厂家的详细介绍等等。所有的文章都是根据事实编纂，是真实可信的。

产品推荐：根据厂家的活动编纂，所列的都是最新的产品，并且也充分照顾了顾客们的心思，在满足教学需求的同时也给予了优惠价格。

会员登录：这个模块是出于发展长久顾客的考虑。每年幼儿园的各类设施都会有折旧，而且随着教学质量的提高教学设施每年也需要补充，我们旨在用实惠的价格和良好的服务态度留住我们的顾客，让他以后在补充商品的时候都优先考虑我们，并且我们也为会员设置了优惠，会员的等级越高，我们所提供的优惠也就越大。

在线客服：这个模块是为了及时为顾客们提供最新的最详细的要求所设置，设置的也是最为普通民众们所接纳的QQ客服。

友情链接：放置的是人们最常用的网页，以为顾客提供方便。

7.制作链接

因为需要制作链接的图片很多，所以我将各类产品的图片都分门别类地放好，标注好相关的参数，再一一上传到网站上去，这个工作是最为繁琐的，好在有父亲在一旁指点，也让我耐下心来完成了这个任务。

8.其他页面的设置

因为前期准备的材料很充分，所以其他的页面设计起来也很顺利，而且除了首页之外，其他的页面都是单个页面的，只需要将准备的材料上传上去，就算是完美完成任务了。

三、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

四、推广宣传

很多人以为做了网站就会有人自动上门，这种理解是错误的！

其实这很好理解，就比如您的公司印了很多宣传资料，但是您要去派发宣传资料，才能拉到客户，把资料放在公司是没有用的。

同样一个道理，网站就是您企业在网上的宣传资料，需要您去派发、宣传和推广，才会有人去访问，才能够给公司带来效益。

在网站设计完成之后，我迅速把网站提交给了百度、谷歌、有道、搜狗、搜搜等各大主流搜索引擎，保证别人在这些网站输入网站的名字的时候能够进入我的网站。这里要强调的是，提交了收录并不代表立即能够从搜索引擎搜到，因为是否能搜到是根据各大搜索引擎的具体操作策略，收录时间无法控制，一般来说时间是从几天到一个月不等，有许多因素都会影响这一时间，这个时候就需要对网站进行优化，具体操作有两个，一个是提高网站的更新频率，还有一个就是对页面关键字进行优化，搜索引擎爬虫是靠读取网页内容才知道这个网站或者这个网页是做什么的，因此设置网页的关键字、描述非常有必要，设置方法是打开“网站设计”，点击“网站设置”标签，因为我制作的是教玩具销售网站，所以我就设置了几个与之相关的关键字。

还有一个比较重要的方面就是网站的域名问题。一般个人制作的网站分配的都是二级域名，如 test.icoc.cn，而像，算是顶级域名，不同等级的域名在搜索引擎中所占的比重是不一样的，为了让更多的人看到我的这个网站，我就为网站申请了顶级域名。

另外一件事情就是我长期要做的，就是去各大论坛千方百计地推广我的网站，包括天涯、豆瓣、百度贴吧、新浪微博等等。说实话，这真是个需要十分厚的脸皮的工作，得不怕被踢，不怕被骂，我一直在努力做到这一点，虽然并没有人硬性规定我一定要做，但是一个小网站，需要游客量，就只能走这么一条道路。

还有其他的一些诸如交换友情链接推广法、无偿单向网站链接推广法、发布任务、发布兼职等等，都能够提高我的网站被搜索到的概率。

六、[后期完善]

在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。

在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。

图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。

表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按“停止”按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。

网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果

也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。

七、[实习心得]

（一）页面的设计方面

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

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

其次还要选择合适的制作工具。尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，我是一名初学者，就选择了比较容易上手的Frontpage2000。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，只要熟练运用，就能够制作出让人满意的网页。

学习网页设计还需要耐心，如果没有耐心，就学不好网页设计。因为在网页制作的时候随时会碰到各式各样的问题，当碰到一个问题时，如果不能立刻得到问题的答案，可能需要很长时间去解决，就容易烦躁，进而失去动力，放弃整个网页制作。

比如说我在制作网页的时候，就碰到过一个问题，我不知道怎样将自己的QQ号设置为网页的在线客服。我原先以为是没有先登录QQ，再将它设为在线客服的原因，所以就将原先的设置全部推翻从头来过，但是就算是从头来过依然没有解决这个问题。然后我又去各大论坛求助，但是别人给的建议依然没有用。这个时候我真的很沮丧，想着自己是不是太自不量力了，从来都没有干过的事情我竟然就那么在父母面前夸下海口。就在我打算放弃的时候，我一个网友发来信息，问是不是没有在设置QQ号的时候开通在线客服，我点开设置的页面，果然在最底下有一行小字，“开通QQ在线客服”，这件事情才算是圆满解决了。从这件小事，我知道了，学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习。并且我认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以看到，可以评论，可以交互的。

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

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

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

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

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

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

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

我在制作这个网站的时候，最先参考的是淘宝上一般的店面，但是随后，我发现这不是

一个太实际的主意。淘宝上大多数的店面卖的东西都是小件的，而且是实在的商品，价格也是固定的，而我所设计的网页主旨是推销大型的户外游乐设施，而这些东西因为动辄几十万，占地几十平，厂家是不可能在仓库里摆放打量的现货的，多数是拆分下来的分类放好的零件。而我父亲提供给我的只是它的设计图稿，而且价格也不好定，所以，我就仿造一般的产品展销网站来设计，小件的东西，就摆上详细的参数，而大件的，则是摆上了联系方式，由顾客直接与厂家联系，商谈所有的细节。

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

不要过于注重色彩的灿烂，只要简单就行。我们最终追求的主要是实用价值。

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

设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。

统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。

分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。

对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。

和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。

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