网页设计实训报告怎么写系列。

一分耕耘，一分收获。实习可以使学生更好地巩固课堂知识，写写实习范文一定要明确内容主题，要有重点，有自己的想法。优秀的实习范文是什么样子的？以下是小编为大家精心整理的“网页设计实训报告怎么写系列”，欢迎您阅读和收藏，并分享给身边的朋友！

网页设计实训报告怎么写 篇1

前言

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

网页设计实训报告怎么写 篇2

实验项目：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运行，将运行结果截图，插入下面的表格中

网页设计实训报告怎么写 篇3

一、实习目的

①学会制作新闻发布系统。

②学会制作在线调查系统。

③熟悉购物网站的主要功能和栏目。

④学会购物网站数据库表的创建和数据库连接的创建。

⑤学会购物系统前台页面制作和后台管理制作。

二、实训内容

1.创建数据库表

①启动MicrosoftAccess，执行“文件”——“新建”命令，打开“新建文件”面板，在面板中单击“空数据库”。

②弹出“文件新建数据库”对话框，在对话框中选择数据库保存的路径，“文件名”文本框中输入shop。

③单击“创建”按钮，在对话框中双击“使用设计器创建表”选项。

④弹出“表1：表”对话框，在对话框中输入“字段名称”和字段所对应的“数据类型”，将shopID字段设置为主键。

⑤执行“文件”——“保存”命令，弹出“另存为”对话框，在对话框的“表名称”文本框中输入products。

⑥单击“确定”按钮，保存表。按以上步骤的方法，创建表fen和admin。

2.创建数据库连接

新建一个网页文件夹，打开IIS信息服务，创建IIS虚拟目录，在文件夹安全性把来宾用户的权限修改为完全控制，并导入数据库。

3.制作购物网系统页面

①用index.html创建zhanshi.asp商品分类展示页，新建站点，导入shop.mdb数据库文件建立数据库连接。插入表格并插入图片、文字，创建记录集并在表格相应位置绑定数据。在服务器行为里为表格设置重复区域，创建记录集RS2并在左边的商品分类表格里绑定

数据，在服务器行为里为左侧的表格添加重复区域和转到详细页，制作记录集导航条。

②用index.html创建xiangxi.asp商品详细信息页，首先创建记录集并制作左侧的商品分类表格，之后在中间区域插入表格，在表格中插入图片、文字，创建记录集RS2并将数据绑定在表格相应位置。

③用index.html创建denglu.asp商品详细信息页,创建记录集并制作左侧的商品分类表格，在中间区域插入表单，在表单里插入表格，在表格里插入文字、文本域、表单按钮，并为表单设置检查表单。创建记录集RS2并在服务器行为里添加登录用户。

④用index.html创建fenlei.asp添加商品分类页，插入表单，在表单里插入文字、文本域、表单按钮，创建记录集并在服务器行为里添加插入记录和限制对页的访问。再用index.html创建fenleiok.asp,在其中插入表格输入文字，并设置返回链接。

⑤用index.html创建tianjia.asp添加商品页，创建记录集，用插入记录表单向导创建插入记录表单，在服务器行为里添加限制对页的访问。再用index.html创建tianjiaok.asp,在其中插入表格输入文字，并设置返回链接。

⑥用index.html创建guanli.asp商品管理页，创建记录集并制作左侧的商品分类表格，在中间区域插入表格并插入文字，创建记录集RS2并在表格相应位置绑定数据，为该表格设置服务器行为的重复区域，制作修改和删除链接，制作记录集导航条。

⑦用tianjia.asp创建xiugai.asp修改页面，创建记录集在对应的文本域中绑定数据，把服务器行为里的插入记录删除并添加更新记录。在服务器行为里添加限制对页的访问。再用index.html创建xiugaiok.asp,在其中插入表格输入文字，并设置返回链接。

⑧用index.html创建shanchu.asp删除页面,插入表格并插入文字，建立记录集，在表格相应位置绑定数据，插入表单和表单按钮，创建服务器行为限制对页的访问和删除记录。再用index.html创建shanchuok.asp,在其中插入表格输入文字，并设置返回链接。

三、疑难解惑

①网页不能正常打开，电脑用户权限没有修改，在文件夹安全性把来宾用户的权限修改为完全控制。

②创建重复区域时，总显示相同的内容，仔细阅读教材，发现创建重复区域时要选中表格，而不是文字内容。

③登陆页面不能登陆，把表格放入表单后，重新登录，问题解决。

④创建添加商品页面时，无法显示商品分类。在插入记录表单时，应将feileiID"显示为"下拉列表中选择“菜单”，并在“菜单属性”里的“域”列表中选择fenlei。

⑤修改页面点进去初始内容都一样，“唯一键列”下拉列表中应选择shpID。

⑥商品分类点进去每个种类都一样，查找原因，发现记录集中筛选是shpID，把记录集中的筛选改为fenleiID解决。

四、实训心得

经过一周动态网页的实训，使我们对本学期的这门课进行了整体的汇总。在这汇总期间，也算是对自己本学期的一个考核，此次实训暴露出了许多我自身存在的问题，同时也对自身有了很大的提高。

在这次实训中，我也有许多收获。首先，我体会到了作为一个计算机专业的人，不会用DW的痛苦和尴尬。在制作的过程中遇到问题，可以说得是困难重重，这毕竟是第一次独自制作动态网页，难免会遇到过各种各样的问题，同时在制作的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固。在此过程当中弥补了我许多知识上的缺陷，弄清的以前没有搞懂的知识点。经过多番的努力和辛酸，我成功地完成了这次过程艰辛的实训，而且我从中体会到了一种叫做‘成功的喜悦’的感觉，那种小有成就的兴奋是只有置身其中的人才能体会的。

在实训过程中，我更体会到了基础知识的重要性，也许我们正在迷惘，我们是否学到了东西，但事实说明零零散散的知识，在项目开发当中起到了非常关键的作用，我们不缺少时间和工具，我们只是缺少经验和动手能力，如果我们以后能更好的在各方面增长自己的经验，相信我们能在长长的就业队伍中脱颖而出的!相信自己，相信未来。今后我将会更加努力的学习，不断提高自身素质，为我将来的就业打下良好的基础。

网页设计实训报告怎么写 篇4

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

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

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

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

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

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

加油吧，为我们的理想!

网页设计实训报告怎么写 篇5

1、 预期目标

(1) 通过本次实训要完成仙剑奇侠传的网页制作，包括二级页面和三级页面，还要应用一些网页制作的基本技巧。

(2) 掌握布局技术，模版应用，CSS样式，超级链接，并运用fireworks做简单的图形编辑。

(3) 通过连续时间的实际操作，巩固对网站的创建、网页的策划、设计与制作的理解，加深理解网站、网页、制作的过程，理解团队互助共同完成项目的协作精神。

2.关键技术及解决途径：

一、关键技术：

(1)有完整的策划报告(电子版)，实际内容有改动不受影响;

(2)有标题的网站以及有对应自己创意设计制作的Logo图象、广告条等图象;

(3)至少有首页、二级页面、三级页面的层结构;

(4)有框架、有表单;

(5)有自己创作输入的文字内容并经过排列整理;

(6)Dreamweaver模板技术;

(7)至少采用了样式表技术;

(8)采用鼠标事件等行为设置之一;

(9)不允许出现超级链接错误!

(10)有版权声明、网站更新日期、创意制作人员。

二、解决途径

根据课堂所学，充分利用相关技术要点，对于不懂的地方问实训老师。制作完成后，反复检查，保证链接的正确性。

3.方案设计与实施步骤：

一、方案设计

二、实施步骤(可以包括网站内容)

(1)确定网站内容为仙剑奇侠传4,并制定详细的策划报告

(2)查找相关资料，制作banner，logo，和相关动画图片

(3)小组分工合作，我负责首页制作，人物介绍，友情链接，留言板相关内容。

(4)采用布局技术设计首页，然后插入logo，banner美化首页

(5)应用模版技术制作人物介绍，介绍仙剑4中的重要出场人物，并配上相关图片和文字，制作了网站相册，使用了锚记。

(6)友情连接应用了框架，链接到百度，官网等相关网站，并用fireworks制作了相关的logo和banner。

(7)采用表单技术制作留言板。

(8)最后创建CSS样式，并运用到各个连接上。

(9)个相关页面之间进行必要的超级链接，友情链接与相关网站上链接。

(10)最后和另一小组成员进行作品汇总，完成相关站点的链接

(11)检查链接，清除多余文件和图片

4.自我评价WwW.sxw9.coM

这次实训充分利用了课堂所学，掌握了许多关键技术，例如模版技术，CSS样式，使得制作过程方便了很多。

在完成基本要求得基础上，文件夹、文件命名规范;文件存放位置合理;

制作完成之后进行过现场清理：没有无用的文件、文件夹，没有断链(外部链接不算);工作量饱满：内容较丰富、自己设计制作的素材应用多;色系、布局合理美观、考虑用户访问方便;采用各种特效、并且运用合理。

不过也有些不足，比如一开始没有把两个人制作的文件夹分开，导致后面汇总时比较麻烦。

不过总的来说，对这次的作品相当满意，不仅选择了我们自己喜欢的内容，而且在我们的水平上把它做的很精美。在这个过程中我们意识到了自己在相关技术上的不足，通过学习，知道了如何改进我们的缺点，相信在以后的应用中，我们会做的更加完美!

网页设计实训报告怎么写 篇6

实验项目：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输出如下图片：

网页设计实训报告怎么写 篇7

一、开发背景

通过教学实习掌握站点制作、站点测试与发布技术。会综合利用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。

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

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

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

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