网页制作实习报告

网页制作实习报告

在生活中，越来越多的事务都会使用到报告，报告中提到的所有信息应该是准确无误的。在写之前，可以先参考范文，以下是小编为大家收集的网页制作实习报告，欢迎大家分享。

一 实验过程

1.资料的搜集。

2.熟悉制作软件。

3.构建站点框架。

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

4设计主页及二级页面。

5实现网页间的

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

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

具体情况

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

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

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

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

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

再后是建立站点，站点分布

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

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

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

一、[作品主题]

扬州xx教玩具销售

二、[作品简介]

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

三、[素材准备]

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

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

四、[总体规划]

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

五、[设计步骤]

一、创建本地站点

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

二、制作首页

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

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

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

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

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

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

产品分类：这一个模块列出了所有的产品类别，同时这个模块中还包含着各个分组，每一个分组里面包含着一系列的产品，而每一个产品都含有链接，点击进去之后就是这一类产品的各个型号 ……此处隐藏12005个字……束了，觉得脑袋里又注入了新的知识，对网页设计也有了新的了解，在以后的工作中，希望能用自己了解的东西去处理相关问题，在探究新的问题，使自己不断进步。

在实习生涯中影响了我很多，就像我用两天的时间制作出一张首页效果图，他人往往只能看到完成品。而这并不是最重要的，最重要的是别人没有经历的我却在珍惜的创作过程。也许这个过程还远远不能称之为创造，但我会努力的。做了一个月的美工，终于体会到网页设计无非是图文混排的那点事。不过，当你真正的去努力的创造了之后，结果却并不会每次都是好的。太多自己精心设计的东西，被别人一眼就否定了。当时心情真的很糟糕。不过，现在想想，这都些都没

有什么，这也无非是成长中常常要遇到的事罢了。

在实习过程中，我发现社会比校园更残酷，在工作的单位我学会了，凡事第一反应是找方法，而不是找借口；凡事先订立目标，并且尽量制作“梦想板”；凡事预先做计划，尽量前目标视觉化；六点优先工作制，每一分，每一秒做生产力的事情；把重要的观念，方法写下来，并贴起来，以随时提示自己；每天提前30分钟上班，推迟30分钟下班。

工作是人生活的重要部分，不论是消极还是积极，都会给人带来不同感受。而精彩的生活往往有来源于有意义的工作中，所以我不会让自己因工作的烦恼、困难和压力，困扰自己，使自己工作情绪化、生活情绪化。遇到困难我会用平常的心态实际看待问题，告自己凡事要先做人、后做事。

1。材料的搜集。

2。了解制造软件。

3。构建站点结构。

翻开dremweaver后第一步即是新建站点

4规划主页及二级页面。

5完结页面间的连接

连接的进程本来很简略，首要是把要连接的文字挑选在挑选工具栏的连接按钮终究挑选自个要连接的页面单击断定便可以了。

6向静太页面刺进动态效果

具体状况如下：

经过这半年的学习实习中 和教师的指导下以许多清楚的操作步骤和典型的运用实例，教会咱们。使更丰厚全部的软件技术和运用窍门，使咱们真正对所学的软件融会贯通。所以我结合所学专业的内容制造了自个网站，作为实习的效果。其内容是多元化的。制造页面用的软件是dreamweaver ， banner软件。dreamweaver大大加快了网络时代电子买卖运用中的项目交给。它供给了页面和表单的动态生成到公司级的处理方案，如电子商店，库存管理体系和公司内部局域网的数据库运用等功用。例如，页面上很流行的暗影和立体按纽等效果，只需单击一下就可以制造完结。当然，其最便利之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成html代码，或许嵌入到现有的页面中，或许作为单独的页面呈现。主图是一个页面的门面，它能体现出这个页面的全体风格。

制造页面，首先是断定主题，经过一再思考，就做了个关于我国的网站，平常也老是阅读相似的网站，对这些还有些了解，所以断定主题，做一些相似的网站，但思考到，如今网络上许多相似的网站，但有些内容不合适咱们大学生阅读，关于咱们来说有点不实习，依据这种状况，终究决议树立一个简略的我国介绍和有关的业绩网站，专门介绍一些即运用，又廉价的小秘笈。所以网站主题树立。

然后是全体规划，每一版块都有其特性的颜色，清晰明晰，便于阅读阅读，大致分几有些，我国简介，我国前史，用户登录注册页面留言，再加入单个网站等，每一有些又分几小有些，内容比照充沛，多样。

再后是搜集材料与素材，许多阅读有关网站，搜集关于我国的一些业绩前史图画，好的文章和图画等，还有参阅一些好的网站的规划，特征，颜色调配，背景图等。

再后是规划页面图画，用flash制造页面的banner。

再后是树立站点，站点散布如下：

再后是制造页面了，运用dreamweaver制造。

主页内容精彩丰厚，简练明快，言语幽默，浅显易懂。页面心爱清爽。主页首要是导航效果。主页制造时，时刻思考着页面的基本准则：一致，连接，切割，比照及调和的准则，内容一致，都是为了主题效劳，一个网站着重的即是一个全体，只需环绕一个一致的方针所做的规划才是成功的;连接，页面之间联系连接，统成一体;每版内容都自成一体，颜色各异，便于阅读;全部页面有动有静，颜色不相同，构成比照，不呆板，赋有生气;颜色各异，但又不相同傍边又相同，天衣无缝。而且制造进程中，不忘以下准则：

简练实用： 这是非常首要的，网络特殊环境下，尽量以最高功率的办法将用户所要想得到的信息传送给他即是最佳的，所以要去掉全部的冗余的东西。运用便利：同第一个是相一致的，满足运用者的请求，页面做得越合适运用，就越显示出其功用美;页面用色和谐，规划符合办法美的请求： 规划有条理，充沛使用美的办法，是页面赋有可赏识性，进步层次。当然老少皆宜是人人都寻求的。

使用咱们所学的结构集，制造更完美的页面。将动态页面与静态页面结合起来

再后，调试进程，很屡次本来在dream里好好的，把字调的好好的，方位很对，可在阅读器里御览就出毛病了，不是靠上了，即是靠下了，很不厚道，经过一再调试，收拾，加了许多表格，总算满足了，很是费事，想请问教师，为何会呈现这种状况啊，还有怎样处理啊，不必这么重复调整的办法，还有啥好办法啊？

还有，在最超连接进程中，分明在页面特色里设置的是超连接的文字是原色，点击连接后也是原色，可一连接上就变色了，想了老半天，也做了许多研讨，试验，总算知道怎样回事了，本来应当对文字地点的单元格全体做连接，而不是只选中文字做连接。

还有，这次的网站大有些用的是表格，层用的很少，由于它太灵活了，欠好操控，用的很少。

再后，是页面的上载与发布，用ftp将制造好的网站上载

制造进程中，才发现，本来自个懂的太少了，许多不知道的当地，才赶忙查书，开端的时分仅仅会树立模版，可不会运用，操作，可这么要修正模版可就费事了，要一个页面一个的修正，所以赶忙上彀学习有关内容，阅读书籍，终究才知道文件这有个资本，点击

进入资本面板，点击到数第二个的模版，选项，全部模版就都显示了，点击资本面板左下角的运用指令，好了，这个模版就运用到你树树立的页面中去了。

这仅仅在制造进程中呈现的疑问之一，其它疑问也是相似相同。如今想想，自个所会的东西太少了，如今做的网站仅仅一些简略的网站，看到了一些闻名的网站开宣布的页面，不只栏目内容丰厚，信息量大，而且页面图文并茂，五光十色，使得网民赞叹不已，恋恋不舍。以咱们的阅历，当时的软件的功用日趋杂乱，不学到必定的深度和广度是难以在实习工作中应付自如的。因而反映出学习的还不行，缺陷遗漏。需在加以刻苦钻研及学习，不断开辟视界，增强自个的实习操作技术，为往后能做出超卓的页面而尽力。

同学告诉我，要做好页面，必定要学从c++，java，php，asp，数据库。往后要学的实在是太多了，而且我也很喜欢这方面，在往后的日子里，会尽力填充自个，丰厚自个的。期望往后有不明白的当地，教师能多多指点。