网站建设实训报告项目背景（网站设计实训报告3000字）

今天给各位分享网站建设实训报告项目背景的知识，其中也会对网站设计实训报告3000字进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、网页设计实训心得
• 2、学校网站建设与应用研究的工作报告
• 3、网站设计实训总结
• 4、网站建设的目的与规划
• 5、《网页设计》实验报告
• 6、要一份网页实训报告

网页设计实训心得

网页设计实训心得 篇1

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

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

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

二、规划好整个网站。

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

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

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

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

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

最后感谢老师多日来的辛勤教导！

网页设计实训心得 篇2

[实习目的]

通过网页设计理论联系实际操作，巩固所学的知识，提高处理实际问题的能力。充分学习网页设计实践中的操作理论，提高自己网页设计水平，并为能顺利与社会环境接轨做准备。

[实习任务]

学习网页设计实际问题处理方法及常规网页设计内容（网页设计切片、数据库的搭建、新闻管理、留言管理、网页设计在线编辑器等），网页设计后台管理方面的知识应用，及利用所学知识管理和编辑网站，并从实际出发，简单了解关于网站安全性问题的实际解决措施（md5密码加密等网页设计知识）。

[实习时间]

xxxxxx

[实习地点]

xxxx

[实习内容]

按照老师的安排，我制定了相应的实习计划，并记录了相关的实训内容，以备后鉴，且完成实训作业及实习心得。注重在实习阶段对所学知识的巩固和提高，以达到根据理论知识，指导日后工作实践的目的。其主要网页设计实习具体内容情况报告如下：

第一、收集网站所需信息。

第二、运用PHOTOSHOP处理的网页设计所需图片。处理图片要保持图片不失真，并按照网页设计需求设计所需的效果。

第三、对所完成的网页页面进行合理的切片处理，并按照网页设计效果完成网站整体框架的构建。

第四、搭建网站所需数据库。

第五、网站的虚拟建设和初步完善。

[实习体会]

大学生活让我对计算机理论知识有了一定的了解，但实际操作领域依旧是一片空白。纸上得来终觉浅，绝知此事要躬行。经过网页实训课的实习，让我对自己有了新的认识，并明确了网页设计方面的前进方向。

1．继续学习，不断提升理论素养

在信息时代，学习是不断地汲取新信息，获得事业进步的动力。现在通过实习总感觉自己学的不够，要用到知识时总感觉脑袋总是空白。实习后让我明白，为了能更好的适应工作，不得不利用自己空闲时间去弥补学习中的不足。实训内容是与自己所学专业有密切联系的，所以自己在这方面格外侧重，希望能够加强自己的专业知识。

2．加强信心，坚持下去

上学的时候大家都说“能珍惜现在的日子就好好珍惜！”，等工作了才真正的领悟这句话的涵义。经历第一次实训课的学习后，就希望能把实习所学习的知识，也能运用到课堂上。对自己多一点信心，多给自己点赞赏，多给自己鼓鼓劲，相信自己总会走出一条宽敞大道。

3、实训学习中的同学相处

感觉学生时代很美好，不仅仅是不需要去努力工作，而是在学生时代你可以有很好的同学，很好的朋友，大家相互嘘寒问暖，不必勾心斗角。我感觉这里才真的有纯洁的友谊。我想当踏上了社会，就会存在着利益关系，有工作繁忙，也多了份人情世故。希望以后自己努力，可以多几个朋友，希望自己可以有个团结工作的环境。在整个网页设计实训的过程中，实训同学之间的关系总是那般融洽！

实习，是开端也是结束。在书本上学过很多理论，但从未付诸实践过，也许等到真正运用时，才会体会到难度有多大。在今后的工作和生活中，自己需要更加努力的奋斗下去。

实习的同时也让我了解到了自己的不足，我会继续努力，完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。

光阴似箭，日月如梭。转眼间，愉快而又充实的网页实习课程结束了，在这几个月的时间里，在实训的过程中，让我尝试了理论与实践的结合。网页设计理论一点点转化为实践经验，模拟网页实训变成了真正面对社会的基础，尽管生涩但在慢慢趋近成熟。丰富的实训知识，让我的实习生活充满惊喜、快乐和充实，当然也少不了网页设计处理过程中的困难。实习结束了，感觉脑袋里又注入了新的知识，对网页设计也有了更深的了解，在以后的工作中，希望能用自己了解的东西去处理相关的问题，再探究新的问题，使自己和公司不断进步。

最后谈谈我个人对自身的职业之路规划。当然这些还不够成熟，仅仅是这一个学期的实习带给我的一点想法，今后我会结合学习生活进一步修正。首先是个人学习，通过实习我认识到利用课堂外的时间也是关键，下一步打算结合自己的兴趣，利用课余时间自我培训；其次是社会实践，初步打算是利用假期等时间充分工作，以提高自身实际工作能力为目的，毕竟“想”和“做”是不一样的，这次实习中我也认识到了这点，平时觉得自己能够胜任的简单事情，当真正动手做时却总不是那么简单了；最后，打算结合个人的兴趣、价值观、能力、职业发展倾向做个详细的职业发展规划。

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

实习生：xxx

20xx年x月

网页设计实训心得 篇3

现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。

通过一周的实习，在这门课上我学习到了一些关于制作网页的知识，对flash也有所了解，还学会了一些基础的PS技能。

通过一周对这门课的实习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。

在准备材料的时候我们可以用到学习的Flash知识来制作一些小的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。

然后是对图片的处理，用到了Photoshop等相关的图像软件。也对Photoshopcs4这款软件有了一定的了解，学会了一些基本的ps方法。

接下来是开始正式制作网页。

通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

在网页制作的时候，我觉得首先要列出大纲。列出来后，还必须考虑每个页面之间的链接关系。层次不清的站点会造成浏览困难，影响内容的发挥。

框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。

下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往网页里面填内容。

最后就是对网页的一些细节调整了，保证预览网页的整齐和没有错误。

网页设计实训心得 篇4

不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

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

做好以上三步之后，我们就要选择合适的制作工具。

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有“网络三剑客”之称的Dreamweaver、Fireworks、flash来制作网页，对于图片部分的处理，个人觉得Photoshop比较好用。

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

网页做好之后，就要发布到Web服务器上，才能够让全世界的朋友观看，还要不断地进行宣传，这样才能让更多的朋友认识它。

以上就是我对于网页制作的一些个人心得，由于本人的.技术还不是很成熟，还存在很多的不足（如：背景过于单调和网页布置不合理）。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页的知识，谢谢！

网页设计实训心得 篇5

时间过得很快，我即将毕业来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。

一、实习时间

xxx

二、实习介绍

我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有xx招商网等。

我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，（排版主要使用css+div），并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。

三、实习内容

（一）初级考试

初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了_公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。

（二）三天的培训工作

三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。

（三）最后的考核

三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题，秀的人会转正，得到很优厚的待遇。

考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。

（四）正式工作

我们每天的上班时间是从早上8：30分到下午的17：00，这是我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他（她）们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3-4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。

四、实习体会

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

学校网站建设与应用研究的工作报告

一、对课题研究的认识

学校现有多媒体网络教室1个，微机室1个，电脑进入办公室，教师机已达到两人一台，实现了网上备课，达到资源共享，学校建成千兆多媒体交互式校园网，能运用校园网与因特网上的信息资料帮助学生完成知识建构。我校课题组成员，都有较为丰富的教育教学经验和教科研经验，能够熟练的运用多媒体网络系统实施教学，均能够承担一定的教科研任务。学校年年拨出专款专用大力支持科研课题的实验与研究。

二、 课题研究的组织与管理

1、成立课题实验领导小组和实验小组

①课题实验领导小组

组长；田克勤

副组长：张艳芬

成员：任西芳 赵彩霞 王丽萍

领导小组的职责是负责实验的领导与管理。具体包括建立实验队伍、改善实验条件、保证实验经费，、提供实验方便、检查实验工作、实施实验奖惩等。

②课题实验小组

组长：张艳芬

副组长：任西芳

组员：赵彩霞 王丽萍 郭秀敏 范明军 刘新玲 赵瑞梅

实验小组的职责是负责实验的管理、指导与实验。具体包括制订实验方案、明确实验研究方向、制订年度实验计划、实施实验研究、建立实验档案、收整实验资料、进行实验工作的检查、评估和总结。

2、加强实验队伍的培训与提高

实验队伍培训的重点有两个方面，一是教育思想观察的转变，二是计算机应用水平的提高。

转变教育思想观念是一个不断学习、不断实践、不断认识的过程，它既具有复杂性，又具有长期性。因此，实验中要把学习现代教育理论和现代信息技术理论人作为一项重要内容，组织实验教师乃至全体教师加强学习，加强交流，相互启发，相互促进。实现在学习中提高认识，在实践中逐步转变思想，用正确的理念指导实验，用科学的方法推动实验。

针对计算机应有水平的提高，将进一步加大培训力度，采用通训与专训相结合，集中培训与自钻自研相结合。通过多形式多渠道的培训，进一步提高实验教师的信息培养。

3、实施实验奖惩制度

实验需要严谨科学的态度，需要做艰苦细致的工作，需要投入大量时间和精力。学校将根据实验小组的建议，依照实验奖惩条例，对态度认真、工作严谨、卓有成效的实验教师给予奖励，反之将依据实验情况给予批评教育、限期整改、撤销实验资格等处理。

三、课题研究的成果

我课题研究的成果

我校进行了科学主题资源网站子课题的研究与实践，取得了一定的成果：

1、教师的教学观念得以更新，已能够熟练运用信息技术辅助课堂教学，初步构建了符合我校学情的信息技术与科学教学整合的教学模式，切实有效地变革了传统的教学模式，建立以学生为主体，教师为主导的新型高效的课堂教学模式。

2、建成了符合新课程标准的科学主题资源网站课程体系。

建成的科学主题资源网站以一节课为专题，将涉及这节课内容的相关资源经过筛选、加工，并通过网络表现某节课的教学内容和实施教学活动，为方便学生自主学习和教师利用网络资源库进行课堂教学活动，每课节主题资源网站都要结合网站内容形成典型的学习指导意见和教学指导意见，实现教学内容的呈现方式、学生的学习方式、教师的教学方式和师生互动方式的变革，为学生的学习和发展提供丰富多彩的教育环境和有力的学习工具。其中王桂霞、王均华、王立新、王凤云、张瑞芹、刘金梅等老师的主题资源网站分别获市、县二三等奖。

3、经过本课题的实践和研究，学校进一步完备了电教设施，学校内形成了较为深厚的现代化教学意识，在课堂教学中能充分运用现代化教学手段，改变过去学校课堂教学水平相对滞后的局面，能熟练的运用powerpoint 、flash等制作cai课件且运用于课堂教学，在带动学校其它学科的课堂教学改革方面起到了积极的带动作用。

四、经验与体会

该课题从申报、立项以来，课题研究在既定计划的指导下，在全体实验人员的齐心协力下，认真学习，踏实工作，课题组在研究方面又取得了一定的成绩，教师的研究能力有了明显的提高，教育教学的方式逐步得到了变革。预期的研究目的基本达成。现将前段时间以来所作的研究工作作如下总结。

（一）高举理论学习的旗帜，不断提高教师的科研水平。

为了提高实验人员的理论水平，确保课题研究真正地为教学服务，为学生服务，每周我们组织全体实验人员坚持围绕课题学习一至二篇理论文章，学习的同时，展开热烈的讨论，使课题实验始终处于先进的教育理论指导下。通过理论学习，课题组人员的理论水平有了很大提高，且大多数老师能用学到的理论知识指导实验。

老师们正由原来的“教书匠”向“学习型教师”、“反思型教师”和“科研型教师”转变。

（二）求真求实，扎扎实实地开展课题研究

为了使课题研究落到实处，真正地提高学生的人文素养，真正地提高教师的业务水平，真正地提高课堂教学效率，前段阶段我们认真做了以下几个方面的工作：

1、将课题融入教研之中。每次教研活动，我们做到有课题方面的'研究专题。经常围绕课题解决一些课堂教学中遇到的共性问题。

2、以课堂教学为主阵地，积极开设公开课，互相促进，互相提高。

我们认真开展课题研究课活动，坚持做到上公开课的老师必须提前一周说课，并且说课后大家展开讨论，献计献策。公开课上完后，人人参与评课，真诚坦率地探讨一些教学问题。通过说课、评课，教师的教学水平提高很快。像赵彩霞、王丽萍等老师本学期还向兄弟学校的领导、老师提供了生动而有丰富的公开课，受到了一致的好评。

3、坚持发挥集体智慧，认真组织集体备课。

我们能立足学习共同体，充分发挥集体的智慧，坚持集体备课。即各子课题组利用集中学习时间，利用大纲和各科组研究的实验方案，认真讨论，认真备课，并且要求要备以花木渗透为主的优秀课，实验课。

通过一个阶段地实验和研究，教师的学生观渐渐地发生了转变。现在我们大部分学生体会到科学并不那么枯燥乏味，离我们并不遥远，原来它就在身边，从而对科学产生亲切感。通过一个阶段地实验和研究，提高了课堂教学的质量、促进了教师的专业化成长。老师们在课题研究的过程中，渐渐养成了勤学习、勤实践、勤反思、勤总结的习惯，变得会教、善教，教学能力、科研能力也得到了提升。我们课题组的赵彩霞获县科学学具优质课，张艳芬的课例获县电教课一等奖，并报送市电教馆参评。好几位成员的教案、论文在市、县、校获奖，多次在县市级上公开课。

五、存在的问题与努力的方1.存在问题：

（1）课题研究还不是很深入。部分实验教师还不能很好的把握课题的内涵、方法；对科研工作缺乏自信心。

（2）在实验数据的收集上还不够全面，成果的水平还不是太高，缺乏一定的创新。

2.解决措施：

（1）继续对课题研究教师进行业务理论培训和相关的专门培训，以提高他们的科研意识和能力。

（2）召开专门的课题会议，商讨下一步科研新思路，出台科研新举措，向科研先进学校学习科研经验。

（3）课题研究迫切需要上级教育科研部门的指导，实验教师的自身素质有待于进一步提高。

网站设计实训总结

首先我要做的就是要选择好题目和网站的风格，之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了中国美食网的一些特点，借监这些网站的优秀之处，不好的地方在自己的网站上加以改良，从而使自己的网站更加美观。

回顾这次课程设计，至今我仍感慨颇多。的却。从选题到开始制作，从理论到实践，在实训机房日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。

在选择好题目和网站的风格之后，我就开始了实训项目的进程，按照实训方案的规定，先是将网站的总体策划以书面的形式展现出来，通过老师审核之后，在相应的时间段找相关的素材，搜集与主题相关的文字、图像等。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网站，建立网站的目录结构。制作首页、二级子页、内容页，创建超级链接。最后就是测试与浏览网页，如果还有什么不理想的地方再改进再预览，如此反复，最后达到最好效果！

在此次网站的设计与制作过程中，难免会遇到过各种各样的问题，这毕竟是第一次独自设计网站、制作网站。但值得高兴的是：在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果……

一周网页设计与制作的实训课程结束了，回顾这次课程设计实训，至今我仍感慨颇多。的确，从选材到开始制作，从理论到实践，在两周的实训日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性，只有理论知识是远远不够的，把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。

网站建设的目的与规划

网站建设的目的：

网站优势可以概括四个字：快，多，实，省。

快，是指信息传递速度快。网站的建立使得客户在第一时间只要点击鼠标就能获得相关信息，客户的反馈信息也是即刻便能传递给企业。

多，指的是信息量多。一个网站可以有几十页甚至上百页或者更多。客户可以很详尽的了解企业的一切信息。

实，就是实际，真实。企业可以通过一些软件，比如三维动画软件，将产品制作的相当的动感，逼真，就像看到产品实物一样。

省，就是省钱，省时间。客户只要花费上网的钱和时间就可以了解企业的一切信息。达到高效，省钱的目的。并且企业跟客户无需面对面就可以进行直接的交流。

网站建设的规划：

一、建设网站前的市场分析（企业自行处理）

1、相关行业的市场是怎样的,市场有什么样的特点，是否能够在互联网上开展公司业务。

2、市场主要竞争者分析，竞争对手上网情况及其网站策划、功能作用。

3、公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。

二、建设网站目的及功能定位

1、为什么要建立网站，是为了树立企业形象，宣传产品，进行电子商务，还是建立行业性网站？是企业的基本需要还是市场开拓的延伸？

2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能类型：

企业型网站、应用型网站、商业型网站（行业型网站）、电子商务型网站；企业网站又分为企业形象型、产品宣传型、网上营销型、客户服务型、电子商务型等。

3、根据网站功能，确定网站应达到的目的作用。

4、企业内部网（intranet）的建设情况和网站的可扩展性。

三、网站技术解决方案（与专业公司商议）

根据网站的功能确定网站技术解决方案。

1、采用自建服务器，还是租用虚拟主机。

2、选择操作系统，用window2000/nt还是unix,linux。分析投入成本、功能、开发、稳定性和安全性等。

3、采用模板自助建站、建站套餐还是个性化开发。

4、网站安全性措施，防黑、防病毒方案（如果采用虚拟主机，则该项由专业公司代劳）。

5、选择什么样的动态程序及相应数据库。如程序asp、jsp、php；数据库sql、access、oracle等。

四、网站内容及实现方式

1、根据网站的目的确定网站的结构导航。

一般企业型网站应包括：公司简介、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。

2、根据网站的目的及内容确定网站整合功能。

如flash引导页、会员系统、网上购物系统、在线支付、问卷调查系统、在线支付、信息搜索查询系统、流量统计系统等。

3、确定网站的结构导航中的每个频道的子栏目。

如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等；客户服务可以包括：服务热线、服务宗旨、服务项目等。

4、确定网站内容的实现方式。

如产品中心使用动态程序数据库还是静态页面；营销网络是采用列表方式还是地图展示。

五、网页设计

1、网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合企业ci规范。要注意网页色彩、图片的应用及版面策划，保持网页的整体一致性。

2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。

3、制定网页改版计划，如半年到一年时间进行较大规模改版等。

《网页设计》实验报告

1、

设计由多个网页组成的小型网站，自选主题，要求积极、健康，不得从网络上下载；

2、

构建本地站点，创建站点目录；

3、

站点目录中各种文件分类存放，文件命名

科学

，网站不少于10个页面；

4、

整个网站内容大小不超过20M；

5、

网页版面采用表格布局；

6、

网页中引入CSS

样式表

技术。

7、

超级链接的都可正确点通；

8、

网页中需添加如

动画

、

音频

、视频等多媒体元素；

9、

栏目设计合理，页面

文字

充实，图文并茂。

10、

使用动态页面效果，如

时间轴动画

、弹出信息、弹出菜单等；

11、

可根据个人能力和兴趣使用数据库，ASP，JSP，PHP等网页技术。

实验报告

应包涵以下几个部分：

1、实验说明：说明网战在设计所应用的技术，站点下各目录、各文件；素材的收集途径等；

2、实验步骤：详细阐述网页设计整体

流程

和其中各个环节的操作步骤；

3、实验心得。

要一份网页实训报告

一、实习目的：

通过教学实习掌握站点制作、站点测试与发布技术。会综合利用Fireworks

、Flash和Dreamweaver三个软件进行静态网站的设计。

二、实习内容：

1.用Fireworks处理图片。对图片裁剪、钝化、高斯模糊。设置图片的GIF动画格式，制作标题动画。对文字应用效果。利用Fireworks制作导航条并导出格式为html。

2.用Flash制作标题动画。首页中的动画不超过20M。制作按钮来超级链接到其他页面。

3.使用Dreamweaver布局视图，设置本地站点。在标准视图和布局视图模式相互转换。建议使用布局视图，在标准模式中插入层对象制作层动画，利用行为面板添加鼠标行为，制作翻转动画，使用CSS样式统一网页中文字样式，插入Fireworks中的GIF

文件及导入Flash中的SWF文档，设置文档间的超级链接。

三、具体要求：

1、利用Dreamweaver制作一个静态网站，要求网站有特色，整个网站的内容和形式要统一，应能够反映一个简单的主题。可以选择制作《个人网站设计》、《企业网站设计》、《文化网站的设计》、《娱乐网站设计》或者其他自己认为适合的网站。

2、 作一个主页面，至少5个次页面。

3、必须用到框架、表格或层排版技术、Flash技术和图像处理技术，使网站具有合理的外观和功能。

4、 主页基本要求：

　页头Logo，准确无误地标识站点和企业标志；

　网页标题动画，可以制作成GIF动画或者Flash动画；

　导航条；

　E-mail地址，用来接受用户垂询；

　联系信息，如普通邮件地址或电话；

　版权信息。

5、制作一个表单页面。

6、某个页面有滚动字幕。

7、为一个页面添加背景音乐。

8、至少添加一种行为效果。

9、整个网站各页面之间保持风格一致，页面之间要有合理的超级链接。

10、进行站点测试后申请免费空间并发布到网络。

四、网站设计思路：

本站应该算是一个个人主页的小型网站。关于本站站名的来源：微言微语个人主页，因为，我觉得这个网站里面的所有文字都是像一个人在自言自语，在低声地向某人诉说着什么，没有主题，没有目的。取这个站名，是做了网站的大概构思后才取的，觉得，这个名字与网站的图片、背景音乐还有文字都很相符。

个人主页，一般都会包括首页，相册，链接，一些个人喜欢的文字加图片，我的个人主页也不例外，包括次首页（个人喜欢的的文章加图片），我的作品（里面包括自己做的三个FLASH动画），文章（一些自己喜欢的文章），相册（Firworks处理过的相册），关于（关于自己的文字，关于本站的一些说明），链接（世界著名网站的有关链接），反馈表（浏览者信息反馈表）。

五、网站设计过程：

把所有的素材都整理好（图片，文章，相片），开始布局。此站大多数用的是“三”字型的，三字型是我给它取的名字，因为，最开头是一张带有导航条的图片，用Firworks处理过的HTML文件，中间一大片用于放正文，下面就是版权信息，E-mail地址用来接受用户垂询；联系信息，如普通邮件地址或电话，像被分开的三个部分，所以我叫它三字型。这种布局方式看起来比较的整齐，简洁美观。

首页本想做一个动态网页，由于时间有限所以还没完全成功。只好用了一张与次页面一样的背景图片做背景，加上从下向上的滚动字幕，背景图片是用Firworks处理过的图片，大片的灰色墙壁加上颜色艳丽的钮扣图案，首页加了状态栏逐字出现的效果，加了“加入收藏”、“设为首页”等代码。

次页面包括如下些内容：首页、作品、文章、相册、关于、链接以及反馈表。这些页面是用模板做的，上面的图片，导航条以及下面的版权联系方式是不用改变的，都保持着首页的风格，背景图一样，字体与样式一样，图片风格一样。中间是两个可编辑区域。

在所有的页面导航条下面，插入层对象制作了一个层动画，来回移动的层，里面存放日期，利用行为面板为此层添加了鼠标行为，单击此层，会出现对话框，“欢迎您访问我的个人主页！”，做布局大多使用表格布局，使用了少量的css样式，字体，字号，颜色都统一套用相应的样式。

首页中添加背景音乐，小说音乐《我在那一角落患过伤风》，一边看慢慢上移的文字，一边听这轻柔的音乐，给人一种意境美。其实次页面添加《虫儿飞》，轻快而活泼。首页禁止右键复制功能，右键单击没有反应。

次首页，就是进入次页面的第一个页面。主题算是与青春有关的三种感情，三张图片，用Firworks处理，加上相应的文字。要用到两个表格，分别放在两个可编辑区域里面，一个1*2的表格，一个2*2的表格，第一个表格放一张有关于亲情的图片加一小段文字，第二个表格放一张有关于友情的图片加一小段文字,还有一张有关于爱情的图片加一小段文字。作品页面是三个FLASH动画，第一个是左右键控制的图片移动按钮，可以单击来链接到主页面（代码见附录），四个图片经过裁剪、高斯模糊。第二个是光芒四射（代码见附录），要用到ActionScript语言，长短不一的线条加上透明度的改变组成光芒四射。第三个是鼠标跟随特效（代码见附录）。文章页面，就是简单的文字页面，没有什么特别的。相册页面，上面是一个用Firworks处理后的一组图片，鼠标移到小图片上，下面做出现相应的大相片，中间有少量文字，底部是用FLASH做的一组循环滚动图片（代码见附录），图片跟着鼠标的移动而左右移动。关于页面，也是简单的文字页面，没什么特别的，“个人简历”文字链接到WORD文档“个人简历”(代码：a

href="my.doc")，下面有个信息反馈的链接，链接到有关的“浏览者信息反馈表”，此信息反馈表用表单做的，用到单行文本域，多行文本域，单选框，复选框，按键，此表单可以用邮件方式反馈信息（mailto:redcarrot2001@163.com）。链接页面，前面是我的个人主页LOGO，一张用Firworks做的LOGO，并建立有关链接，中间是一些文字，下面是世界著名网页的有关网址以及相应链接。

附录：源代码

(1) 状态栏逐字出现的效果代码：

script language="JavaScript"

var msg = "欢迎来到☆※◎~~~微言微语~~~☆※◎个人主页，请多提意见。谢谢! "

;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq = len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

/script

(2) 首页收藏代码：

onClick="window.external.addFavorite('','微言微语个人主页')"---收藏本站br

（3）设为首页代码：

onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---设为首页/span/p

（4）滚动字幕代码：

marquee align=left direction=up

behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200

vspce=5 loop=-1

pspan class="7d3063d170355a89 css"1、真的很喜欢那些记录多于表达的人。

br /

…………

…………

183、希望每一个新的一天，醒来的那个你都神清气爽。/span

/p

/div

/p

/marquee

（5）添加背景音乐代码：

bgsound src="aa.mp3" loop=1

（6）禁止右键复制功能代码：

script language="JavaScript"

!--

document.oncontextmenu=new

Function("event.returnValue=false;"); //禁止右键功能,单击右键将无任何反应

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先择,也就是无法复制//--

/script

style type="text/css"

（7）光芒四射代码：

duplicateMovieClip("line","line"+i,i);

setProperty("line"+i,_rotation,random(360));

setProperty("line"+i,_alpha,random(100));

i++;）

if(i100){

gotoAndPlay(1);

}else{

i=1;

}

（8）鼠标跟随代码：

movie._visible=0;

i=0;

i++;

if(i100){

i=1;

}

movie._x+=(_xmouse-movie._x)/30;

movie._y+=(_ymouse-movie._y)/30;

duplicateMovieClip(movie,"movie"+i,i);

this["movie"+i]._x=movie._x;

this["movie"+i]._y=movie._y;

gotoAndPlay(2);

（9）循环滚动图片：

onClipEvent (enterFrame) {

this._x-=(_root._xmouse-300)/15;

if(this._x1371.1){

this._x=this._x-1371.1;

}

if(this._x-1371.1){

this._x=this._x+1371.1;

}

}

（10）左右键控制的图片移动按钮：

on(release)

{getURL("index.html","_blank");}

六、实训中遇到的难点及解决办法：

在设计开始的时候，想的太多，不知道怎么开头，定哪个主题，背景，色调，文字，布局都没有头绪，后来，开始做，而且觉得越做越有头绪了，所以我觉得，还是不要想的太多，太复杂了，不要追求完美，不要做的网页太多，搞到最后，别人都不知道，你这个网站的主题是什么了。

还有就是布局的时候总是不能做到很美观，后来，我把页面属性改了左过距为10，上边距为10，刚好把背景图片里面的那些亮丽的钮扣图案显示出来，改变了表格背景图的灰暗，使网页的整体看起来更美观了。

在做CSS样式表的时候，做字的颜色的时候，老是不知道用哪种颜色才搭配的起这个背景，后来，看到那个背景的钮扣颜色与灰色配起来很好看就用吸管取了钮扣的颜色了。

七、实训心得：

在我看来，设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的。建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image，网页文件夹用html。

在所有配色当中，不同的颜色传达着不同的意义也有不同的象征。如白色代表着：清洁、天真、洁净、真理、和平、冷淡、贫乏；灰色让人联想到灰尘、石头、水泥、白银，象征着中庸、平凡、温和、谦让，它给人以中立和高雅的感觉。太多的颜色会给人带来视觉上的疲劳。所以，在我下载准备素材的时候，就选择用灰色做背景颜色，灰色太贫乏，就加上亮色的钮扣起到“中和”的作用。

通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难，真正困难的是网页的设计创意，文字我觉得也很重要，有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片，也许是喜欢上你的文字，那种感动人心的，唯美的文字。文字与图片要搭得上调，不可能用一张美女图做背景，上面却写有关于亲情的文章。也就是整体的搭配问题。

通过此次实训，使我对于网页制作的三大软件有了进一步的了解，各功能都能够实现。提高了自己的鉴赏能力，综合搭配能力，也对以前学过的内容进行了综合的复习。

通过此次实训，我更了解到，生活中有许多色彩，搭配颜色的时候，联想到生活中的东西会做的更漂亮，给人一种亲切感，现在看到什么东西，我就会联想到做网页的时候，还有怎么布局。反正此次实训收获很多。

最后，我想，如果此次实训老师是要我们分组来做的话，也许，我们可以做得更好，因为，一个想的毕竟不全面，而且，一个人的申美有限，我们可以分工合作，一个人做一个方面的东西，也可以根据他所善长的方面来分工，善长动画制作的人做动画，善长图片处理的人做图片，善长文字与布局的就来布局。但是，也许那样，有些同学会懒的动手，推着给别人做。

网站建设实训报告项目背景的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于网站设计实训报告3000字、网站建设实训报告项目背景的信息别忘了在本站进行查找喔。