网站建设实训报告样板（网站建设实训报告样板怎么写）

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

本文目录一览：

• 1、网站设计实训总结
• 2、网页设计实训心得三篇
• 3、用ASP制作网页的实训报告总结
• 4、《网页设计》实验报告
• 5、要一份网页实训报告
• 6、网页设计或网站建设的实践报告

网站设计实训总结

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

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

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

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

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

网页设计实训心得三篇

网页设计实训心得一：

这两个星期是我们的网页设计实训时间，这正是考验我们实力的时候了。

经过一个学期的网页设计的学习，我们的专业基础更加扎实了，我们对于自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习，刚开始接触网页设计会觉得很神奇，平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站，可以与其他网站媲美。对于我这种初学者，有这种天真的梦想促使我更努力的学习网页设计。

平时老师授课，讲解了有关网页设计的理论知识以及实际操作的示范。网页设计更着重于实际操作，我们在机房通过每次上课的学习运用，已经有了一定的基础。一开始我们都是看着别人的网站去模仿建设，到后来每个人在设计自己的网页时都有自己的人个人风格，这就是网页设计的乐趣。他不仅可以激发同学们的兴趣，还可以把自己的风格更大胆地展示出来，是一个可以展示自我的空间，使我们更有成就感。

这两个星期我们实训课让我们更清楚地认识到自己的建站水平。实训任务是建立自己班级的网站，刚开始觉得两个星期足够我们去建成一个网站，但是我们都太高估我们自己了。一开始设计网站时不知道从何下手，之前老师上课讲的知识一时不知道怎么灵活运用起来，我才发觉对我软件功能的不太熟悉，除了基本的框架构建，其他的设计都需要比较长的时间去思考以及翻查书本。但是同学们都很积极地向老师提问，把自己存在的问题一一的解决掉。虽然建立网站不是很顺利，也只有这样我们才可以正视自身，把平时半桶水的听课方式给改掉。在这次的网站建设过程中，我发现自己对于知识不能灵活运用，不能巧妙地结合起来，对代码的不熟悉，这更加是一个大问题。建站过程中会遇到代码出错，代码位置写错之类的问题，当测试的时候出现了错误但是不能看懂出错原因，只能靠网上搜索。因为对于这种程序的东西我会比较抗拒，从小就不喜欢思维性太强的学习，所以建站会遇到比较多这种问题，但是我只能积极去面对才能完成任务，毕竟这是我的专业，为了专业而专业，不能说不喜欢就不愿意去学，这次实训我反省了自身的存在问题。我们建立网站的时候都发挥自己的创新力、 想象力 ，用心地完成这个大项目。会遇到很多的问题，经常因为一个细小的步骤而出错，做动态网页的时候会遇到更多类似的问题，通常都会花费我很多时间来解决出错原因。打个比方，我会一个上午都在弄留言板，因为不知道出错原因，当请教老师或是同学的时候才恍然大悟，原来是这么简单的。当然，最终可以解决困难我还是很欣慰的。

当我真正建立起自己的网站的时候，我看着自己的作品非常地兴奋，这是我用心血完成的只属于自己的网站，特别地欣慰。因为过程的困难，我更加珍惜自己第一次的作品，做每一步都会小心翼翼，就像母亲生怕会失去自己的孩子一样，我就是这样的感受。

我可以说网页设计给了我很大的收获，我是用我的热情去学习，也是用我的真心去设计，属于自己的东西永远是最美好的。网页设计不是用嘴巴就可以设计的，更需要的我们的坚持、创新、用心，才能收获更大的胜利。

网页设计实训心得二：

转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。

记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。

第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。

中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。

因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多 方法 ，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。热情和执着，我将来设计出的网页会更加专业，更完善。

网页设计实训心得三：

科学是发展生产力的根本前提，当今的社会是互联网蓬勃发展的世界，每当我们上网的时候，那一个个精美别致的网页给人是多么流畅顺利的感觉，无论是寻找资料还是网上商城购物，都给我们带来了方便快捷的好处，我想，科学技术的发展，离不开互联网的发展，而互联网的发展也离不开网页制作的发展，而只有把两者结合起来才是正确的。

首先，了解网页并不是单纯的认为他仅仅只是为人们服务的，而它的存在也是给我们带来了利益和好处。当然，了解网页首先也从几个软件开始：

1. dreamweaver m_ __ (或dreamweaver 8)。

2. flash m_ __ (或flash 8)

3. fireworks 8

而网页制作就是开始从这些软件开始着手的，今天，我终于可以学习网页制作了，我们在杜奕老师的教导下，各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页，就是指一个可以浏览内容并且可以使用ie浏览器打开的内容称之为网页。

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实，但是只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver m_ __ 很难理解，不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。如：布局表格、绘制层、制作css样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘，每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

“路漫漫其修远兮，吾将上下而求索”学习的道路是艰苦漫长的，更何况这是关于一个科学技术的一个代名词，随后，课堂的气氛慢慢的好转，耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能，老师也为了能教好每一位学生，而学生也不辜负老师的使命，就这样，网页制作这一门课程进行的很顺利，学习了dreamweaver m_ __ 对它如何彻底的剖析和分解，我们终于认清了它的原理，摸清了应该怎样去完全的使用它，而我们在老师的指导和训练的结果下，终于开始做属于自己的网页了。

慢慢的快接近尾声了，我们也快临近期末了，老师给我们的任务却是需要我们每人至少做出三个网页来，且内存不能超过3m，刚开始我以为我会对着感到很是吃力，不知道该如何是好，毕竟网页才是刚刚起步，根基不稳，怎么能够做出这样的网页呢?而我对dreamweaver m_ __ 它也不是很熟悉，心里真是很担忧。

在这最后的时间里，我仔细掂量了一番，网页制作给我的结论是：要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。通过这个课程的学习，我从中得到了一些对网页知识如功能、概念的理解，原来要做出一个简单可行的网页并不是一件害怕的事情，而是一件努力和尝试的事情。

网页设计实训心得三篇相关 文章 ：

★ 网页设计实习心得体会3篇

★ 网页设计实训心得

★ 网页设计实训报告心得

★ 网页设计实习心得体会感想

★ 网页设计实习心得体会

★ 设计实训心得体会3篇

★ 设计实训心得体会范文3篇

★ 网页制作实习心得

★ 有关网页制作实训报告心得体会

★ 网页制作实习心得小结

用ASP制作网页的实训报告总结

1. 实习内容及知识应用

1.1实训内容以及进程安排

实训内容：动态网站制作的学习及动态网站的制作

这次在3名指导老师的带领下，我们主要学习了用2种现在比较流行的动态网站开发平台来开发网站：JSP平台与ASP.NET平台；JSP平台方面主要通过XX老师示范制作myblog个人博客网站而学习JSP平台的搭建、数据库的连接、网站测试等内容；而ASP.NET平台主要通过XX老师和XX2位老师的指导，学习并搭建了ASP.NET平台，掌握了网页三剑客制作动态网站的基本常识与方法，以及数据库的连接、网站测试及Photoshop处理图片等内容

：

进程安排

日期

日程安排

08年7月28日 确定小组组员，小组成员为：XX（组长），XX（组员）

08年7月29日 确定小组动态网页开发平台为ASP.NET

08年7月30日 确定网站要实现的功能①

08年7月31日-8月5日 制作BBS网站

08年8月6日 测试BBS网站

08年8月7日-08年8月15日 制作电子商务网站

08年8月16日-8月17日 测试电子商务网站

08年8月18日-8月20日 提交网站给指导老师，听取指导老师意见，完善网站

08年8月21日-8月22日 网站制作与小学期总结，写小学期文档

08年8月23日 提交小学期文档，小学期实训结束

说明：①经过讨论，我们组决定建设2个网站来实现以下功能

网站1-BBS网站：在这个网站中，我们主要实现了站点日历与站点搜索引擎2大功能。

网站2-电子商务网站：在这个网站中，我们主要实现了用户注册与登陆、购物车的实现、订单的显示等页面。

1.2知识（点）应用以及经验总结

这次制作2个网站主要应用的知识有以下：

⒈ 数据库的创建

① Access数据库的创建

Acess提供2种数据库创建方式：一种是创建一个空数据库，然后编辑数据表的内容；另一种使用数据库自带的模板创建；在动态网页面中，一般应用第一种方式

② Access数据库的打开方式

包括打开、只读方式打开、独占方式打开、只读独占方式打开

③ 利用设计器设计Access数据库

利用Access数据库里的设计器设计Access数据库

④ 使用向导设计Access数据库

通过Access的向导，经过一系列对话来设置Access数据库

⑤ 通过输入数据连接Access数据库。

先输入数据再确定字段

⒉ 数据库的连接

① ODBC连接数据库

打开ODBC数据源管理器面板。 在windows XP中打开控制面板，再打开管理工具，找到数据源（ODBC），双击图标打开管理器，选择系统DSN。添加数据源，点击添加按钮，开始创建数据源，在接下来的对话框中选择数据源的驱动程序，因我们使用的是Microsoft Access创建的数据库，所以选择Microsoft Access Driver(*.mdb)作为数据库驱动程序。点击完成按钮，填写数据源名，以简单易记为原则，这里我们以userinfo（表名）来命名，注意不要冲突。说明填不填都无所谓，是描述这个数据库的用途而已。点击选择按钮，选择你的数据库文件。找到自己想添加的数据库，选中即可。

② OLEDB连接数据库

在Dreamweaver 中,可以通过在连接字符串中包含 Provider 参数来创建 OLE DB 连接。打开Dreameaver，在站点里面先新建个ASP页面（index.asp）。 在“应用程序”面板中选中“数据库”标签。只要我们在前面建立了站点，选择了文档类型（即我们选的ASP Javascript的），并且还测试了服务器（）；则当前我们看到就剩下第四步没有打勾了。 那现在就点击“+”号，选择“自定义连接字符串”。在弹出来的“自定义连接字符串”对话框中，"连接名称"随便写一个。“连接字符串”就要好好填写了。当"使用此计算机上的驱动程序"时应用绝对路径：DRIVER={Microsoft Access Driver (*.mdb)};DBQ=d: ewgndatabasecnbruce.mdb 否则“使用测试服务器上的驱动程序”采用Mappath转换路径"Driver={Microsoft Access Driver (*.mdb)};DBQ=" server.mappath("/newgn/database/cnbruce.mdb"),点击“测试”，出现成功对话框，成功连接数据库后，在DW里其实是自动生成了一个连接文件。位置在自动生成的Connections文件夹中，名称是你刚才在“自定义连接字符串”随便敲的为命名asp文件。还可以注意到DW数据库标签内看到mdb文件内的各个字段。

⒊ 动态网页开发技术

① 记录集的定义

分为简单记录集定义与高级记录集定义，简单记录集的定义使用户不必用SQL语句查询而快速定义记录集。高级记录集定义则通过SQL语来定义记录集。

② 记录集的绑定

记录集(查询)的绑定。在网页中插入一个表单，并输入需要插入到数据库的相关内容，然后通过记录集（查询）功能来实现表单和数据库的相互协调使用，并实现“动态”功能

③ 重复区域服务器行为

服务器行为其实一段VB代码，为了方便用户对记录集的操作，DW中将常用代码进行封装，命名为服务器行为。而重复区域服务器行为相当于一个FOR循环函数

④ 设置记录集导航条

添加记录集导航条以分页的方式用来显示重复区域服务器行为显示有限的记录

⒋XML动态网页制作

① XSLT

XSLT 是一种用于将 XML 文档转换为 XHTML 文档或其他 XML 文档的语言，XSLT 用于将一种 XML 文档转换为另外一种 XML 文档，或者可被浏览器识别的其他类型的文档，比如 HTML 和 XHTML。通常，XSLT 是通过把每个 XML 元素转换为 (X)HTML 元素来完成这项工作的。

⒌服务器的配置

① 站点存放点的创建

打开电脑，在D盘下建立一文件夹newgn（这个夹子就是你的站点存放点了），并且在里面建几个子文件夹（就好似你网站的子目录）。

② 建立虚拟目录

回到newgn的根目录，右键选择“共享和安全”（其实是快速地建立虚拟目录）

③ 设置IIS的虚拟目录

出现属性对话框后，选择“Web共享”标签，点选“共享文件夹”，出现共享别名对话框，选择默然设置，确定即可

⒍利用Dreamweaver创建站点

选择“编辑站点”，在弹出的属性框中选“高级”标签，从“分类”中先选“本地信息”，右窗口中设置站点名称，本地根文件夹，然后设置远程信息，访问选择“本地/网络”，远端文件夹仍选择站点文件夹d: ewgn，再接着“测试服务器”，“服务器模型”暂为ASP vbscript，“访问”本地/网络，“测试服务器文件夹”仍是站点文件夹d: ewgn，“URL前缀”在后面添加“newgn/”，添加的东西就是设置的虚拟目录，这时，站点定义基本结束，点击确定。出现“编辑站点”对话框，“完成”即可。

⒎利用FIREWORKS处理图片

利用FIREWORKS处理一些图片和制作一些GIF动画图片

经验总结：

利用Dreamweaver做ASP动态网站主要为以下几步：

①网站服务器配置

②数据库设置

③数据库显示

④建立注册系统

⑤建立登陆系统

⑥美化网站

2. 实习心得

{要求500字以上}

l 过程、功能需求、菜单设计、界面设计、数据库设计、知识的应用技巧、团队合作感受等(指导教师可按实习内容进行要求并自行增加内容)

本次小学期期实训，我们小组主要制作了2个动态网站,而制作这2个动态网站的主要过程是：

⒈个人博客网站

①站点的定义

②数据库的连接

③制作站点搜索引擎及搜索结果页面

④制作日志列表

⑤制作BLOG首页面，基本页面设计

⑥定义并绑定记录集

⑦界面的美化

⑧设置重复区域

⑨指定日期的日志内容页面

⑩日志具体内容页面-日志内容和回复及日志回复功能

⒉电子商务网站

①站点的建立和连接字符串

②用户登陆及用户登陆信息显示页面

③错误信息页面设计

④创建模板

⑤添加登陆页面的嵌入框架

⑥用户注册页面的实现

⑦添加“密码”比较验证的代码

⑧制作最新产品导航条与滚动产品导航条

⑨产品展示的实现

⑩用户购物车：限制用户登陆、添加购物车程序、购物车链接、删除购物车

而这2个网站实现的功能大不相同，前者为一个博客网站，主要实现了站点搜索引擎、日志列表、站点日期等内容；后者为一个电子商务网站，主要实现了用户登陆、用户注册、密码验证、产品展示以及用户在线购物等内容；刚确定制作网站的时候，本设想将2个网站整合在一起，但由于技术和其他原因，这个目的没能实现。

制作动态网站，数据库最重要，在我们小组这次制作网站的过程中，花时间最多的地方就是数据库-数据库的建立、数据库与网站的连接、记录集的绑定、数据库安全等等，由于时间的关系，我们小组这次采用的是Acess数据库，它与其他数据库相比较相对来说操作比较简单。在数据库的制作中，这次我们小组遇到的难题主要是采用OLEDB连接数据库的方法，这个难题的关键之处是在于如何利用 Provider 参数来创建 OLEDB 连接，我们在网上搜索了大量资料并在XX老师的帮助下终于学会了如何使用OLEDB连接数据库。

总结这次小学期实训，这次2个网站能这么顺利的完成，离不开老师的帮助和小组成员的努力，虽然这次小学期实训我们小组只有2人，但是我们是一个有效率、有组织、有团队精神的小组，有效率在于小组制作网站中分工明确、讨论有目的；有组织在于小组成员能按时、有质量的完成自己的分工任务，值得一提的是这次小学期网站开发的大部分时间在小学期实训教室而我们小组成员还从未擅自旷课、上课迟到、早退等违纪行为；有团队精神在于我们小组实训过程中的共进退，从不因为自己分工任务提前完成而拉下其他组员，我们意识到小组是一个有组织、有记录、有共同目的的集体而不是一个由分散的个人组成的团体，在这次小学期实训中之所以提出小组分工这是锻炼小组组员的个人能力培养，而帮助有困难的组员这充分培养了组员之间的默契和团队协作能力。

这次是毕业前最后的一次小学期实训，也是自己做投入、最用心的一次实训，与以前的小学期相比，以前的小学期都是以掌握某种实训技能为主，而这次小学期则不仅掌握了动态网站的制作技术而且还制作出了自己的成果，自己非常高兴。经过这次小学期，我领悟到任何东西都要“学以至用”，学习了还不行还要看自己掌握了没，掌握了还不行还要看自己熟练了没，熟练了还不行还要做出一定成果。即将毕业，能接受这么一次有意义的小学期实训感觉很充实。

网址:

《网页设计》实验报告

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="77e704aaa493e9b7 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。

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

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

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

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

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

网页设计或网站建设的实践报告

以是研究呀

没有绝对的东西，有利就有弊，利用得好会让你在短期内快速战领市场。现在连收费品，下水道，家政保洁等服务行业能过网络营销接定单火着呢，关键看你如何利用网络营销为你赚钱，拉业务.少走些弯路就行

最重要的从以下几点来做：

1、营销网站制作，网站就如同公司的前台，如果前台都没有，别人到你公司去谈业务，同样的价格别人不一定会选择你。网站一定要做成小型门户型的，千万别用网络公司送的几时十个页面的垃圾网站，

2、网站整体优化，如今中小企业网站数量越来越多，而中小企业里懂网络营销的人才不多，通常中小企业的网站都是由网络服务商制作维护，可是网络服务商只管做网站，不管网络营销。这是其一。其二，网络推广费用太高，一部分中小企业付担不起，而网站优化不必要支付按点击付费的费用。所以有机会节约网络营销成本就抓紧进行网站优化，让你的网站成为行业冠军，定单自动找上门。SEO可从：对网页的URL 、TITLE 、META 标签、正文标题、正文内容、ALT 标签、链接进行优化

3、花钱做些广告，天下没有免费的午餐这句话谁都知道，要想让你的客户找到你，目前搜索竞价广告可以说是较快的让你的客户找到你，但网站一定要做得专业些，千万别用几十个页面那种的。

关于网站建设实训报告样板和网站建设实训报告样板怎么写的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。