计算机网络基础实验指导.doc

计算机网络基础实验指导书熟悉常见网络产品一、实验目的该实验通过访问Internet搜索有关介绍网卡、集线器、交换机、路由器、各种传输媒体的类型、功能、特点和价格等，了解计算机网络的基本结构，掌握各网络部件在计算机网络中的作用。二、实验环境已安装好的WINDOWS 操作系统，并可访问因特网。三、实验内容1、 在IE地址栏中输入或 等搜索引擎网址；2、 上网查询网络适配器的类型、功能、特点和价格；3、 上网查询集线器（Hub）的类型、功能、特点和价格；4、 上网查询交换机（Switch）的类型、功能、特点和价格；5、 上网查询路由器（Router）的类型、功能、特点和价格；6、 上网查询各种传输媒体的类型、功能、特点和价格；7、 分析各网络部件在计算机网络中的作用。网页制作实验指导实验一 用fireworks mx制作沿路径排列的文字一、实验目的练习fireworks mx将文本附加到指定的路径上。二、实验前的准备工作阅读fireworks mx钢笔工具的使用方法、文本附加路径部分知识内容。三、实验指导 范例：1、打开fireworks mx单击主工具栏中的new按钮，创建一个新文档大小400*400，白色背景。然后选择工具箱中的钢笔工具，在绘图区绘制出一条曲线路径。如图1-1图 1-12、选择工具箱中文本工具，在绘图区单击，并书写内容参照1-2图示。图 1-23、选择指针工具，同时按住shift键，将文本与路径全部选中4、选择 “文本” /“附加到路径”（将文本附加到指定的路径）结果如图1-3所示。图 1-35、此时我们也可继续修改制作好的沿路径排列文本，打开“文本”/“方向”菜单我们会发现默认选中了“依路径旋转”命令，我们也可以选择“文本”/“方向”/“垂直”或“文本”/“方向”/“垂直倾斜”等命令，变更后效果如图1-4，图1-5，图1-6图1-4（垂直）图 1-5（垂直倾斜）图1-6（水平倾斜）6、也可以使用“文本”/“倒转方向”命令制作倒着书写的文字。效果如图1-7。图1-7（倒转方向）7、如果制作的文本排列形式不如意，可以使用“文本”/“从路径分离”命令解除文本与路径的排列。然后可以重新调整路径的形状。编辑好以后可以重新执行1-4步骤的操作。（属性面板上可以调整沿路径排列文本的对齐方式 、位移、字体等在这里不详细说明了）四、实验内容按照范例制作出沿路径排列的文本。练习设置沿路径排列文本的不同方向。五、实验报告要求1、写出实验设计步骤或编制的程序；2、制作出沿路径排列的文本,注意文本的排列方式以及属性栏中对文本字体、字号、对齐等选项的设置。实验二 使用fireworks mx制作弹出菜单一、实验目的练习“切片”工具的用法fireworks mx制作弹出菜单。二、实验前的准备工作学习“切片”工具的用法，学习使用“切片”分割图象以及给绘制的图形加上切片并制作弹出菜单。三、实验指导范例:1、打开Fireworks mx，选择File菜单下的New，或者按Ctrl+N快捷键，新建一个文件，尺寸100*20像素，精度72像素/英寸，背景透明。2、使用工具栏里的矢量绘图工具在画布上绘制一个白色填充黑色边线的矩形、大小为100*20，在属性控制器里设置对象相对画布顶点的坐标为0，0如图2-1所示。图2-13、使用文本工具在画布上点击并输入“师专简介”字样，字体颜色为纯黑色，大小为12号字、并在属性栏里设置字体为“不消除锯齿”，然后打开“窗口”/“对齐”，选中我们输入的文本 然后在打开的对齐面板上按下“对画布” 按钮并在水平和垂直的对齐按钮中都选择居中对齐，这样就能保证我们输入的文本在矩形的中心。如图2-2图2-24、然后使用工具栏里的切片工具在画布上拖出一个和矩形相同大小的切片入图2-3。图2-35、将工具切换为黑色指针工具，然后右键点击切片中央的圆形标志，在弹出菜单中选择“填加弹出菜单”命令，6、然后在弹出的对话框中设置“内容”项如图2-4图2-47、设置“外观”项如图2-5图2-58、继续设置“高级”选项如图2-6图2-69、设置“位置”选项如图2-7图2-710、按“F12”键即可打开浏览器浏览该弹出菜单，保存文件退出firework mx完成本例制作。四、实验内容仿照范例内容制作一个弹出菜单方向为横向的弹出菜单。另外制作一个弹出菜单方向为纵的弹出菜单。五、实验报告要求1、写出实验设计的步骤或程序；2、结果中要求菜单的大小尺寸要和主菜单统一，两个要求制作的弹出菜单延迟的时间分别设置为1000毫秒和200毫秒。实验三 用fireworks 制作简单渐隐动画一、实验目的1、掌握帧面板的使用方法；2、练习使用fireworks制作简单动画。二、实验前的准备工作 学习帧面板的用法、帧延迟时间的调整和投影特效。三、实验指导范例：1、打开fireworks mx，新建一个300*100的文档。2、新建一层（层2）用来放置动画，回到层1绘制背景，在背景中将文字部分设置“外发光”特殊效果参数如图3-1,背景制作好后如图3-2 图3-1图3-23、把背景层设置为共享层，然后在层2中输入文本“集宁师专”，大小40号字，并加上投影特效。（注意层2在上层）如图3-3。图3-34、右键点击层2上的文本，选择“转换为元件”，弹出的对话框中勾选“动画”。然后设置动画参数，我们设置动画帧数为8，透明度从“100”到“0”。保存成GIF动画并预览。四、实验内容按照范例内容制作GIF动画、并设计不同风格的渐隐动画。五、实验报告要求1、写出实验设计的步骤或程序；2、结果要求动画文本内容和背景的主体颜色要有所区分，以利于浏览者观看。实验四 BANNER的制作一、实验目的掌握用fireworks制作动画的方法，并能综合运用。二、实验前的准备工作学习帧面板的用法、帧延迟时间的调整、渐变工具的用法和描边特效。三、实验指导范例：1、新建一个360*60的画布，并用矩形工具拉出一个与画布一样大小的矩形；填充选为“波纹”，渐变颜色为“白-紫-白-紫-白”，当你把填充模式改变后，会出现如图所示的控制手柄，调节成如图4-1所示：图4-12、再新建一层，用来设置背景。可以加上你网站的名字，或是放一些素材来修饰一下。3、打开帧面板，复制第1帧，在第1帧之后创建了第2帧，把第2帧的矩形上的控制手柄按比例的拉长一点，在第2帧的基础上，复制帧在第2帧之后，创造第3帧，在第3帧上重复步骤6，比第2帧再拉长一点。点播放键看效果。如图4-2如图4-2 4、按“ctrl+shift+x”在弹出的“导出预览”对话框中，注意设置保存类型为“动画GIF”。存盘退出完成本例制作。四、实验内容1练习帧面板的用法、渐变工具的用法；2按照范例内容自己设计一个banner。五、实验报告要求1、写出实验设计的步骤或程序；2、结果要求banner中背景部分的设计要美观，3帧矩形条波纹的渐变变化均匀。实验五 用FLASH制作逐帧动画一、实验目的掌握FLASH制作逐帧动画的方法。二、实验前的准备工作熟练运用绘图工具、符号和库，学习FLASH时间轴用法，逐帧动画制作方法。三、实验指导范例：1、建立一个新文件，选择“insert”（插入）/“new symbol”（新元件），命名小鸟1。2、然后使用画笔或者铅笔画出小鸟刚要抬起翅膀的轮廓，并填充上颜色，注意轮廓线要封闭。如图5-1图5-13、继续上面的方法，画出另外连续的3个飞翔动作。（注意绘画的时候，打开洋葱皮按钮，以辅助我们绘图）如图5-2 图5-3 图5-3图5-2 图5-3图5-44、在主场景中，创建一个电影夹子，然后分别放进这4个元件。最后再把电影夹子，放到主场景的第1帧上。最后我们保存动画为“小鸟、swf”预览动画效果。5、导出动画，存盘退出。四、实验内容1、认真学习时间轴、库；2、仿照范例内容制作逐帧动画。五、实验报告要求1、写出实验设计的步骤或程序；2、结果中注意小鸟在各帧上的位置。实验六 变形动画的制作一、实验目的掌握FLASH制作变形动画的方法。二、实验前的准备工作学习FLASH时间轴用法，以及属性栏中设置变形动画的方法。三、实验指导范例：1、新建一个文件，修改文件大小为300*100px。使用矩形工具在舞台上绘制一个蓝色矩形，将边框删除。2、将光标定位到第12帧，点击右键选择“插入空白关键帧”，然后我们使用椭圆工具绘制一个红色的正圆。调整圆的位置点击第1帧到12帧的任何一帧，在属性面板上设置动作为“变形”。这时我们会发现在时间轴的第1帧和12帧之间出现了一条浅绿色带箭头的线，表明我们的变形动画搭建成功。如图6-1如图6-13、动画过程如图6-2所示图6-2 4、导出动画，存盘退出。四、实验内容按照范例制作变形动画的方法自己设计一个变形动画。五、实验报告要求1、写出实验设计的步骤或程序；2、结果中要求颜色也发生变化。实验七 遮罩动画一、实验目的练习flash mx制作遮罩动画。二、实验前的准备工作学习动作动画的搭建和遮罩层的设置。三、实验指导范例：1、打开flash mx 并新建一个文档。2、单击菜单栏上的“修改”/“文档”，将文档的宽度和高度设置为300、100象素，其他参数默认即可。3、在时间轴的层一上点击第一帧，然后在舞台上用文本工具输入“文字遮罩动画”字体为“楷体”，字号为50，然后在第12桢按F5延长文字的播放时间。4、在时间轴上点击新建层按钮新建一层“层2”，然后选择层2上的第一桢，在舞台上绘制一正圆（使用椭圆工具时按下shift键）并去掉边线，选择该图形并点击右键，在弹出的菜单中选择“转换为元件”。5、在层2上的第12桢上点击右建，在弹出的菜单中选择“插入关键桢”，然后选择层2上的第一桢移动到文字的左边如图7-1，在属性面板里设置补间选项为“动作”，然后选定第十二桢，把舞台上的元件移动到文字的右边如图7-2,这时可看到时间轴上第一桢和第十二桢之间出现了一条蓝色的箭头，表明动作动画搭建成功。图7-1图7-26、选择层2，并点击右键在弹出的菜单上选择“遮罩层”。如图7-3图7-37、完成本例制作，存盘后查看动画最终效果。四、实验内容仿照范例使用flash mx制作一个遮罩动画。五、实验报告要求1、写出实验设计的步骤或程序；2、结果中要求被遮罩为一幅图片。实验八、用dreamweaver mx自动格式化表格一、实验目的练习dreamweaver mx的自动格式化表格命令。二、实验前的准备工作学习表格的用法、格式化单元格命令。三、实验指导范例：1、dreamweaver mx中新建一个文档，建立一个表格并输入相关内容，如图8-1 图8-12、现在选中这个表格，点击主菜单中的“命令”/“格式化表格”选项，将出现如图8-2所示的格式化表格窗口。 图8-23、其中，窗口左上角的选择框里为dreamweaver mx预设好了一些表格样式，旁边显示的一个小表格为对应样式的示例。例如选择“altrow;green￥yellow”，会立即在窗口中看到该样式的示例。如果对其中设置的样式不满意，可以对窗口中的其他参数进行适当调整。下面介绍一下这里一些参数的含义。“行颜色”用来设置表格行的颜色。其中“第一种”设置第一种行颜色，“第二种”设置第二种行的颜色；“交错”设置表格每一行的颜色是否变化，它包含不要交替、每一行、每两行、每三行、每四行等选项，可以根据自己喜好设置其变化。“第一行”设置表格第一行单元格的参数。其中“对齐”为表格内容对齐方式；“文字样式”为表格中文字样式设置；“背景色”设置背景颜色；“文本颜色”设置表格中的文字颜色；“最左列”用来设置表格最左边一列的单元格样式，其设置与“第一行”中的设置类似。如果要修改边框宽度，在“边框”一栏中输入数值即可。不需要表格线则输入0。另外，还有一项“将所有属性应用于TD标签而不是TR标签“，虽然应用于表格单元的格式优先于应用于表格行的格式，但是应用于表格行的格式将产生更清晰、更简洁的html源代码。所以一般情况下不选择这个选项。好了，在了解了格式化表格的相关设置之后，选择一种你喜欢的样式，再对其细节参数修改之后，点击“确定”按钮。一个美观的表格就制作好了。四、实验内容仿照范例内容制作一个格式化的表格。五、实验报告要求1、写出实验设计的步骤或程序；2、结果中要求行颜色为“红色”和“蓝色”，交错为“每一行”其他设置随意。实验九 用dreamweaver mx给表格排序一、实验目的练习dreamweaver mx的表格排序。二、实验前的准备工作学习表格的用法、表格的排序。三、实验指导范例：1、在dreamweaver mx中打开上一例中的表格如图9-1。 图9-12、现在选中这个表格，点击主菜单中的“命令”/“排序表格”选项，将出现如图9-2所示的排序表格窗口。 图9-2其中，“排序按”一栏的下拉菜单中可以选择按哪一列排序。该菜单上列出了选定表格的所有列，例如；列1、列2等。“顺序” 选项中可以选择“按字母顺序”还是“按数字顺序”排序。还可以选择按“升序”排序或“降序”排列。除了可以按指定的列进行排序外，还可以按另外的列进行次一级的排序，在“再按”一栏的下拉菜单中指定用于次级排序的列。另外，选择“排序包含第一行”，如果第一行是表头，就不应该包含在内，那么不要选择此玄乡。“对THEAD行进行排序”和“对TFOOT行进行排序”为选择是否让表头和表尾一起排序，根据需要选择。“排序的行保持TR属性”选中的话，原来表格单元格的属性（颜色、字体等）在排序后将随单元格的移动而动。所以如果想在排序后保持表格的样式不变，就不要选择此项。了解了排序的方法后，我们来制作一个例子，在排序窗口中，“排序按”一栏选择“列2”，“顺序”选择“按数字顺序”，“降序”，并选中“排序的行保持TR属性”一项，点击“确定”完成设置，我们发现表格中的数据按“张三”出勤天数的降序排列了。同学门可以比较一下排序前后的表格，如图9-3 ，9-4所示。图9-3（排序前） 图9-4（排序后）四、实验内容仿照范例内容自己设计一个简单表格，并对表格中的数据进行排序。五、实验报告要求1、写出实验设计的步骤或程序；2、结果中要求使用一级排序。实验十 用dreamweaver制作1象素的分割线条一、实验目的有时候在网页排版时，我们需要一条细线，用图片可以，但是直接用dreamweaver mx 也可以制作出来这样的分割线条。二、实验前的准备工作学习表格属性设置、单元格属性设置，视图切换、代码编辑。三、实验指导范例：1、打开dreamweaver mx 并新建一个文档。2、将光标置于页面中，电击主菜单中的“插入”/“表格”选项，在当前光标处插入一个1行1列，宽为200象素，边框距为0的表格，如图10-1 图10-13、选中上面刚创建的表格，在属性面板中设置表格的高为1象素，并将表格的背景颜色设置为你喜欢的颜色，如图10-2所示 图10-24、当设置表格的高为1象素后，会发现这个表格的高远不止1象素，这该怎么办，不用急，我们接下来就解决这个问题，保持表格为选中状态，在文档工具条上点击图标，此时dreamweaver mx的编辑窗口将切换为代码窗口。5、在dreamweaver mx的代码窗口中，你会发现光标在某位置闪烁，保持光标位置不变，将其后边的“ ”删除掉。如图10-3所示 图10-36、切换到设计窗口，可以看到刚才的表格变成细线了。四、实验内容仿照范例内容制作1象素分割线条。五、实验报告要求1、写出实验设计的步骤或程序；2、结果中要求制作若干条不同颜色的1象素分割线条。实验十一、用dreamweaver mx制作图片移动的网页一、实验目的通过本实验练习dreamweaver mx中为我们提供了时间轴的功能。二、实验前的准备工作学习时间轴和分层的用法。三、实验指导范例：1、 在dreamweaver mx里新建一个文件，将光标置于页面中，点击主菜单中的“插入”/“层”。2、将光标置于刚插入的层中，点击插入面板上“常用”选项卡中的“插入图象”图标插入一张图片。 3、点击主菜单中的“窗口”/“其他”/“时间轴”，打开时间轴窗口，4、选中页面上创建的层，用鼠标按住层左上角的“插入图层”图标，将层拖放到时间轴的第1帧中，此时dreamweaver mx自动为我们创建了一个长度为15帧的时间轴如图11-1所示。 图11-15、选择时间轴上的第1帧，将页面中的层拖放到页面左上角，这样当动画开始的时候（即第1帧），图片将在页面做上角出现。6、选中时间轴上的第15帧，按住鼠标左键，拖动该帧到第30帧，这样，时间轴延长到30帧 图11-27、选中时间轴上的第15帧，点击鼠标右键，弹出的菜单中选择“增加关键帧”，此时第15帧上出现了一个小圆点图样，如图11-2所示，表示当前帧为关键帧。图11-38、在保持时间轴第15帧被选中的情况下，拖动层到页面的中下方，窗口中显示出了层从第1帧到第15帧的运动轨迹。如图11-4 图11-49、到此创建出了图形移动的轨迹，接下来继续设置时间轴，在时间轴窗口中fps一栏表示的是时间轴播放的速度，默认为15帧/秒，这里保持这个默认值即的。勾选窗口上的“自动播放”项，如图11-5 图11-510、此时将出现提示窗口，提示已添加了一个时间轴行为，这样在进入页面的时候，时间轴将自动播放。直接电击窗口上的“确定”按钮即可。11、将页面保存，按下F12键预览一下刚完成的移动图片效果吧。四、实验内容按照范例内容制作一个图片移动的动画。五、实验报告要求1、写出实验设计的步骤