网页制作实训报告

在现实生活中，报告的使用频率呈上升趋势，其在写作上具有一定的窍门。为了让您不再为写报告头疼，下面是小编为大家整理的网页制作实训报告，希望能够帮助到大家。

网页制作实训报告1

通过这次实训对这门课程的学习，做好网页，并不是一件容易的事，它包括网页的选题、 内容采集整理、 图片的处理、 页面的排版设置、 背景及其整套网页的色调等很多东西。

所以我得出一下总结：

一、 准备资料和挑选符合目的主题的合适素材

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

二、 规划好整个网站

主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面 过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力， 很难令他们深入观赏， 而且他们恐怕再也不会访问你的网站了。

三、 善用图片，增强艺术效果

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

四、善于借鉴他人主页制作中的设计技巧

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

篇二：

（一）、主题介绍

大家都知道圣诞节是西方的节日，也是基督教世界最大的节日，这一天，世界所有的基督教会都举行特別的礼拜仪式。但是有很多圣诞节的欢庆活动和宗教并无半点关联。交换礼物，寄圣诞卡，这都使圣诞节成为一个普天同庆的日子。由于是圣诞节的临近，我们想抓住这个主题给大家展示一个不一样的圣诞节，也希望所有的人都能过的开心，圣诞节的来临，也意味着新年即将到来，我想以这个为主题，预祝大家在20xx年里有好运气、学习成绩更优，每个人的生活都很精彩。

（二）、制作目的及其方法

主要目的是掌握网页设计与制作流程并熟练运用Dreamweaver、Firework、Flash、Photoshop等相关辅助软件。

1、应用远程站点管理的知识和技能；

2. 应用本地站点管理的知识和技能；

3. 应用网页页面设计的知识和技能；

4. 应用网页制作的知识和技能；

5. 培养以上知识和技能的综合应用能力。

主要方法是通过使用Dreamweaver8中文版软件规划站点、布局表格、插入图像、链接、建立框架制作、创建分层、运用时间轴等相关素材进行操作。

（三）、网站规划及其实现过程

我们通过前期的网站策划首先搜集相关资料并最终确定了制作一个以圣诞节为主题网站，网站页面我们选择以灰色为背景色辅以鲜色点吸引访问者的视觉，网站栏目主要有：首页，圣诞起源，圣诞雪景，圣诞老人，圣诞大餐，圣诞前夕，圣诞活动，圣诞祝福语，内容不多，我们选择页面设计宽950像素，能够在各类型显示器下很好的呈现。前期的策划完毕，现在我们开始勾画出了网站设计草图，最后开始实施网站页面设计工工作，页面设计主要运用Dreamwever制作，图片设计选择Fireworeks和photoshop制作。

1、通过综合实训进一步巩固、深化和加强我们的理论知识与专业技能。掌握规划动态网站的内容结构、目录结构、连接结构的方法，让我们熟练掌握动态网页制作软件和基本操作和使用技能，页面的整体控制和头部设置的方法。

2、运用Dreamweaver完成网站建设任务的方法，能独立设计一个内容完整、技术运用得当的网站；

3、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

4、作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练我们的基本技能。

网页制作实训报告2

实验过程

1.资料的搜集，网页制作实习报告。

2.熟悉制作软件。

3.构建站点框架。

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

4设计主页及二级页面。

5实现网页间的链接

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

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

具体情况如下：

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

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

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

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

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

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

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

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

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

网页制作实训报告3

在这两周的网站建设实训过程中，我练习掌握了很多关于网站建设的知识和技巧。因为这是我比较感兴趣的课程，所以对于所学的知识非常珍惜，也很欣慰，因为学到了很多对以后工作和生活很有帮助的知识。

我们这一小组做的主要内容为建设一个网上商店的网站，网上商店的名称是“衣之谷”。主要内容包括网站主页、商品分类、新品推荐、购物帮助和客户服务。而我负责客户服务的网页制作。在整个实训过程中，难免会遇到一些比较困难的问题。每当这时，我们先是通过组内成员间共同讨论商量解决的办法。若没有讨论出结果，我们会向其他同学询问意见，综合分析后会找指导老师帮忙解决问题，找出问题所在，改正错误。最后我们的网站终于圆满完成了，这是值得庆幸也令我们比较有成就感的一件事情。最后我们的一番努力终于取得了成果，心里挺开心的。我们的努力是值得的。

这两周里，我学到了很多关于网页制作方面的`知识，也学会了怎样与人团队合作，这些都将会对我的成长有很大的帮助，将会在以后的学习、工作和生活中起到很大作用。这次实训是我们从学校到以后找工作的一个过渡。有了这次学习的机会，自己成长了不少，也学到了很多。对于书本上的理论知识更加的巩固了，更重要的是自己得到了这个宝贵的学习机会。这样的学习方法对于我们以后不管是学习工作还是生活都是受用的。

经过这次网站建设课的实训，让我对自己有了新的认识，也学到了网页设计的知识。在实训中，我们将在书本上学习过的很多理论知识付诸实践，实际运用，我体会到了其中的难度。在今后的工作和生活中，自己需要更加努力的奋斗下去。实习的同时也让我了解到了自己的不足，我会继续努力，完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。

转眼间，两周愉快而又充实的网站建设实训课程结束了，在这不长的时间里，在实训的过程中，让我尝试了理论与实践的结合。网页设计理论一点点转化为实践经验，丰富的实训知识，让我充满惊喜、快乐和充实，当然也少不了网页设计处理过程中的困难。实训结束了，感觉脑袋里又注入了新的知识，对网站建设和网页设计也有了更深的了解，在以后的工作中，希望能用自己了解的东西去处理相关的问题，再探究新的问题，使自己不断进步。

总体来说，这次网站建设实训，让我受益匪浅，以上是我的实习心得与体会，不足之处望得到指正。

网页制作实训报告4

一、实训目的

1．进一步熟悉和掌握网站建设的基本流程和技术规范；

2．巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的知识；

3．巩固运用Fireworks图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；

4．巩固综合运用Dreamweaver、Fireworks、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；

5．具备独立撰写实训报告等科技文件的基本能力；

6．在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识。

二、实训任务

1．站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。

2．进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。

3．网页设计。除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设计）。包括版面设计和图形设计、内容录入等。

4．动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。

5．综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）

6．网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。

三、实训项目网站

基本介绍网站的主题是:游览天下行，快乐共分享。背景图片均为国内外知名旅游地图片，体现网站主题。图片和文字部分采用浮动形式，让网站看起来更生动，更有吸引力；导航栏采用超链接，链接到相关网站，同时插入表单，设置了会员登陆窗口和注册链接。还插入了音乐，轻柔舒缓，仿佛置身于游览圣地中。

四、实训中的问题和解决办法

1、图片太大，链接上就影响整个网页的效果，用可牛将图片修饰裁剪后在链接进去。

2、不能出现完整的站点地图。讲html另存为，并设成首页，其他导航栏要依次链接并设成首页。

3、插进的音乐拨不起，格式不对。下载wav格式的音乐，用。

4、按照设置浮动文字的形式插入浮动的图片。请教同学后，用命令

五、实训体会

一直很羡慕会作网站的人，是那样的神奇，自己做了，才知道其中的技术含量。首先要掌握基本的操作，还要找各种资料，查找数据，一切并不像想象的那样简单，但做好后很有成就感，想要做一个漂亮的网站，不知光想就能做好的，平时上课开一点小差，有些东西就做不起了。唉，以后上课一定要认真听讲啊，网页制作是我们的专业课，面临现在的就业形势，大学生毕业就失业已成普遍现象，但如果你真的有过硬的专业只是和实践能力有何愁找不到工作呢。电子商务自上世纪兴起，便以不可阻挡的势头迅猛发展着！它方便、快捷、省时、省力，收到企业和个人的极大亲睐。在现代的信息时代中，多种交易都是通过网络实现的，于是，对于掌握这方面的知识越来越重要了！所以，我们要啊抓紧一切机会学习，不断的充实自己，在这个信息爆炸的时代，计算机技术的更新周期不断缩短，紧紧掌握所学的知识是不行的，还要不断扩展新的知识，再次实训中，有的同学作出很漂亮的网站，还插入了自己做的视频，而我是会插入简单的图片和音乐，当时的触动很大，所以，现在的我们要有危险意识了，毕业后我们的路该怎样走就看现在的学习了，不是抱怨学校和专业的时候了，没有用的，再好的学校，再好的专业，自己不好好学，将来走进社会还是一无所成的！以后我会认真上每一堂课，认识完成每一次作业，每一次实习，将来的路是自己走出来的！！