网页设计实训报告

网页设计实训报告5篇

　　在现实生活中，我们都不可避免地要接触到报告，我们在写报告的时候要注意语言要准确、简洁。那么，报告到底怎么写才合适呢？以下是小编收集整理的网页设计实训报告，供大家参考借鉴，希望可以帮助到有需要的朋友。

　　网页设计实训报告 篇1

　　静态网页设计专业实训总结报告提要：

　　网页设计实训就快结束了，在这短短的两周里，我学会了很多新的知识，更掌握了新的技能，让我觉得受益匪浅。在实训时，有空闲就会想到学校里青葱岁月，简单流畅，无忧无虑。

　　插入apdiv标签，插入图片，创建超链接，设置段落

　　2.1.3作品展示

　　图一：中秋送祝福

　　2.2项目2

　　2.2.1项目介绍

　　有铁血战鹰的的图片素材及相关资料，对铁血战鹰进行描述，创建“铁血战鹰网页”

　　2.2.2关键技术

　　应用表格布局，插入横线对网页进行美化

　　2.2.3作品展示

　　图二：铁血战鹰

　　2.3项目3

　　2.3.1项目介绍

　　现有自然写真的图片，要求自然写真的图片在鼠标经过时换成别的图片，点下导航栏的标题时转向别的网页，制作静态网页，网页名称为自然写真。

　　2.3.2关键技术应用

　　练习头标题的应用，超链接的创建，flash的插入，导航栏的创建。

　　2.3.3作品展示

　　图三：自然写真

　　3．实训过程总结

　　3.1实训收获

　　这个阶段的实训我们主要是练习网页制作及网站发布的各种知识。近些年随着计算机的广泛应用，Internet已经成为人们获得信息不可或缺的媒介，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。无论是最新的新闻信息、新产品的出台、新游戏的发布、最新的动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这提供平台的呢。我们又是通过什么来获取这些信息的呢―网页。由于人们使用网络的频繁，网页作为上网的主要依托就变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。网页设计直接面对的是大量的用户，随时都会反馈回来对网页的批评建议等，可以根据实际情况进行修改，这样做可以使使用者用起来更加的方便。

　　Dreamweaver工具为我们实现这些提供了便利，下面我将网页制作和网站发布的知识总结如下：

　　（1）网页制作的前期工作是搜集大量的素材，我们的网页只有是实用的才会是大众喜欢的，搜集素材以充实我们的网页。当然我们也应该在此时定下网站的方向是什么，剩下的'就是靠Dreamweaver进行编辑；

　　（2）网页的版式设计，版式设计时我们应该有重点，把重要的内容新闻放在醒目的位置上。规划各元素在网页中的位置关系和表现方法，合理安排图像、文本等元素，使网页布局合理、美观大方；

　　（3）文本编写，我们的网页中需要大量的文字材料，这就要在网页编辑器中用HTML语言中的标签编写。也可以利用网页编辑工具的“所见即所得”功能，直接写入文字。在浏览器中运行时出现冗余代码时返回代码页面重新进行查看修改；

　　（4）处理网页之间的关联，这主要是建立合理、高效的网页导航系统；

　　（5）网页发布过程，主要是将建设好的网页上传到服务器中供用户浏览。

　　3.2存在的问题及解决思路

　　（1）在Dreamweaver基础方面：制作网页时如何实现网页不跳转就可以出现新的内容，实现页面内的链接；用代码编写网页上的按钮，实现按钮的各种功能，如刷新，重置，确定操作。Css样式表的概念模糊。

　　（2）网站风格方面：一个网站的各个页面之间风格应该是统一的，只有围绕一个风格才会成功。

　　（3）网站的内容方面：在制作网站时内容之间应该是相关的，在制作时我们不能追求面面俱到，只能做到精益求精。杂乱无章的网站是不会有大的发展的。

　　4．结束语

　　网页设计实训就快结束了，在这短短的两周里，我学会了很多新的知识，更掌握了新的技能，让我觉得受益匪浅。在实训时，有空闲就会想到学校里青葱岁月，简单流畅，无忧无虑，回想各位老师的授课，孜孜不倦，学校的生活固然是快乐，www.但是学校的实训课程真的很重要，因为它能让我们这些在校学生接触到社会的发展，让我们有时间岗位环境，顺利得从单纯的校园生活感到复杂社会生活的不同。在这一周的时间里，我一心只做网页，做自己喜欢的风格的网页。经历了一次充实而有愉快的实训，我学会了制作框架、使用锚点、给网页网页插入背景音乐、表格、视频、flash、导航条等更深层次的掌握了它们的用法，现在我心目中的网页也已经大体竣工，我感到很开心，经过这两的不断探索，我喜欢上了这门课程，感觉很有意思。或许实训的结束代表一段新生活的开始，但是我认为它不但是一门课，需要我们去掌握，同时还可以锻炼我们的逻辑思维能力和思维的严密性，还有就是在制作网页的过程中，更需要有不错的艺术审美观，这样，你做出的网页才会赏心悦目，让人眼前一亮，也就是从此刻起，我决心好好钻研这门课，力求这方面的技能达到顶级。虽然网页已经完成，可这并不是一件轻而易举的事情，在此过程中遇到了许多以前不曾遇到的问题，多的情况都是自己解决，万不得已之际，我会主动问老师和同学，直到弄懂为止！让我更加清楚地明白老师平日里的良苦用心，也更加清楚地明白了自己以后应该怎样去做事。

　　网页设计实训报告 篇2

　　前言

　　Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针DREAMWEAVER对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网(Internet)的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人”。

　　1．对静态网页设计的认识

　　1.1网页设计介绍

　　从文件的角度来说，一个网页就是一个HTML文件。当浏览者输入一个网址或单击某个链接后，在浏览器中显示出来的就是一个网页。一般网页上都会有文本、图片等信息，而复杂一些的网页上还会有声音、视频、动画等多媒体内容，为网页增添了丰富的色彩和动感。静态网页是指网页文件中没有程序，只有HTML代码，一般以.html或.htm为后缀名的网页，静态网站内容不会在制作完成后发生变化，任何人访问都显示一样的.内容。网站是一系列逻辑上可以视为一个整体的网页集合，是许多相关网页有机结合而组成的一个信息服务中心。对于小型网站，是指带有一定主题的多个网页集合；对于大型网站还包含数据库和服务器端应用程序等如新浪、网易、搜狐等门户网站。在构成网站的众多网页中，有一个页面比较特殊，称为首页，即网站的第一个页面。动态网页是指网页文件不仅具有HTML标记，而且还含有程序代码，并使用数据库连接。动态网页能根据不同的时间，不同的来访者显示不同的内容，动态网站更新方便，一般在后台直接更新。

　　1.2网页设计及网页布局技术

　　网页是构成网站的基本元素。一个网页是否精彩与网页布局有着重要关系。常见的网页布局类型有“国”字型、“匡”字型、“三”字型、“川”字型等。其他类型的有：标题文本型，封面型，Flash型，框架型。可以用表格的形式讲一个页面分成几个单元格，通过单元格的合并拆分，对网页进行布局，单元格就相当于是一块纸，在纸上写的东西单元格里都可以容得下。通过设置单元格的长宽对页面进行布局。框架对网页进行布局有很多优点网页结构清晰，易于维护和更新。方便用户浏览网页，采用滚动条，可节省页面空间，使网页风格保持统一；CSS作为网页设计中的一种重要技术，具有以下优点：，表现和内容相分离，提高页面浏览速度，易于维护和修改，应用apdiv创建网页，网页清晰，易于分块。应用表单创建网页，应用行为创建网页。

　　1.3静态网页设计的技术要点

　　用框架对网页进行布局时有很多缺点：网页内容无法被大多数搜索引擎搜索到，不被低版本浏览器支持，样式陈旧，无法满足个性化设置，难以实现不同框架中各元素的精确对齐。在网页设计过程中使用CSS样式表，主要有以下两种方式，内部CSS样式表，外部CSS样式表，应用库创建网页时：对于站点访问者和开发人员而言，使用交互式网页www.具有更多用途，使访问者可以快速方便地在一个内容丰富的网站上查找信息，后台管理者可以收集、保存和分析站点访问者提供的数据，，后台管理者可以对内容不断变化的网站进行更新。静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”;网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件;静态网页的内容相对稳定，因此容易被搜索引擎检索;静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难;静态网页的交互性较差，在功能方面有较大的限制。

　　网页设计实训报告 篇3

　　不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情.

　　自从第一天接触《网页设计与网站建设》课程,我以下定决心要把网页这门课学好,做出一个优秀的网站.所以我时刻没有错过任何学习的机会,无论在课堂上,还是在课外上.更何况这一次实操.回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计网站,还记得晚上做网站做到一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学会很多东西，学会别人不懂的东西，做出一个令自己满意的网站，可能跟别人比还需要继续完善，但我不会因为实操结束，就把网页设计抛到九霄云外，我会继续学习网页设计技术，把它变为自己的一项特长。

　　回顾第一天的《网页设计与网站建设》课程实操，老师叫我们继续完善以前设计的网站，做出留言板、注册的功能。我很快就完成了，但可能我是一个追求完善的人，所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的决定，从头开始做一个网站。因为我觉得以前那个真的不是太好，尽管实操的时间过去了一半，尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著，追求成功，追求完善的人，才会使我今天交出一个令自己满足的答卷。

　　在制作个人网站时我们首先：

　　一、必需进行个人网站前台功能设计

　　包括个人网站主题的确定，前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。

　　二、对个人网站后台管理功能设计

　　包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。

　　三、网站的发布

　　通常我们发布一个网站可能以能过域名注册，但我们也可以利用自己主机，装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。

　　四、个人网站推广

　　一个网站做好了，就要对个人网站进行推广，这是一个电子商务网站必需做得的一步，因为如果你不对你的网站进行推广，就算你发布了也没有人会知道的。

　　在设计这个网站时真的体会很多东西，从一开始网页主题的确定，到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划，因为如果你不规划好，想做什么就做什么，是不会做得好的。因我为体会到这一句话：“机会中属于有准备的人”。我详细到一个表格宽度都一一列明。例如：775宽度，分三栏，每一栏占多少。因为我深深懂得“细微处才见真功夫”。

　　在这次实操过程中令我印象最深的是做留言板，因为刚好在上一个星期sql数据库实操做过了，所以今次在做就比较轻松，但我以前是经过一个比较长的`练习，做完了n次，可能有人会想，肯定是不会才做这么多次啦!但我想告诉这位同学我每次做得都不是不同的方法。第一次我用的是access数据库，第二次我用的是sql数据库加权限管理，第三次我用的是数据源名称的连接，第四次我用的是自定义连接字符串，第五次……每一次用的方法都是不同的，可能有人会说我傻，会一种方法就行了，还要那么多吗?但我想说的就是不是这么多次的练习，不是之么多次不同的方法，也就不会造就出今天熟能生巧的我，也不会对同学提出的问题解决到，也不会轻松教会同学，因为你自己首先学会，学通，学广，才能把问题一一的解决。

　　网页设计实训报告 篇4

　　本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在INTENET领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。

　　一.充分发挥动手能力

　　作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的`个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。

　　二.在设计过程中不断提高网页设计水平

　　在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、Fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

　　三.不足之处

　　由于平时工作比较繁忙，学习时间比较少，对于网页设计软件的强大功能运用得还不够。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。

　　总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。

　　网页设计实训报告 篇5

　　为期四个星期的实训就这样结束了。这学期的实训是我在南工院的最后一次实训，所以我很重视，也很认真。当然，在本次实训中我也学会了许多编程方面的知识，这些知识的积累是非常重要的。

　　本次实训的主要目的是让我们来做一个网上商城，通过了解ASP的框架以及结构，熟悉ASP.NET应用程序的运行环境及开发平台和其内置对象的属性以及其方法，以及其界面的设计代码让整个系统能正常的运行，通过写每个页面的功能实现代码，让我们巩固了之前学的知识，又有进一步的加深对语言学习的印象，最终能够实现网上购物的一系列流程。我们小组主要应用ASP.NET设计一个网上图书商城，完成对数据库的基本操作。根据所安排的课题项目，设计出一个结构基本完整，具备一定应用功能的网上图书商城。要求具有一定的内容，程序界面使用ASP.NET的WEB控件，可以完成会员的图书浏览、数据检索、登陆、注册、购书、修改会员的各种信息等。

　　我本人主要负责网上书城首页、详细页面的设计。其中首页实现的功能主要有：图书的展示、新书上架、图书搜索、会员登陆、图书详细情况的调用。另外，我还设计制作了数据库中的图书信息表。其中首页的搭建过程还是比较繁琐的，需要考虑的内容太多，而且还要做得美观简洁，工作量是蛮大的。经过此次实训，使我比较全面、系统的`了解和熟悉ASP的各种工具的使用，各种不同的效果的做法，为我们以后的学习和工作打下了坚实的基础。以前没有学懂的一些东西，在这个实习过程中我基本把它们弄懂了，可以说这是对我所学知识的复习和深化。对于难点的克服，我除了请教老师、询问同学外，课后也找了一些相关书籍看了看，在实训的过程中真的学了很多知识，受益匪浅。

　　其实，实训不仅仅是为了让同学们完成任务而展开的学习计划，更是要培养学生的学习能力和精神。我也深刻认识到：在学习过程中密切联系生活和工程实际，激发学习的求知欲，培养我们的科学精神和创新精神;培养学习对待工作和学习要耐心、细心和一丝不苟、精益求精的职业习惯等精神和素养是十分重要的。

　　实训结束了，很感谢田晓敏和杨正翔两位老师一个月来对我的悉心指导，感谢小组同学的互相鼓励与支持，也感谢班级其他同学对我的帮助。如果没有每一个人的辛苦努力与付出，我不可能完成自己的任务，也不可能取得如此好的成绩，在此，我对所有付出过努力的老师、同学道一声诚挚的谢意：谢谢你们!

　　天高任鸟飞，海阔凭鱼跃。人生的道路上还有很多考验等待着我们，我们要勇敢的向前大步迈进。

　　加油吧，为我们的理想!