web前端实↓训网站设计报告（web网页制作」实训报告）
今天给各位分享web前端实训网站▃设计报告的知识，其中也会对web网页制作实训报告进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
网页设计实训总结心得6篇(2)
网页设计实训总ξ 结心得体会范文4
上周，也就是5月31日到6月4日的五天⌒里，我们电商专业进行了为期五天的网页制作实训。
在机房里待▲了一个星期，虽然生理反应不大，但是还是↙不好受。原本以为是实训比平时上课要舒服多了吧，但是这一个星期下来差点没被累死，比平▂时上课还疼苦。但是在这实训的一星期里我的收获还是很多的。
第一、从这」次实训当中我深刻的体会到理论知识的重要㊣性，只有在自己熟练理论知识后再能在实践中游刃有余，才不会出现“书到用时方恨少”的尴尬体会。
第二、实训中我印象最深的是对各种网页制作工具的使用不熟练，甚至还有个别不会用的，只是自己想要做个图片或图标等都做不好，其心情想△而知。所以对这些网页是做工具的使用都要练习。
第三、集体∑协作是我又一个体会。这次网页制作由于某些原因我一个人一组，是我搞掘到压力很大而且很累，而且∑我自己的思维能力很有限，网站◎设计和制作上也略显粗糙和不足，正所谓：你有一个思想，我有一个思＠想，分享后我们就↘都有两个思想。所以与同学合作是很有必要的。
总之，这5天里自己虽然∑ 很累，但是自己的收】获也是很不小的，所以我也是很开心的。
网页设计实训总结心得体∏会范文5
实训」的五天中，我的心情就好像这五天的天气变化，有晴有阴，只是差了点眼泪。但这并没有使我放弃，我不想落后，也不想拖小组的后腿，我告诉自己只有努力做好一切才是我的选择。一次次的失败，一次次的尝试，做好的那一刻，激动、高兴。我不是天才，有些知识不会。查书，问同学，找代码等等，时间飞速的流逝着，有些学会了，但仍然々有不会的。
我们的小组从★开始就产生了分歧，网站◎主题不一致。直到〖制作网站的第三天，我们才达成共识，两方各退一㊣ 步。还好，大家做出来的效果差不多，接下◣来的几天大家一起努力制作网页。遇到问题＠了，互相讨论，找出解决的方法，解决不了的就找人问。
在规划网◥站结构前，我们在互联网上大量的寻找网站布局规划，“不行”、“不行”、“与主题不△搭”等一遍遍否定的话不断说出，终于确⊙定了。我们做旅游的，以春夏秋冬四季分作，色调意思及颜色搭配。制作的过程中，我们改变了初衷，不知道是好，还是坏，决定做春夏冬三季及另外涉及天下旅游方面的主网页。
选取素材，一个个的挑︾，看的越多也变得越难选，好多与自己想要的想差太远，找的眼都花了，还是得找。磨练又一次的∮来了，坚持吧，努力吧，找完就好↓了。
制作网页，一遍遍的々改。不对、不对，颜色不搭，不能突出主题，浏览出来♀的结构不搭，改吧。累啊，烦呢，还是得继♀续做。做网站是即使出现再多的错误，也要①坚持做，耐心点，做好做完就好了，就轻松了。
我们经常在嘴边挂着要有“团︼队合作理念”，但行动起来时，有些人还是会ω忘记，也许是固执，也许是其他原因。遇到这种情况时，要有人站出来调节，尽快解决矛盾，否者会影响整体的工作进程，彼此不高兴。制作网页不协调，影响质量。
我们这次实々训的目的及要求是：以小组为单位，合作完成从确定网站主题、规划网站结构、选【取网页素材、到▲制作网页内容等步骤，从∮而掌握网站建设的全流程。同时，培养团队协作精神，提高综合运用所々学分析、解决实际问题的能力♀，实现由理论知识向操作技能的转化。
网页设计实训总结心得体〗会范文6
从学校 毕业 后，我第一次步入〓了社会，从此开始了面对社会、工作的♀生活。刚刚走入社会◣的我是一个性格有些内向的人，面对陌生◥的人，我不善言辞，不会给自己的外表进行很好的包装，不◣适合做那些销售、接待的工作，只有技术类的工作，少说多干的活适合我，这个我很清楚。现在，中国每年都有很多毕业的大学生找不到工作，我也不例外，所以，这第一次实习工作肯定不会太好找，但是相反，我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况 报告 如下。
一、工作介绍
我工作的这█家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一☉般是五到六人为一个小组，小组中←有明确分工，有负责联☉系客户接恰生意的，有专门≡做技术的，而◤在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还∴算熟练，但不是很◣精通。我们这个小组一般接下的活都是一∴些小型网站的开发工作，这样的网站技术难度不大，而且工作周◢期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要↘进行一些手写代码工作的。
二、开发技术
做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的◥工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。
在大学里对一↑个学生来说什么是最重要的，那就是学习能力。要知道，这个世№界上，知识在发展，人类ㄨ在进步，每天都在进行日新【月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会╱知识快速掌握，只有这样才能占据主动，减∴少被动情况的尴尬发生，通过二个星期的时间■，我成功的适应了公司的工作和生活∞节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期。我利用业余√时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好在我都有学过，所以有个「好的基础在这里，也就不怕了←◆，比如说：flash，公司要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后来在分析就▓业情况时，分析错了方向〒，以为这东西没有什么用处，结果就给荒废⌒了。但好在还有印象，并且当初记了很卐多的笔记，所以说记笔╱记是很重要的事情。而其它像javascript、xml、数据库这↙些东西我都学过，只是实践〇能力稍差一点，但好在从前在学习方⌒ 面用的功不是白费的。通过这〇种实战环境，和半个月的刻苦学习，我→终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了。
像我这个组常用的是css+div排版，后台使用php技术进行开发，服务器平台采用▃，linux+apache+mysql+php,这种lamp组合，我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版，这种方式简单但是已经有些过时了，现在大部分网站都开始了重新构架，所以都采用css+div进行网页排版，我目前正∩在学习，掌握的还算比较快。而在后台开发部分，我们使用php来进行↓开发，我的工作是手写一些小模块。或者用javascript写一些特效小代码。
三、工作流程
小组☆分工时⌒，我负责后台里小模块的开发工作，如：留言☆板或论坛，还有一部分→javascript代码编写∑ 工作。前台部分的工作是和组里的丁珊∏珊做一些排版∑ 的工作，使用css+div技术。编写代码这种工作看起▲来有些枯燥，其实时间长♂了以后，还真有点厌烦，但是后来我明白，只有将自己的本职工作做好，提高自己的技术，做出优良的东西，这样自己才会有价值感，才会对自己的工作保持新鲜感。所以我每天都在工作后，记录下每天在技术上的不足之处，回家后，将强学习，这所谓：找出不会的地方，学会它，你就变的强大了。
php是现在比较流行的一种网站开发技术，由于它是开源的免费代码，并因良好的跨平台性能受到了ζ大重的喜欢，我个人¤认为php很简单，适合初学者ω 学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从☆简单处做起也挺好的，但是我』在写代码时，还是经常犯些小错误，导致代⌒码页面经常出错，而自己往往还找不到是哪错〖了，有几次急的都不㊣ 行，不管怎】么弄〗，结果就是错误，后来我才发现＠，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。
四、安全检查
安全检查是很重要的一个环节，就像你给人家盖房子，房子盖好了，可是门和窗不结实，那这种就必然不会安全的了。页站的制做也是同样的道理，在安全方面，有一个地方是和开发人员有很大★的关系的。因为开发人员技术的高低决定了网站的安全〓性，有些人员在一些环ω 节上的疏漏，很有可能导致网站★在实际使用时，遭到◎黑客攻击，如果造成了经济损失就无法挽ω 救了。
所以，我们每个人在将各自♀的工作完成以后，组长和其它专门的∏技术人员会对网站的安全√性进行测试，找出〖存在的漏洞，然后『加以修改。以使它的安全性达到最高最稳定㊣ 的状态。
在公司进行实习工作的这段时间，我在个人技术上收获了很多，现在的我已经能独档一面了，做一些难度比较大的工】作，我通过优异的表现，已经转为正式员工，我对自己的表现感到满意，最重要的是我给自己的学校争了光，但是在社交能力方面，沟通能力上还有不足的地方。我决定在今后的工作和学习，要加强和别人的沟通能力。使自己变』的更好，为国家为社会做出更多的贡献。
网页设计实训总结心得6篇相关 文章 ：
★ 网页设计实训总结心得6篇
★ 网页设计实习心得体↓会3篇
★ 网页设计实训报告心得
★ 网页设计实训心⊙得
★ 网页设计实习心得体会总结
★ 网页◤设计实训心得三篇
★ 网页设计实习心得体会
★ 网页设计实习心得体会感〓想
★ 学习网页设〓计的总结
★ 有关网页♀制作实训报告心得体会
网页▲设计实训心得
网页设〗计实训心得 篇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个网页，这对于我来说↙是不能接受的，后来我改变〇了工作方法，我第次工■作的时候，先订▂下计划，比如今天做多少网页，然后我将要做→的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中※全力做美化工作，就这样我的速度∮提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信♀自己。
四、实习体会
实习将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些▲将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合△素质的培养，锻炼和提↙高。
要一份网页实训报告
一、实习目的：
通过教学实习▂掌握站点制作、站点测试与Ψ发布技术。会综合利用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="ba0946c4b17acd80 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。
在所有配色当中，不同的颜色传达着不同」的意义也有不同的象征。如白色代≡表着：清洁、天真、洁净、真理、和平、冷淡、贫乏；灰色让人々联想到灰尘、石头、水泥、白银，象征着中庸、平凡、温和、谦让，它给人以中立和高雅的感觉。太多的颜色会给人带来视觉上的疲劳。所以，在我下载准备素材的时候，就选择用灰色做背景颜色，灰色太贫乏，就加上亮色的钮扣起到“中和”的作用。
通过此次实训,我觉得平面设计的创意思』维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种◎影响。网页设计的技术不〖算什么困难，真正困难▲的是网页的设计创意，文字我㊣ 觉得也很重要，有些人浏览↘你的网页不是喜欢上你的艳丽漂亮的图█片，也许是喜欢上你的文字，那种感△动人心的，唯美的文字。文字与图片要搭得上调，不可能用一张美女图做背景，上面却写有关于亲情的文章▼。也就是整体的搭配问题。
通过此次实训，使我对于网页制作的三Ψ大软件有了进一步的了解，各功能都能够实现。提高了自己的鉴赏能力，综合搭配能力，也对以前学过的内容进行了综合的复习。
通过此次实训，我更了解到，生活中有许多色彩，搭配颜色的时候，联想到生活中的东西会做的更漂亮，给人一种亲切感，现在看到什么东西，我就会联想到做网页的时候，还有怎么▓布局。反正此次实训收获很多。
最后，我想，如果此次实训老师是要我们分『组来做的话，也许，我们可以做得更好，因为，一个想的毕竟㊣ 不全面，而且，一个人的申美有〖限，我们可↘以分工合作，一个人做ξ 一个方面的东西，也可以根据他所善长的方面来分工，善长动画制作的人做动画，善长图片△处理的人做图片，善长文字与布局的就来布局⊙。但是，也许那样，有些同学会懒的动手，推着给别人做◇。
JavaScript与WEB前台开发课程实训总结怎么写
1 摘要：写一下网站的简介←，开发采用了什么技术等。
2 目录。
3 技术介绍：介绍JavaScript和web前端相关的技术，可以去摘抄的多一点，让内容显得饱满充实。
4 网站整体设计：采用画图∮工具绘制网站的架构图，跟做数据表设计差不多的类型，并且对整体架构做一个详细的文字说明。
5 网站模块详情设计：详细介绍每个页面的每个功能，以及○实现的过程，附上截图，主要〓的源码即可。
6 调试bug：实训过程中出现的问题记录下〖来，包括解决方案。
7 附录：心得体会、源码（可要可不要）等一堆︼东西①。
关于web前端实训网站设计报告和web网页制作实训报告的介绍到此就结束了，不知道你从中找到你︼需要的信息了吗 ？如果你还想了解更多△这方面的信息，记得收藏关注本站。
