网页设计实习报告

网页设计实习报告14篇

在日常生活和工作中，大家逐渐认识到报告的重要性，报告中提到的所有信息应该是准确无误的。我敢肯定，大部分人都对写报告很是头疼的，以下是小编整理的网页设计实习报告，欢迎大家分享。

为此学校为我们进入社会实习前为我们组织一次为期两个月的校内实习。在学校组织的这次校内实习，让我们在进入社会之前，提前体验了一下将来在社会上的工作情况，给我们提前积累一些社会经验，通过本次的实习让我们更加熟练网页的制作，并创新的以网络作为平台，结合网络运用制作了各类网页。这包括了我们专业所学习的所有内容，这次实习不紧是对我们过去学习成果的总结验证，更是一次学习上的创新与进步。在这次校内实习过程中，不管在知识掌握上，还是知识运用实践体验方面我都得到了很大的收获。

网页设计与制作的实习是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体习练和考察过程。随着科学技术发展的日新月异，网页设计制作已经成为当今计算机应用中空前活跃的领域，在生活中可以说得是无处不在。因此作为二十一世纪的'大学来说掌握网页设计制作的技术和能力是十分重要的。

这次实习，我为自己家乡的一个概况做一个网页。我是来自大理，大理作为一座旅游城市，拥有众多的旅游风景点，所以我选择了为我家乡的旅游做一个网页。

首先我要做的就是要选择好题目和网页的风格，之后我就分步骤准备在制作网页前所要做好的准备工作。我浏览了大理旅游网的一些

特点，借鉴这些网页的优秀之处，不好的地方在自己的网页上加以改良，从而使自己的网页更加美观。

做好这些准备工作之后我希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。在准备素材的过程中我用到了dreamweaver、photoshop等工具。再是设计网页的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网页，建立网页的目录结构。制作首页、二级子页、内容页，创建超级链接。最后就是测试与浏览网页，如果还有什么不理想的地方再改进，改进后再预览，如此反复，最后达到预期的效果!

在设计的过程中遇到的问题，可以说是困难重重，这毕竟是第一次独自设计网页、制作网页，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，比如说拖动层的设置，时间轴与层的显示与隐藏的综合应用，浮动导航栏的定位等。在CSS的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果??通过这次网页设计与制作实习，把以前所学过的知识重新温

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

计使我懂得了理论与实际相结合是很重要的，只有理论知识是远远不够的，只有把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。

这次实习为我提供了与众不同的学习方法和学习体会，从书本中面对现实，为我将来走上社会打下了扎实的基础。从实践操作中，我总结出一些属于自己的实践经验，社会是不会要一个一无是处的人的。作为信息与计算科学专业的学生，现在我能做的就是吸取知识，提高自身的综合素质，提高自己的创新能力和合作能力等，自己有了能力，到时候才会是“车到山前必有路”。我相信在不久的未来，会有属于我自己的一片天空!

这次课程设计在验收之后终于顺利完成了，在设计中遇到了很多的技术问题，最后在老师的辛勤指导下，终于游刃而解。同时，在老师的身上我学得到很多实用的知识，在这我再次我表示深深地感谢!同时，对给过我帮助的所有同学表示忠心的感谢!

这次实习内容包括网站原型设计及Photoshop切片技术在网页整体设计时的应用； “DIV+CSS”页面布局技术;设计电子购物商城主页。我深深体会到，做好主页，并不是一件容易的事，网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。不过能懂得基本的框架和思路，这一点在以后的工作过程中是非常有帮助的。

通过这次实习，我也总结出来一些网站建设的基本流程。

制作网页，首先是确定主题。

网上购物系统发布平台为顾客提供了各种商品、供求信息浏览、查询，购买等功能，全面的为顾客提供服务，帮助顾客更多的了解本网站的动态信息，提供最新动态通知。要求系统具有以下功能：

（1）用户登录注册。

（2）提供类别导航，购物推荐，热销商品，加入购物车等

（3）提供会员注册

（4）提供管理员后台管理入口。管理员通过本页面登录后台管理程序。

（5）通过后台对各类信息进行管理和审核。

（6）对网站会员信息进行管理和审核。审核注册本网站的会员，对其进行管理。

（7）友情链接。设置相关的友情链接页面。

主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一个版块都有其个性，清晰明了，便于阅读浏览，大致分几部分，首页，小店简介，产品展示，售后服务，友情链接这几个板块，再加入个别网站等，每一部分又分为几个小部分，内容比较充分，多样。确定导航栏的各个分了标题之后对于建立二级子网页尤为重要。

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

网站建设中如果大量运用模板，对于建立网站提供便利同时也减少了大量的工序。主页的设计应以醒目优先，应该令人一目了然，勿堆砌太多不必要的细节，或使画面过于复杂。页面给人的第一观感最为重要。网上商城系统采用了敏捷开发的设计思想，我们对整个系统主要分成了2个大模块，即前台交易模块和后台管理模块。而其中各个模块我们又进行了进一步的细分，如前台交易模块又分为注册会员、商品浏览、查询商品、购买商品等；后台管理模块则包括对用户的管理、商品管理和销售管理。使得整个系统具有易用性、个性化、跨平台等特点， ……此处隐藏19339个字……div进行网页排版，我目前正在学习，掌握的还算比较快。而在后台开发部分，我们使用php来进行开发，我的工作是手写一些小模块。或者用javascript写一些特效小代码。

三、工作流程

小组分工时，我负责后台里小模块的开发工作，如：留言板或论坛，还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作，使用css+div技术。编写代码这种工作看起来有些枯燥，其实时间长了以后，还真有点厌烦，但是后来我明白，只有将自己的本职工作做好，提高自己的技术，做出优良的东西，这样自己才会有价值感，才会对自己的工作保持新鲜感。所以我每天都在工作后，记录下每天在技术上的不足之处，回家后，将强学习，这所谓：找出不会的地方，学会它，你就变的.强大了。

php是现在比较流行的一种网站开发技术，由于它是开源的免费代码，并因良好的跨平台性能受到了大重的喜欢，我个人认为php很简单，适合初学者学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从简单处做起也挺好的，但是我在写代码时，还是经常犯些小错误，导致代码页面经常出错，而自己往往还找不到是哪错了，有几次急的都不行，不管怎么弄，结果就是错误，后来我才发现，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。

四、安全检查

安全检查是很重要的一个环节，就像你给人家盖房子，房子盖好了，可是门和窗不结实，那这种就必然不会安全的了。页站的制做也是同样的道理，在安全方面，有一个地方是和开发人员有很大的关系的。因为开发人员技术的高低决定了网站的安全性，有些人员在一些环节上的疏

漏，很有可能导致网站在实际使用时，遭到黑客攻击，如果造成了经济损失就无法挽救了。

所以，我们每个人在将各自的工作完成以后，组长和其它专门的技术人员会对网站的安全性进行测试，找出存在的漏洞，然后加以修改。以使它的安全性达到最高最稳定的状态。

在公司进行实习工作的这段时间，我在个人技术上收获了很多，现在的我已经能独档一面了，做一些难度比较大的工作，我通过优异的表现，已经转为正式员工，我对自己的表现感到满意，最重要的是我给自己的学校争了光，但是在社交能力方面，沟通能力上还有不足的地方。我决定在今后的工作和学习，要加强和别人的沟通能力。使自己变的更好，为国家为社会做出更多的贡献。

实习目的：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。

网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。

一.网站的整体规划

1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。

2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。

3.确定栏目和板块：

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

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

3]正文的框架设置(横向因素和纵向因素交错)在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。

二.网页制作的前期策划与准备

1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。

2.熟悉制作工具软件：

主页制作的基本条件有：

硬件：

一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;

软件：

HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍Dreamweaver;

图像处理软件：常用的有Photoshop、flash、Fireworks等;

文件上传软件：常用的有Cuteftp、WSftp等。

三.网页制作

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的`远，但是回顾一下这周真的学到了很多的东西。

四.网页的调试

之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。

总结：在公司里实习的这段时间里，我真正体会到了团队的力量。刚得到公司通知说我面试通过，真的很开心。在没进公司的时候，有很多的憧憬。希望自己可以大干一场，当时感觉自己有太多可发现的潜力可以挖掘，就等着有那么一个人可以发现自己这么一块金子。进去之后才发现其实自己是那么的渺小，千万不要自以为是，比你好的多的多，你没有什么了不起的。做人一定要塌实。没有同事们一起的努力，就单靠自己一个人的力量肯定是做不好事情。特别是在销售部这样一个部门，更加需要大家的一起努力。

实习是每一个大学毕业生必须拥有的一段经历，他使我们在实践中了解社会，让我们学到了很多在课堂上根本就学不到的知识,也打开了视野，长了见识，为我们以后进一步走向社会打下坚实的基础，实习是我们把学到的理论知识应用在实践中的一次尝试。我想，作为一名即将毕业的大学生，建立自身的十年发展计划已迫在眉睫，不是吗?