动态网站建设实训报告

动态网站建设实训报告

动态网站建设

实训报告

班级：G093501姓名：孙琦学号：093501047指导老师：XXX

实训时间：201*.10.10~201*.10.15

201*年10月15日甘肃机电职业技术学院一、实训目的

1、进一步熟悉和掌握网站建设的基本流程和技术规范；

2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；

3、巩固综合运用Dreamweaver软件完成网站建设任务的方法，能独立设计一个内容完整、技术运用得当的网站；

4、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

5、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的动态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等），为今后从事网站开发、维护和管理奠定基础。

二、实训项目

学生信息管理网站

三、实训过程

1．资料的搜集。2.构建站点框架。3.设计主页及二级页面。4.实现网页间的链接

链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。具体情况如下：

通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是Dreamweaver软件。Dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。制作网页,首先是确定主题,经过再三考虑,就做了个关于学生信息管理的网站,于是确定主题,但有些内容比较复杂,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的学生信息管理网站,于是网站主题确立。

然后是整体规划，每一版块清晰明，便于管理，大致分几部分，学生信息显示、编辑、添加、删除等。

再后就是建立站点，

接下来就是制作网页了，使用Dreamweaver制作。

首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用:这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求:布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。还有，这次的网站大部分用的是表格，层用的很少，因为它太灵活了，不好控制，用的很少。

再后，是网页的上传与发布，用ftp将制作好的网站上传

制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才开始查找，开始的时候只是会建立模版，可不会应用，操作，可这样要修改模版可就麻烦了，要一个网页一个的修改，于是赶紧上网学习相关内容，阅览书籍，最后才知道文件这有个资源，点击：

进入资源面板，点击到数第二个的模版，选项，所有模版就都显示了，点击资源面板左下角的应用命令，好了，这个模版就应用到你建立的网页中去了。这只是在制作过程中出现的问题之一，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。以后要学的实在是太多了，而且我也很喜欢这方面，在以后的日子里，会努力填充自己，丰富自己的。希望以后有不懂的地方，老师能多多指点。

四、心得体会

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢对就是网页。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人”。我们将什么样的信息传达给浏览者，要讲述什么样的事情，网页在这里起着重要的作用。（一）页面的设计方面

网页设计跟学习别的东西一样，也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。

学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了很长时间才解决。

学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习

并且学习网页设计不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的"边缘科学."不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到：,

VBscript,css,asp等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.并且我认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。因此我提倡简单的美。（二）网页的整体布局和导航

网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。如何突出最重要的内容，即让用户眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中，一个共同的特点就是网页的整体架构十分的清晰明了，便于用户浏览。网页布局是主要考虑以下几点：

1、首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。2、其次就应该考虑导航条的设置了。

3、正文的框架设置（横向因素和纵向因素交错）（三）网页制作过程中的其他注意事项

不要过于注重色彩的灿烂，只要简单就行。我们最终追求的主要是实用价值。通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。

一个星期的实训将结束了，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了制作动态网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

扩展阅读：动态网站建设实训报告

甘肃机电职业技术学院

动态网站建设

实训报告

专业：计算机信息管理班级：学号：姓名：韩阳平指导老师：实训时间：实训地点：动态网站建设实训报告

前言

人类永无止境的探索精神，是科技发展的原动力，驱动着我们的步伐飞速迈入21世纪的E世代。我们是新世代的探险家，为人类探索陌生的价值，就像第一个发现黄金价值的人。我们了解所做的事，我们知道该如何去做，正确判断自己，正确判断周遭，我们绝不冒险。我们肩负使命，为世人开拓沟通的新方法，人类的感知将无限延伸，沟通将与光同速。

企业形象和商业宣传网站主要是为了全面展现企业的整体理念，介绍公司的业务和宣传商业价值。

设计风格配合企业的统一形象，力争国际化、商业化；表现上配合多媒体技术和手段，充分体现宽带环境下的绝对优越，强调感官冲击力网站信息编排和栏目设计上，力争简洁、明晰，做到信息模块化；根据访问者的不同动态生成对应级别信息；网站内容上紧扣主题与各功能网站保持完整线上宣传系统的绝对职能分工。

本站点采用动态网页技术，运用网页制作软件DreamweaverCS4进行网站开发、制作，整体页面采用的是模版加表格的形式，适当加如CSS特效编程使网页变的越加生动和新颖。

利用现在时下非常流行的引导页加首页的样式，此样式最大的特点在于，引导页给予阅读者一个网站总体的感受，第一印象是最重要的，所以我们要抓住这第一印象，给予读者一个数字化的网站新概念。

动态网站建设实训报告

一、实训目的

通过实训让我们对网页有更深一步的了解，培养我们的动手能力，提高我们运用ASP语言编写动态态网页能力的水平，掌握ASP和CSS语言的应用，为我们以后的学习打下坚实的基础，通过实训可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握理论的基础上再加以实践，进一步提高、加强我们学习的综合能力，把本学期学到的东西都运用起来达到一定的技术性、创意性，让其更美观。

（1）掌握创建Dreamweaver本地站点的方法，利用表格等规划网页布局；（2）掌握在网页中添加文本、图像、Flash动画等页面元素；（3）掌握在网页中输入、设置标题和正文文字的方法；

（4）掌握文字版面的编辑，掌握在Dreamweaver中建立链接及网页的超链接技术的

应用，了解图像的处理；

（5）综合运用所学软件进行网页材料的准备。⒈数据库的建立①Access数据库的建立

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

②Access数据库的打开方式

包括打开、只读方式打开、独占方式打开、只读独占方式打开③利用设想器设想Access数据库

利用Access数据库里的设想器设想Access数据库④使用导游设想Access数据库

经过Access的导游，经过一系列对话来设置Access数据库⑤经过输进数据连接Access数据库。先输进数据再确定字段

二、实训项目

1、网站名称：我的网站

动态网站建设实训报告

2、网站设计要求

1）利用Dreamweaver制作一个静态网站，要求网站有特色，整个网站的内容和形式要统一，应能够反映一个简单的主题。可以选择制作《个人网站设计》、《企业网站设计》、《文化网站的设计》、《娱乐网站设计》或者其他自己认为适合的网站。2）必须用到模版、表格或层排版技术、Flash技术和图像处理技术，使网站具有

合理的外观和功能。

3）主页基本要求：

页头Logo，准确无误地标识站点和企业标志；网页标题动画，可以制作成GIF动画或者Flash动画；导航条；

E-mail地址，用来接受用户垂询；

联系信息，如普通邮件地址或电子信箱，版权信息。4）某个页面有滚动字幕。

5）整个网站各页面之间保持风格一致，页面之间要有合理的超级链接。6）进行站点测试后申请免费空间并发布到网络。

3、网站的设计过程

1）主页的设计与制作首先要建立站点，然后再收集相关网站建设的资料信息，将自己建设的网站首页勾画框架，用AdobeDreamweaverCS4软件建设网站的首页，制作头部，设

置导航菜单，向页面中插入图片，产生图文并茂的效果。但要注意插入的图片不要过多，以免影响网速。

2）二级网页设计与制作

本网站的二级网页共有六个：新闻中心、宝马图库、系列大全、汽车资讯、其他车型和关于我，在网页中还有友情链接网页，网站内部链接网页等；二级网页中包含网站的基本信息以及新闻信息等，每一个二级网页都运用了模版，在模版里插入可编辑区域，这样用模版做二级网页，速度很快，而且网页的质量也相对有很大的提高，运用模版的好处多

动态网站建设实训报告

在于在修改网页时，只要在模版里面修改，用到模版的网页都会相应的自动修改，大大的提高了对网站的信息等的更新。当然有很多网页会与网站的主页在风格上有所不同，比如在我的网站中的“关于我”，就运用了与本站主页所不同的网页风格，网站的主页是以淡蓝色为主色调而设计的，而在网站中的“关于我”是以浅绿色为主色调而设计的，浅绿色体现了活力，在关于我里面有运用了另一个模版，在“关于我”中还包括了三个二级网页，其中也用到了与主页不同风格的网页模版。

此网页中的三个二级网页为：我的简介、我的博客和联系我哦；还有一个返回网站首页的链接。

在整个网站的设计中用到了大量的表格，每一个网页都用表格规划排版，在表格里面嵌套表格，同时还运用了大量的背景图片，是网页的色彩深浅搭配合理，在表格及文字中还运用了CSS样式，控制文字的样式：大小、颜色以及对齐方式；表格的边框等等。

为了使静态的网页看起来有动态的视觉效果，在网页中插入了FLASH动画，设计了图片无缝滚动，是网页看起来有了活力。

部分图片无缝滚动设计源代码如下：向左无缝滚动

body,html,div,a{margin:0;padding:0}#demo{

background:#FFF;overflow:hidden;border:1pxdashed#CCC;width:500px;

动态网站建设实训报告

window.onload=function(){varspeed=10;//数字越大速度越慢vartab=document.getElementById("demo");var

tab1=document.getElementById("demo1");var

tab2=document.getElementById("demo2");tab2.innerHTML=tab1.innerHTML;functionMarquee(){

if(tab2.offsetWidth-tab.scrollLeft动态网站建设实训报告

在网页制作中我遇到了很多问题，首先是排版问题，一开始我是直接在一个大表格里排版，结果导致格子间不对齐，弄到后面显得很乱。还有就是屏幕分辨率的设计，由于不同的电脑分辨率不同导致结果排版很容易混乱掉。

在做CSS样式表的时候，做字的颜色的时候，老是不知道用哪种颜色才搭配的起这个背景。对于文件的应用必须确保路径是正确的不然的话图片就不会显现出来。

在做模板时我忘了在目标上选择是mainframe还是其他的，结果显示的时候还是很有问题。而且锚点是只能在本页中应用的，不能跨页应用。

与此同时，在在网页制作中，遇到一些后台技术问题，这也是无法避免的，在软件的使用中刚开始对日软件的不熟悉，找不到要用的信息技术，但在多次的联系中慢慢的深度学习了Dreamweaver的相关技术，体会到该软件所见即所得的快速想过，不过对已一些更深层的技术我们还尚未能开发使用，等待在后期学习中获得更多的网页设计和网站开发技术。

四、心得体会

在我看来，设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的。建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image，网页文件夹用html。

本次网站主要是运用本学期学过的知识来布局应用、制作动画效果，通过本次的网站设计，运用了本学期所学到的知识这样不仅复习了本学期学过的一些知识，同时也加深所学知识的内容，在制作网站的过程中，碰到了不少的不明白的地方通过老师同学的帮助也解决了不少问题，通过循序渐进的学习慢慢地完成了本次的网站建设，这次做的网页虽不是很好看，有不足之处，比如网页布局不是很完善，可是我花了很多时间来完成它，所以呢，它对我以后做网页有很大的帮助。在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很满意我的这次经历，同时也要谢谢老师安排这样的实习周。因为在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力，同时还增强了同学之间的团结互助的友谊。因此，不论从哪个角度来说，这次设计就是在不断的“发现问题解决问题再发现问题再解决问题”这个学习过程中完成的。

通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难，真正困难的是网页的设计创意，

动态网站建设实训报告

文字也很重要，有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片，也许是喜欢上你的文字，那种感动人心的，唯美的文字。文字与图片要搭得上调，也就是整体的搭配问题。

我想，如果此次实训老师是要我们分组来做的话，也许，我们可以做得更好，因为，一个想的毕竟不全面，而且，一个人的申美有限，我们可以分工合作，一个人做一个方面的东西，也可以根据他所善长的方面来分工，善长动画制作的人做动画，善长图片处理的人做图片，善长文字与布局的就来布局。今后我将继续努力，把网页设计的更好。

五、实训总结

这次BMW悦驾中国网站能顺利的完成，这都离不开老师的帮助和我自身的不懈努力，虽然这次实训老师安排自己完成自己的任务。所以我合理的分配了一下时间，才得以在设计，制作，收集材料，整理方面都非常顺利。在实训中，因为人手不足，我体验到了团队合作的重要性。团队很重要，因此，团队这个东西无处不在，没有团队，有些事情十很难完成的。这次实训，我不仅学到了知识，还领会到了团队的重要性。

这次实训是我们本学期的第一次实训，因此刚开始时我们还真有点无所适从。通过这次实训，我们掌握了制作网页的一般步骤，也学到了一点技巧性的东西。经过这次实训，我领悟到任何东西都要“学以至用”，学习了还不行还要看自己掌握了没，掌握了还不行还要看自己熟练了没，熟练了还不行还要做出一定成果。这次实训也十给我在以上踏上工作岗位作铺垫。

很快的，一个假期又过来了，面对本学期的校园生活实训，想着刚刚过去的两周，紧张沉默之后更多的是感慨，印在脑海里的每一个足迹都是那么的深，真的说不出是什么感觉，伴着时间，就像是在和自己的影子赛跑，不可能从真实的两面去看清它，只是经意不经意的感受着有种东西在过去，也许更适合的只有那句话：时不待我，怎可驻足？两周，短短的两周，我学到了很多不知道的东西，实在是感受颇深。

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

友情提示：本文中关于《动态网站建设实训报告》给出的范例仅供您参考拓展思维使用，动态网站建设实训报告：该篇文章建议您自主创作。

来源：网络整理 免责声明：本文仅限学习分享，如产生版权问题，请联系我们及时删除。

《动态网站建设实训报告》由互联网用户整理提供,转载分享请保留原作者信息,谢谢!
链接地址：http://www.bsmz.net/gongwen/585514.html

• 上一篇：《动态网页设计》实训报告1
• 下一篇：动态网站实训报告