计算机网络技术与应用实习报告1.doc

信 息 工 程 学 院实验报告的内容与格式按任课教师的要求书写。 计算机网络应用技术 实验/实习报告学院:食品科学与工程学院班级:食工111姓名:折弯弯学号:2011013495 成绩:实习1-2 网页设计1、 实验/实习过程 实习一1.学习EditPlus文本编辑器的使用打开EditPlus显示如图1-1界面，通过“文件”“新建”“html网页”新建一个页面，如图1-2所示。图1-1 editplus界面图1-2 新建html 网页界面在D盘根目录下建立一个文件夹，并下载2-4张图片保存在该文件夹中（2至6步制作的网页文件也保存在该文件夹中）2.使用EditPlus制作一行文字的网页l 使用EditPlus新建一个空白网页，观察网页的基本结构，了解基本结构所用标记的作用，保存文件，在IE浏览器中查看网页运行效果。l 将标记中的文本改为“单行文本”，在标记之间添加文字“西北农林科技大学”，用“0.htm”文件名存盘并查看运行效果。3. 制作一个简单文字内容的网页 新建一个空白网页； 添加适量文字； 利用HTML文字标记进行版面编排，要求： 使用标题；使用h1-h6标记 分段（p标记）、分行（br标记）、段落对齐方式（在p标记中设置align属性）； 设置字体（font标记中设置size,face,color属性），设置字型（b,I,u标记）； 插入水平线（hr标记）等。 保存文件（文件名为1.htm）； 在IE浏览器中查看网页运行效果； 重复的过程，更改标记属性，观察运行效果。4. 制作一个简单图文内容的网页 新建一个空白网页，在网页中添加适量文字，利用HTML文字标记进行版面编排； 运用HTML标记插入图片（img标记），设置图片的属性（修改img标记的Src,height,width,alt,align属性），进行图文混排,注意图片文件应； 保存文件（文件名为2.htm），查看网页运行效果。5.建立超连接 新建一个空白网页，在网页中添加2个超链接，分别链接到前面制作的网页（1.htm和2.htm）上，保存文件（文件名为index.htm），查看网页运行效果，进行链接测试。 在网页中建立其它网站的超链接，分别链接到“西北农林科技大学”主页（），“新浪网”主页（），查看网页运行效果，进行链接测试，如图所示：6.制作一个简单的网页网页制作结果如图所示实习二1.熟悉FrontPage 2003 的工作环境。启动FrontPage 2003，熟悉FrontPage 2003工作环境。2.FrontPage管理站点 建立站点文件夹：在D盘根目录下建立myweb文件夹。 创建站点打开“文件“菜单”，单击“新建”，在任务窗格中选择“其他网站模版”，打开网站模板对话框，选择“空白站点”，在指定新站点的位置中，输入D:myweb或C:myweb（即站点在本地磁盘上的位置），单击“确定”按钮，完成站点的创建。 查看站点目录结构单击“视图栏”（窗口左侧）中“文件夹”图标，即可查看站点目录结构。FrontPage自动建立了images和_private等文件夹。 创建网站其它文件夹在本站点中，建立如下文件夹：xiangce和aihao，然后分别在这两个文件夹中建立文件夹images。3.制作一个图文混排的网页 打开“文件“菜单”，单击“新建”，选择“空白网页”，在FrontPage中将出现一个空白的网页。 在页面上单击右键，选择“网页属性”，打开页面属性对话框，选择各选项卡进行适当配置。 在网页中输入（粘贴）一段文字（孙悟空自传，作业管理系统共享资源中下载），设置第一段（作为标题）为“黑体、6号（24磅）”，其余文字设置为“宋体、4号（14磅）”。 在网页中插入一张图片(sunwukong.jpg，作业管理系统共享资源中下载)，设置图片的对齐属性为“左对齐”。调整位置,如图2-1所示。 将保存网页到网站的根目录（d:myweb）中，文件名为zizhuan.htm。图2-1 zizhuan.htm网页图2-2“保存嵌入式文件”对话框4.制作一个图片展示网页 打开“文件”，单击“新建”，选择“空白网页”，在FrontPage中将出现一个空白的网页。 在网页中插入一个7行3列的表格，在表格属性中，将表格的边框粗细设置为0，接着再将第1行的3列合并,输入文字“孙悟空的幸福生活”，设置为“标题一”格式。调整单元格行高，如图2-3所示。图2-3 制作中的xiangche.htm网页图2-4 完成的xiangce.htm网页 在表格的单元格中，插入图片和文字说明(作业管理系统共享资源中下载)。如图2-4所示。 将保存网页到网站的根目录（d:mywebxiangce）中，文件名为xiangce.htm。5.制作个人主页（首页）网页设计时，网页的布局方式将直接影响页面的外观，同时也是体现设计师的水平的一个标准。在设计布局时，通常采用表格的方式。在本网站主页的制作中，我们也将使用表格方式布局。 打开“文件”，单击“新建”，选择“空白网页”，在FrontPage中将出现一个空白的网页。 在网页中插入一个7行2列的表格（宽：700像素；边框：0；单元格衬距：0；单元格间距：0），将第一行第一列单元格设为“水平：右对齐；垂直：顶端对齐”；然后将第2列的所有单格合并。 在刚合并完成后单元格中，设置单元格对齐属性为“水平：左对齐；垂直：顶端对齐”，然后在该单元格插入一个4行1列的表格（宽度：100%；边框：0；单元格衬距：0；单元格间距：0），并将该表格的第一行单元格设为“水平：左对齐；垂直：顶端对齐”。完成的布局如图然后调整单元格行高。 在左边单元格和右边第1行的单元中，插入的图片（教学资源网下载）， 将右边第2行拆分为2列。在第3行中，插入一个1行3列的表格(宽：100%；高：100%，边框：0)。 接下来，在单元格中插入图片，输入文字。 将“悟空自传”图片超链接到前面制作的网页“zizhuan.htm”,“我的相册”图片超链接到“xiangce.htm”，“我的母校”图片边接到“”，“与我联系”图片超链接到“mailto:”。 将网页保存到网站的根目录（d:myweb）中，文件名为index.htm。 在浏览器中打开index.htm页面，如图所示。实习 三1、自拟站点主题为旅游攻略“走进神木神湖”，规划站点内容，收集相关素材并整理在文件夹中。2、FrontPage管理站点； 建立站点文件夹；创建站点；建网站其它目；分别初步制作各个页面3、在2的基础上，再次修改网页界面，尽可能美观大方整齐。页面设计预览如下所示：二、实习总结1、通过第一次的实习，我对网页构成和HTML语言有了初步的了解，掌握了一些常用的HTML语言标记的使用。基本掌握了网页制作的一般方法和步骤，能够用EditPlus软件制作简单的网页。学到的重要知识是：超链接中的绝对URL和相对URL（1）绝对URL是指internet上资源的相对地址，包括协议种类、计算机域名和包含路径的文档名。一般用于链接本站点以外的文件。（2）相对URL是指internet上资源相对于当前页面的地址，包含当前页面指向目的页面位置的路径。相对URL本身并不能唯一定位资源，但浏览器会根据当前页面的绝对URL正确地理解相对URL。相对URL一般用于链接本站点内的文件。2、通过第二、三次实习熟悉了FrontPage2003 的工作环境，基本掌握了FrontPage2003 站点管理功能、制作网页的基本方法、网页制作中的常用页面布局方法。最后，我可以自己比较熟练的制作一个简单的网站，收获颇丰。3、在实习过程中，虽然有实习指导，但还是遇到了一些大大小小的问题，通过向周围同学和老师询问，最终解决问题。在今后的实习中，我应该更认真细心一些，并且要尽量自己解决问题，这样才会学到更多。思考题：1、如何管理网站文件？答：在网上注册一个免费空间，用FTP软件将相关的文件上传到WEB服务器中，进入操作软件，然后打开自己的站点，这样就可以进行文件的复制粘贴等操作，从而对网页进行修改。2、 如何规划和设计较复杂的主页？答：规划和设计一个复杂的主页首先要有一个大致的构造思想，如列入文字，图片等的不同表达，然后按照自己的构思搜集和整理所需的材料并分类存储在相应文件夹中，最好可以先画个流程图，从而使条理清晰，之后，便可以运用网页制作软件开始制作。在初步制作之后，可以通过预览查看效果，再根据需要进行适当修改即可。3、 制作网站需要哪几个阶段？各阶段应完成的基本任务是什么？答：（1）确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。最好找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。网站的主题无定则，只要是自己感兴趣的，任何内容都可以，但主题要鲜明，在该主题范围内内容做到大而全、精而深。（2）搜集材料 明确了网站的主题以后，就要围绕主题开始搜集材料了。要想让自己的网站有血有肉，能够吸引住用户，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。（3）规划网站 网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。（4）选择合适的制作工具 一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，可以根据需要灵活运用。（5） 制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了。要按照先大后小、先简单后复杂