web实训报告4篇

　　随着个人素质的提升，报告十分的重要，其在写作上具有一定的窍门。其实写报告并没有想象中那么难，以下是小编帮大家整理的web实训报告，欢迎阅读，希望大家能够喜欢。

web实训报告4篇

web实训报告1

　　一.网站的需求分析

　　对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加点击率。如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。

　　二.系统实现所需要的软件

　　网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash、ACCESS数据库、动态网页编程语言ASP

　　三、网站设计的思路

　　网站拓扑图构画

　　从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。网站包括哪些栏目，采用什么样的制作结构，这些都是我们在制作网站前首先要确定的，

　　下面是我个人网站的结构图：

　　四、系统功能模块的实现过程

　　个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的网站。本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。通过数据库的创建与连接实现了人机交互功能。

　　1个人首页功能模块功能的实现过程

　　（1）.个人首页导航功能实现介绍

　　个人首页导航有七个链接分别是：我的首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。它们都采用“行为”中“交换图像”。如图3-1所示。

　　（2）.个人首页公告栏功能实现过程

　　公告栏的功能主要是对于浏览者现设计的。当浏览者进入首页时就可以看到分告栏中的信息。主要用于提示和建议如何进行合法访问和主人的一些个人小要求。如图3-2所示。

　　本站最新公告栏中的信息当鼠标经过时就停止，当鼠标移开时又开始流动。其功能的实现主要是通过以下代码：

　　scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">

　　（3）.留言板功能实现过程

　　设计一个留言板作为和浏览者交流的纽带，这样可随时掌握浏览者的相关信息和最新动态。浏览者通过留言后提交到后台数据库中，然后管理用户可以通过后台进行对其留言的回复。留言薄的设计如图3-4所示这样就可以产生一个动态的留言薄交互平台。

　　（4）.注册功能模块实现过程

　　注册页面主要是对于没有用户名和帐号的浏览者要进行留言时所设计的页面。当浏览者注册后的信息将自动提交到后台数据库中，以便下次要进行留言。注册页面的设计

　　2个人简介功能模块的实现过程

　　本模块是个人简介部分，每个个人网站都会有作者介绍。在个人简介中主要实现了两个功能模

　　块分别是：个人简历列信息显示和个人作品的展现。在这页面主要的是静态的页面。只在个人简历页面采用了热点链接来进行到个人作品的跳转。在这个模块访客会了解到作者的.一些基本信息，界面内容如图3-6所示。

　　完成上述页面后，单击我的“作品展示”这时链接到我的个人作品页面。这个页面基本上是静态的。主要放置了我的Photoshop作品和Flash作品等。在这个有限和空间里放置我的作品是不够的。所以采用了用层和行为来进和作品的交换显示。界面的内容如图3-7所示。

　　3个人相册功能模块的实现过程

　　本模块是展示个人的相册，主要是借鉴影集的制作来完成个人相册的功能的实现。个人相册进行好归类后分成多个方面的相册所以首先进入是个人相册的目录。个人相册主中，浏览者可以看到我“求学生涯”、“友情合影”、“大学生活”、“欢乐之行”、“拥抱记忆”、“温馨之家”，的相关照片。在进行相册查看时浏览者通过单击滚动中的小图片然后在层中显示在图片,如下图3-8所示。

web实训报告2

　　一、实习目的

　　·让学生了解网站的制作流程和基本技法。.Dreamweaver的使用

　　·掌握利用IIS完成站点创建，学会站点的规划与创建，能自己创建个人网站和简单的企业网站。

　　·掌握利用SQLServer的企业管理器建立数据库和数据库表，巩固数据库基本命令的使用。

　　·掌握利用ASP访问与操作数据库的各种常用的功能及实现方法。·了解动态网页的制作技术，掌握与数据库的链接及简单的数据处理。·培训学生的动手能力、综合应用能力和团队合作能力。

　　二、实习要求

　　·按时、按地参加实习，遵守实习纪律，遵守实习场地的制度；·爱护实习场地的所有实习设备，讲究公共卫生；

　　·做好实习笔记和实习记载，实掌握实习的`每项内容；

　　·认真填写好实习报告、实习总结，实习完成统一交实习老师。

　　三、实习形式

　　·前一周完成ASP、SQLServer(或Access)以及DeramweacerMXXX的学习，要及时完成学习任务。

　　·后一两周进行网站综合开发实训，可分组进行。

　　四、实验内容

　　1.网站结构示意图

　　打开我的首页，然后点击zhufu按钮进入按钮界面，所示

　　newyears/

　　进入页面后有一首欢快的背景音乐，在祝福页面里，你可以向你的好友发表你的祝福，你可以对祝福查看和修改，并且还可以看到历史记录，页面右上角可以返回首页。

　　liuyan1/

　　回到主页再点击留言按钮，进入下一页面，你可以发表留言，不需要审核也能发表。

　　由于时间仓促，网站暂时到此，网站还在积极开设建设中，敬请期待你的到来

　　五、实训结果

　　实验基本成功

　　实训是培养学生综合运用所学知识,发现,提出,分析和解决实际问题,通过上机练习来培养我们自身实践能力，这次网页布局训练就是其中之一。

　　这次的网页设计与制作让我收获颇丰。的确，从听老师解说到开始自己制作，从理论到实践，在这几节课的实操时间里，过程中不仅巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。使我懂得了理论与实际相结合是很重要的，只有从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。只有把布局的基础打好，才能设计出成功的网页

　　六，实训心得

　　首先我要做的就是要选择好题目和网站的风格，之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了日照职业技术学院以及相关网站的一些特点，借鉴这些网站的优秀之处，不好的地方在自己的网站上加以改良，从而使自己的网站更加美观。

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

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

web实训报告3

　　所谓行万里路，必先始于足下。刚开始学习WEB前端基础的时候，老师说，其实你们学的这个后面真正去工作的时候可能也不是很会用到，所以就有很多人会问，既然我们都用不到，那干嘛还学呀？其实，对于一个程序员来说，你不仅要有很好的后端专业能力，你还应当具备一定的前端素养，知道一些起码的前端知识。

　　来到XX的第一个月，我们是以基础为主吧，因为大家到这里的基础都不一样，有一些本身就具备很高水准的人，也有很多像自己一样从小白开始的人，所以，对我们而言，XX开设的这种双元模式对我们是有很大用处的。我们从最基础的开始学习，在学习HTML的时候，我们还延续着很古老和古老的表格制作网站，然后到后面的CSS学习，用CSS样式去进一步完善我们制作的网址，再到着一期的难点JS课程体系，一级最后的JQ和BOOtstrap，可以说这个过程其实也是一个循序肩颈的过程，有简到难的过程。

　　第一部分：HTML的学习

　　其实HTML的四天学习的话，重要的就是一个标记的学习，这大概是学习一门语言最基础的一部分吧。但是也不是说背一背就解决问题的，选择IT，程序员这一方面，只要多练习，多敲代码感觉就好了，所以熟练的使用这些标记其实不是很大的问题，对自己来说，比较难的是一个表格和框架，也许会有人说，表格有什么难的，就行列的问题啊，但是不知道为什么，在学习的那几天对于表格的学习和接受能力都没有别的那么好，表格的整体框架能搭出来，但是就是对于表格的美化总做不到自己心里所预期的那样。其实练习的话也是挺多的，对于表格的网页练习做了应该也有一二十个的，但是就是没那么理想，所以这方面的`话也是需要自己多加练习和修正的，因为表格的用处还是挺大的。HTML的学习方面还有框架和表单，框架的话，就是一个网页的主体了，网页的大致形式基本上从你的框架结构就可以知道的，学习框架，重要的就是网页的布局如何划分，然后利用框架的嵌套，浮动就可以解决的，学习过程也不会是很大的难度。

　　想想HTML还学了些什么呢？表单！表单对前端开发来说还是挺高的，因为我们能在一个网页中看到很多的表单应用。包括用户的注册啦，密码验证啦，还有搜索栏之类的，几乎全是表单的应用。表单学习比较重要的地方应该就是那十来个表单控件的应用，这些表单控件进一步区分的话还有就是单边标记和双边标的的表单控件，因为很多单边标记的表单，他的值一般只能是存在value当中，如果不注意的话，很多时候我们会忘记写上这个value。这个阶段的表单感觉并不是那么难，当然，学到后面的JS之后，相对于表单验证之类的才感觉难了很多。

　　第二部分：CSS学习

　　对我来说，CSS课程虽然只有三天，但是却是更应该学好的一个模块。因为我们都知道，其实一个网站的WEB前端，就是用

　　加CSS来写的，不是用之前的表格来写的，足以见得CSS的重要性。CSS就是网页样式，一个网页的整体美感，在你确定了框架之后，就看你的CSS样式的添加了，所以一直以来都很想把CSS学好。记得CSS学习的那几天，自己的消化还是很好的，自己去独立完成练习的时候也是没有太大难度的，但是不知道是为什么，到后面学习JSJQ的时候，操作CSS时居然会吧CSS和HTML弄的有点混淆，这一点一直没做好。CSS的学习还有一个地方就是浮动，因为存在块元素和行辈元素，块元素因为其本身特性，一个块元素标记他要占用一整行的空间，而一个行内元素他只能占用行内的一些空间，但是在实际操作中，很多时候我们却要想将多个块元素排在同一行，或者将多个行内元素排在不同行，这时候就可以使用浮动的方法来实现，浮动最主要做的就是这个，唯一要记住的一点就是做了浮动之后，如果他的父元素是没有进行匡高的设定的话，是不是要进行清除浮动，防止下面的操作也是有浮动的。

　　第三部分：重点学习JS

　　JS是相对于这整个月学习的重点吧，也是很多人没办法很好接触的地方，当然，自己在这里的学习也是有不足的地方。像一些对属性的操作的标记之类，懂得怎么用，但是不是很熟悉，所以经常在操作的'时候要去查手册。学的最不好的一个地方应该是将数组中的元素按照一定的规则或者顺序添加到指定或对应的表格中，这中题型是自己做的比较少的，也是掌握很不好的地方，所以也希望用放假的这几天好好练习一下，不能拖到下一个阶段去。个人对JS的理解其实就是大量算法的集合，因为很多时候你都会用到函数，只是多了一些找元素和对元素绑定标记的过程，最重要的还是构造函数，调用函数的过程！

　　第四部分：JQ及Bootstrap

　　对于JQ和Bootstrap的学习来说，其实就是一个应用的过程吧，所有的函数都帮你写好了，你只需要学会调用就好了的。当然。调用他，其实对于JQ来说，学习的过程没有具备很大的难度，只是尝试着去多写写，写两三次基本就记住怎么用了。最后还有一天的Bootstrap学习，写过一些案例，只要会改，基本没有太大的难度。

　　后续：其实对于WEB前端的学习的话重要的就是多用，很多东西我们上课听得时候其实都基本听得懂，但是更重要的是在于你课后的练习，离开了老师的一个思维引导，我们该怎样去完成项目才是我们该学会的。这一个月的学习难度系数都不是很高。但却是一个比较繁杂的过程，因为作为前端来说，我们需要不断的优化，不断的修正，美化整个页面。不管是前端还是后端，都希望自己能好好学！