网页设计实训报告

时间：2023-08-26 16:41:40 其他报告我要投稿

相关推荐

网页设计实训报告

　　在生活中，我们使用报告的情况越来越多，报告中提到的所有信息应该是准确无误的。那么什么样的报告才是有效的呢？以下是小编为大家整理的网页设计实训报告，仅供参考，希望能够帮助到大家。

网页设计实训报告

　　网页设计实训报告篇1

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

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

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

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

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

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

　　加油吧，为我们的理想!

　　网页设计实训报告篇2

　　一、开发背景

　　通过教学实习掌握站点制作、站点测试与发布技术。会综合利用Photoshop、Flash和Dreamweaver三个软件进行静态网站的设计。加上ASP技术和CSS+DIV进行昂也布局，实验页面的效果。

　　二、设计思路

　　我做的大致算是一个服装企业推广的小型网站。网站主页，一般都会包括首页，管理，链接，公司的产品图片文加字说明，我的网站主页也不例外，包括次首页，图片（展示照片），关于（关于自己的文字，关于本站的一些说明），链接（比较有名的站点）。不同的是，我自己独立的构思使页面完整化。三、网站规划1.页面大小布局2.网页logo

　　3.设计网站导航条；4.网页flash5.搜索框6.产品展示四、技术介绍

　　基于asp动态网页技术的学习

　　从建立的数据库中读出图片；图片存储为路径；并按一行5个排列；大于五个自动换行。网页设计实训报告

　　css+div的页面布局

　　多出用到css+div是整个页面更加美观。Logo的css样式：

　　登陆界面的css：网页设计实训报告

　　font-family:"黑体";}-->

　　五、页面设计（抓图）图片1

　　图片2

　　图片3

　　六、网站测试

　　应用动态asp技术，用iis或者安装的小旋风进行本地的测试。

　　第3页共4页网页设计实训报告

　　七、实训总结

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

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

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

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

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

　　网页设计实训报告篇3

　　前言

　　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等常见形式为后缀，而不含有“?”;网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件;静态网页的内容相对稳定，因此容易被搜索引擎检索;静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难;静态网页的交互性较差，在功能方面有较大的限制。

　　网页设计实训报告篇4

　　实验项目：ASP基础

　　实验时间：20xx年3月9日

　　一、实验基础知识：

　　1、什么是客户端脚本，什么服务端脚本？所谓脚本是指嵌入到WEB页中的程序代码，在服务器端运行的脚本语言是服务器端脚本，在客户端运行的脚本是客户端脚本。客户端脚本由一个配备了解释器的WEB浏览器处理，当一个浏览器的.用户执行了一个操作时，不必通过网络对其作出响应，客户端程序就能完成任务，常见的客户端脚本语言有：javascript，VBScript。服务端脚本则是在WEB服务器上执行生成代码，然后发送到浏览器，在浏览器上收到的只是执行后的标准HTML文件，常见的服务器端脚本语言有：PHP，jsp，asp

　　二、实验内容：

　　1、掌握用DW创建动态站点的方法：将IIS的网页发布主目录设在D盘，名为。利用DW新建一个动态站点，站点的本地信息和测试服务器设置如下：

　　2、新建一个ASP页面，用VBscript编写一段服务端脚本，在客户端浏览器中输出“Hello！World”，将该页面以index1.asp为名保存在d:中，然后访问index1.asp页面，将结果截图插入下面的空白文档中：

　　3、新建一个ASP页面，用VBscript定义变量r，area，PI，然后给变量r，PI赋值，并计算出相对应的圆面积，保存文件为index2.asp，然后访问index2.asp页面，将结果截图插入下面的空白文档中：

　　4、新建一个ASP页面，其要求如下:写一个已知三角形三边长，求三角形面积的程序。保存文件为index3.asp，然后访问index3.asp页面，将结果截图插入下面的空白文档中：

　　5、利用DW在当前站点下新建一个文件，index5.asp，其功能如下：用response输出如下图片：

　　网页设计实训报告篇5

　　一、实训意义

　　网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求。在教师的指导下对学生进行网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的培养过程。因此加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素质有着重要的作用。

　　二、实训目的

　　1、通过综合实训进一步巩固，深化和加强学生的理论知识于专业技能。

　　（1）掌握规划网站的内容结构，目录结构，链接结构的方法。

　　（2）熟练掌握网页制作软件Dreamweaver8和基本操作和使用技能。

　　（3）掌握页面的整体控制和头部内容设置的方法。

　　（4）熟练掌握网页页面布局的各种方法。

　　（5）熟练掌握在网页中输入，设置标题和正文文字的方法。

　　（6）熟练掌握在网页中插入图像，Flash动画和背景音乐的方法。

　　（7）熟练建立各种形式的超级链接的方法。

　　（8）掌握表单网页制作方法。

　　（9）掌握网页特效制作方法。

　　（10）掌握网站测试的方法。

　　2、训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。

　　3、培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。

　　4、培养学生理论联系实际的工作作风，严肃认真的科学态度以及独立工作的能力，树立自信心。

　　三、实训步骤

　　1、定义站点

　　2、设定网页属性和文本格式

　　3、从大到小把结构设计好

　　4、输入主要内容并进行排版

　　5、检查并保存

　　四、实训心得

　　两周的实训转瞬即逝，在这短暂的时间里，我们在老师的指导和帮助下，对于网页设计与制作有了进一步的了解。

　　在这两周内，同学们每天都按时完成老师留下的作业，对于自己以前不理解的东西，通过老师的重新讲解、指导和自己的练习，对其有了很好的了解；对于我们看不懂的一些内容，通过与同学协商和听老师的讲解来理解并掌握它。在这两周的实训里，我发现了许多自己以前没有注意到的问题，在flash制作方面，有很多是自己以前没注意过的，通过老师的讲解和同学的'帮助，我了解到一些新的东西并对网页设计与制作有了更深的兴趣，如falsh制作与运用、网站的基本制作、超链接的设置等；我们对网页设计与制作方面的知识有了一定的认识，为我们以后对网站的学习和运用有很大的帮助。

　　通过实训，我们把网页设计与制作中涉及到的理论和实践更好的结合起来，我对网页设计与制作这本书有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增强，使我们了解到无论做什么事都要有足够的耐心，还要认真细心。在做题时要对自己做过得东西进行仔细的检查，同时也使我了解到同学之间要相互协作、共同努力。

　　网页设计实训报告篇6

　　实验项目：VBScript基础：内部函数

　　实验时间：20xx年3月23日

　　一、实验基础知识：

　　1、什么是VBscript内部函数？VBscript内部函数是VB系统定义的函数，这些函数具有一定的功能，编程者都可以直接调用这些内部函数。

　　二、实验内容：

　　1、将IIS的网页发布主目录设在D盘，名为。利用DW新建一个动态站点，站点的本地信息和测试服务器设置如下：

　　略

　　2、新建一个名为index1.asp的文件，利用日期函数显示当前系统的时间,在页面中显示如下：“欢迎访问本网站，现在时间是20xx-9-1011:35:19”(注：时间必须是用户访问页面时候的实际时间)访问本网站，现在的时间是：

　　3、新建一个名为index2.asp的文件

　　1)、用字符串函数求字符串“我校20xx级新生开学典礼暨军训动员大会在我校风雨篮球场顺利召开”的长度并输出，

　　2)、利用字符串截取函数截取该字符串的前10个字符，并输出

　　3)、并利用replace函数将字符串中的”我校”用“桂林旅专”取代，并输出结果。

　　4、在下新建一个名为images的文件夹，从网上下载四张图片到该文件夹下，图片命名为img1.jpg、img2.jpg、img3.jpg、img4.jpg。新建一个名为index2.asp的.文件，定义一个有4个元素的字符型数组变量，然后给数组变量img的每一个元素赋值，内容如下：利用用ASP随机数函数Rnd，每次刷新页的时候随机输出数组中包含的一张图片，显示在浏览器中。按F12运行，将运行结果截图，插入下面的表格中

　　网页设计实训报告篇7

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

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

　　插入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、导航条等更深层次的掌握了它们的用法，现在我心目中的网页也已经大体竣工，我感到很开心，经过这两的不断探索，我喜欢上了这门课程，感觉很有意思。或许实训的结束代表一段新生活的开始，但是我认为它不但是一门课，需要我们去掌握，同时还可以锻炼我们的逻辑思维能力和思维的严密性，还有就是在制作网页的过程中，更需要有不错的艺术审美观，这样，你做出的网页才会赏心悦目，让人眼前一亮，也就是从此刻起，我决心好好钻研这门课，力求这方面的技能达到顶级。虽然网页已经完成，可这并不是一件轻而易举的事情，在此过程中遇到了许多以前不曾遇到的问题，多的情况都是自己解决，万不得已之际，我会主动问老师和同学，直到弄懂为止！让我更加清楚地明白老师平日里的良苦用心，也更加清楚地明白了自己以后应该怎样去做事。

【网页设计实训报告】相关文章：