网页制作实验报告格式.docx

网页制作实验报告格式.docx

《网页制作实验报告格式.docx》由会员分享，可在线阅读，更多相关《网页制作实验报告格式.docx（11页珍藏版）》请在冰点文库上搜索。

网页制作实验报告格式

网页制作实验报告格式

网页制作实验报告格式

实验一：

站点设置

一、实验目的及要求本实例是通过站点定义为对话框中的高级选项卡创建一个新站点。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装indosxp操作系统;建立iis服务器环境，支持asp。

3、安装网页三剑客在页面属性对话框中设置页面的背景图像。

2）在页面文档中单击插入鼠标经过图像。

五、实验结果

六、讨论与结论实验结束后我们可以看到页面的背景变成了我们插入的图像，并且要鼠标经过的时候会变成另一个图像，这就是鼠标经过图像的效果。

当然这种实验效果很难在实验结果的截图里表现出来。

这个实验的关键在于背景图像的选择，如果背景图像太大不仅会影响网页的打开速度，甚至图像在插入会也会有失真的感觉，因此在插入前对图像进行必要的处理能使实验的效果更好。

实验三：

表格制作

一、实验目的及要求：

本实例是要创建边框为1像素的表格。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装indosxp操作系统;建立iis服务器环境，支持asp。

3、安装网页三剑客在文档中，单击表格按钮，在对话框中将单元格间距设置为1。

2）选中插入的表格，将背景颜色设置为黑色在表格中选中所有的单元格，在属性面版中将背景颜色设置为白色设置完毕，保存页面，按下f12键预览。

五、实验结果

六、讨论与结论本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果，间距的作用主要在于表现这种颜色差异。

表格的背景颜色和单元格的背景颜色容易混淆，在实验中要认真判断，一旦操作错误则得不到实验的效果。

表格宽度文本框右侧的表格的宽度单位，包括像素和百分比两种，容易混淆，要充分地理解这两种单位表示的意义才能正确地进行选择，否则就不能达到自己想要的效果，设置错误就会严重影响实验效果。

实验

四：

创建锚点链接

一、实验目的及要求：

本实例的目的是创建锚点链接。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装indosxp操作系统;建立iis服务器环境，支持asp。

3、安装网页三剑客在页面中插入1行4列的表格，并在各单元格中输入导航文字。

2）分别选中各单元格的文字，单击按钮，在弹出的超级链接对话框上的链接文本框分别输入#01#02#03#04。

3）在文档中输入文字并设置锚记名称01，按下enter键换行，输入一篇文章。

4）在文章的结尾处换行，输入文字并设置锚记名称02，按下enter键换行，输入一篇文章。

5）同样的方法在页面下文分别输入文字和命名锚记为03和04，并输入文章。

6）保存页面，按下f12键预览。

五、实验结果

六、讨论与结论添加瞄记的作用是可以帮读者快速找到自己想要的文章，同时也可以使页面更加精简。

本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果，同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称，并记得输入对应的文章，否则瞄记可能不能用。

熟练程度低在实验中不能很好地使用各种工具，无法一次准确地寻找到适当的位置。

实验中忘记选择不可见元素，几次实验都失败，最后才得出正确的结论。

因此在实验前要先做好预习，否则实验过程会比较吃力。

实验五：

设置ss样式

一、实验目的及要求：

本实例的目的是通过设置ss样式创建表格的虚线边框。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装indosxp操作系统;建立iis服务器环境，支持asp。

3、安装网页三剑客在网页中创建一个表格。

2）在ss样式面板中单击按钮，在弹出的对话框中进行设置，完成后单击确定按钮。

3）在弹出的对话框中进行设置，完成后单击确定按钮。

五、实验结果

六、讨论与结论对话框中各项指标和属性的设置存在一定的难度，如果没熟练掌握就容易出错使实验失败。

对s样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。

这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作，对各属性所代表的含义有充分的认识就能很好地完成这个实验。

实验六：

创建表单

一、实验目的及要求：

本实例的目的是创建一个募捐表单。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装WindosXP操作系统;建立IIS服务器环境，支持ASP。

3、安装网页三剑客在网页中插入表格，设置为居中对齐，并插入一幅图像。

2）在表格的第二行单元格中，单击按钮，插入表单。

3）在表单域中插入表单对象和文字。

4）按下F12键，预览效果。

五、实验结果

六、讨论与结论这个图像关键首先在于背景图象的选择，图像如果过于花俏则会使表单过于杂乱，如果颜色过深则会掩盖了表单上的字，依次最好不要用黑色。

图像也不能过大，不然会使表单太繁杂。

其次是各多选框和单选按扭的设置难度比较大，对于初次做这个实验的人来说需要多次的试验才能达到满意的效果。

表格拆分的难度大，要多次实验才能达到自己想要的效果。

实验七：

页面中控制播放Flash动画

一、实验目的及要求：

本实例的目的是实现在页面中控制播放Flash动画。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装WindosXP操作系统;建立IIS服务器环境，支持ASP。

3、安装网页三剑客在页面中插入表格，并在表格中插入Flash动画和两个表单按钮。

2）分别选择两个表单按钮，在行为面板中单击按钮，在弹出的快捷菜单中选择控制Shokave或Flash命令，打开控制Shokave或Flash对话框，分别设置。

3）保存页面，按下F12键预览。

单击播放按钮时，开始播放Flash动画;当单击停止按钮时，则停止播放Flash动画。

五、实验结果

六、讨论与结论控制Shokave或Flash对话框，设置难度比较大，设置错误FLASH可能无法播放。

控制按钮的创建也是关键所在，控制按钮不能使用则等于整个实验的失败，因此要认真做好各个按钮并确保质量。

在这次实验中我遇到的最大问题就是设置控制Shokave或Flash对话框，因为我对其各项的属性了解不够清楚，在选择时很难正确地做出判断，因此掌握好这方面的知识是做好这个实验的前提。

实验八：

制作浮雕文字

一、实验目的及要求：

本实例使用Flash的绘画工具制作出的有浮雕感的文字。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装WindosXP操作系统;建立IIS服务器环境，支持ASP。

3、安装网页三剑客在舞台中输入文本，并将文本移动到舞台中央位置。

2）新建图层

2，并复制图层1的第1帧到图层2的第1帧，并改变字体颜色。

3）拖曳图层2到图层1的下方，分别按下键盘上的方向键的左移键和上移键各一次。

4）新建图层

3，复制图层2的第1帧到图层3的第1帧，并拖曳图层3到图层1的上方。

5）选择图层3的第1帧，执行修改分离命令两次，将文本打散，并填充为由白色分别按下两次键盘上的方向键中的左移键和下称键，拖曳图层3到图层1的下方，该实例制作完成。

五、实验结果

六、讨论与结论掌握好层和桢的知识是做好这个实验的关键，因为这个实验主要涉及到桢和层的创建和移动，对层和桢不熟悉，在选择和移动时没法准确地把握，否则就打不到预期的实验效果。

此次实验需要多次地移动层和桢，只有合理地移动才能达到实验效果，因此在实验中要保持清醒的头脑，也需要耐心和细心，过于急噪就会影响实验的效果和效率。

实验九：

字母位置颜色的变化效果

一、实验目的及要求：

本实例主要表现在有字母的位置才能看到颜色的变化效果。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装WindosXP操作系统;建立IIS服务器环境，支持ASP。

3、安装网页三剑客执行文件导入导入到库命令，导入一个图像文件到库面板中。

2）将图像文件拖曳到舞台并转换为图形元件，然后创建移动补间动画。

3）新建图层

2，输入文本并设置其属性。

4）将图层2设置为遮罩层，完成本实例的制作。

五、实验结果

六、讨论与结论这个实验的前提是要学会做移动补间动画，因为移动补间动画是表现实验效果的关键，其次要懂得遮罩层的设置，这两项都是实验的关键。

背景图像的选择也很关键，如果背景图像的颜色过于单一，则不能很好地表现实验的效果，字体颜色的变化也会比较不明显。

因此这个实验的技术含量比较大，因此难度也比较大，要有耐心去认真研究。

实验十：

动作补间动画及声音效果

一、实验目的及要求：

本实例首先创建一个动作补间动画，然后在对其添加声音效果。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装WindosXP操作系统;建立IIS服务器环境，支持ASP。

3、安装网页三剑客创建图形元件在舞台中绘制一个卡通人物。

2）创建卡通人物越飞越远的动作补间动画。

3）新建一个图层，导入一幅背景图片，并置位于最下层。

4）执行文件导入导入到库命令，导入一个声音文件。

新建一个图层，并选择第1帧，在帧属性面板中，在声音下拉列表中选择导入的声音文件名称，在同步下拉列表中选择数据流选项，其他选项为默认值。

5）保存文件，按下Ctrl+Enter组合键输出影片即可。

五、实验结果

六、讨论与结论这个实验首先要创建图形元件，因此要求对画图工具有比较清楚的了解，在实验中我遇到最大的难题就是没法准确地使用钢笔工具，常常画不成自己想要的形状，最后通过查阅相关的书籍才彻底明白它的使用方法。

这个实验涉及到动作补间动画的制作，和以前做的移动补间动画有一定的区别，在实验中要认真区分。

导声音文件也是这个实验新涉及的内容，在各项属性的设置方面要认真把握和学习。

实验十一：

AtionSript脚本程序制作

一、实验目的及要求：

本实例模拟播放器中音频高低显示的效果。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装WindosXP操作系统;建立IIS服务器环境，支持ASP。

3、安装网页三剑客开启FlashMX201X，新建一个空白文档，执行修改文档命令，开启文档属性对话框，修改属性参数为：

宽：

600px;高：

300px;背景颜色#000000。

2）执行窗口开发面板动作命令，为图层1添加如下动作脚本。

-root.OnEnterFrame=funtion{reateEmptMovieClipaidai.X=150;aidai.Y=200;for（vari=0

一、演示目的气体放电存在多种形式，如电晕放电、电弧放电和火花放电等，通过此演示实验观察火花放电的发生过程及条件。

二、原理首先让尖端电极和球型电极与平板电极的距离相等。

尖端电极放电，而球型电极未放电。

这是由于电荷在导体上的分布与导体的曲率半径有关。

导体上曲率半径越小的地方电荷积聚越多，两极之间的电场越强，空气层被击穿。

反之越少，两极之间的电场越弱，空气层未被击穿。

当尖端电极与平板电极之间的距离大于球型电极与平板电极之间的距离时，其间的电场较弱，不能击穿空气层。

而此时球型电极与平板电极之间的距离最近，放电只能在此处发生。

三、装置一个尖端电极和一个球型电极及平板电极。

四、现象演示让尖端电极和球型电极与平板电极的距离相等。

尖端电极放电，而球型电极未放电。

接着让尖端电极与平板电极之间的距离大于球型电极与平板电极之间的距离，放电在球型电极与平板电极之间发生

五、讨论与思考雷电暴风雨时，最好不要在空旷平坦的田野上行走。

为什么?

实验生物组织中还原糖、脂肪、蛋白质的鉴定

一、实验目的初步掌握鉴定生物组织中还原糖、脂肪、蛋白质的基本方法。

二、实验原理

1.还原糖的鉴定原理生物组织中普遍存在的还原糖种类较多，常见的有葡萄糖、果糖、麦芽糖。

它们的分子内都含有还原性基团斐林试剂由质量浓度为0.1gmL的氢氧化钠溶液和质量浓度为0.05gmL的硫酸铜溶液配制而成，二者混合后，立即生成淡蓝色的Cu

四、实验用品

五、注意

1.关于鉴定还原糖的实验，在加热试管中的溶液时，应该用试管夹夹住试管上部，并放入盛开水的大烧杯中加热。

注意试管底部不要接触烧杯底部，同时试管口不要朝向实验者，以免试管内溶液沸腾时冲出试管，造成烫伤。

如果试管内溶液过于沸腾，可以上提试管夹，使试管底部离开大烧杯中的开水。

斐林试剂的甲液和乙液混合均匀后方可使用，切勿将甲液和乙液分别加入组织样液中。

3.蛋白质的鉴定中先加双缩脲A，再加双缩脲B

六、讨论鉴定生物组织中还原糖、脂肪、蛋白质的根据是什么?

附送：

网页制作心得

网页制作心得

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

首先，了解网页并不是单纯的认为他仅仅只是为人们服务的，而它的存在也是给我们带来了利益和好处。

当然，了解网页首先也从几个软件开始：

1.dreamweavermxXX（或dreamweaver8）。

2.flashmxXX（或flash8）3.fireworks8而网页制作就是开始从这些软件开始着手的，今天，我终于可以学习网页制作了，我们在杜奕老师的教导下，各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。

所谓网页，就是指一个可以浏览内容并且可以使用ｉｅ浏览器打开的内容称之为网页。

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实，但是只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。

在刚开始时我觉得dreamweavermxXX很难理解，不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

如：

布局表格、绘制层、制作ｃｓｓ样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘，每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

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

慢慢的快接近尾声了，我们也快临近期末了，老师给我们的任务却是需要我们每人至少做出三个网页来，且内存不能超过３ｍ，刚开始我以为我会对着感到很是吃力，不知道该如何是好，毕竟网页才是刚刚起步，根基不稳，怎么能够做出这样的网页呢？

而我对dreamweavermxXX它也不是很熟悉，心里真是很担忧。

在这最后的时间里，我仔细掂量了一番，网页制作给我的结论是：

要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。

毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。

通过这个课程的学习，我从中得到了一些对网页知识如功能、概念的理解，原来要做出一个简单可行的网页并不是一件害怕的事情，而是一件努力和尝试的事情。

网页制作心得

（2）：

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

一、准备资料和挑选网页设计的合适工具俗话说：

巧妇难为无米之炊。

做主页当然要收集、准备资料。

在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。

另外，还包括搜集美化主页可能要用到的各种材料，如背景、线条、小动画图标等等。

你可以在硬盘上建一个文件夹，下分e-mail图标、背景、线条、动画等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。

二、规划好整个网站主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。

要做到这一点，首先要在整体上规划好自己网站的主题和内容，确定自己需要传达给访问用户的主要信息，然后仔细斟酌，把自己所有要表达的意念合情合理地组织起来；其次，是设计一个富有个性的页面式样，务求尽善尽美。

这样制作出来的主页才会清晰、明了、内容充实。

切记，页面给人的第一观感最为重要！

在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。

三、善用图片，增强艺术效果，加快主页浏览速度网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。

精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。

图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。

最佳的图像集美观与资讯于一身。

四、善于借鉴他人主页制作中的设计技巧由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。

因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，不妨将其源代码调出来仔细揣摩，并模仿着一步一步去实现。

这样的话，你就能以较短的时间掌握相应的设计技巧。

而且，在许多主页上都留有制作者的电子邮件地址或icq号码，如果你在制作主页时，遇到什么疑昨天，网页与我无缘，那是因为上天不给我们一个见面的机会！

12