北邮信息网络应用基础实验一报告.docx

信息网络应用基础实验报告实验名称：基于HTML的网页制作班级：姓名：学号：实验主题本次信息网络应用基础实验需要运用HTML语言自行设计一个网页，要求能在本机上运行。根据自己的兴趣爱好，我设计了介绍游戏中一个人物的网页。这个人物是英雄联盟中的虚空掠夺者。在网页中运用文字、图片、音乐、表格、超链接等简要介绍了这个人物，页面中使用了表单用于搜索。达到了预期的效果。主题与功能本网页的标题为“虚空掠夺者-卡兹克”，网页主要展示了该人物的故事背景、技能介绍、常用皮肤以及优势和劣势。在介绍常用皮肤时，附有插图，网页中的文字使用了不同的颜色以使页面有更好的视觉效果。网页用到了三个超链接，一个链接到另一个HTML文件，一个链接到百度首页用于百度更多关于该人物的信息，最后一个放在网页的最下面，用于返回页面的顶部，便于浏览网页。页面中使用了一个表单用于搜索其他游戏人物（由于是静态页面，没有编写后端操作）。运行流程程序主要由两个自行编写的HTML网页和一个Internet网页构成，第一个页面包括了介绍该游戏人物的绝大部分信息，包括图像、音乐、超链接、表格、表单，另一个页面是第一个界面的超链接页面，标题为卡兹克的其他技能，介绍一些附加的信息，Internet网页时百度主页，用于百度更多信息。运行流程为打开标题为“虚空掠夺者—卡兹克”的页面，自动播放音乐，自上而下翻阅网页中的内容，在技能介绍的最后由一个查看更多的超链接，点击可以进入超链接页面，网页的最后有左右两个超链接，分别为”百度更多关于卡兹克“和“回到顶部”用于链接到百度主页和页面的最开始。每部分对应的HTML技术网页中的文字使用了不同的颜色，文字存在换行操作，该功能使用了HTML中的文本和段落技术。网页进入时会自动播放音乐，且网页中包括图片，该功能用到了HTML的多媒体技术。网页的整体布局使用了表格来进行布局，使用了HTML的插入表格的技术。网页中链接到其他HTML页面、百度、回到顶部的功能使用了HTML的超链接技术。网页右上角有一个搜索的部分，该功能使用了HTML的表单技术。实验内容运行结果实验效果截图整体页面（使用表格）插入图片超链接表单关键代码插入背景音乐bgsoundsrc=sound.mp3 loop = -1 /插入图片imgsrc=kazike.jpg width=200 height=300 /插入超链接a href = /font color=#66FFFF百度更多关于卡兹克/font/a表单form action = font color=#33FF33搜索/fontinput name=sousuo type=text /inputtype =button value = 搜 //form表格table width=100% border=0 cellspacing=2 cellpadding=2实验心得与感受实验总体上进行的非常顺利，只是在编写页面时背景图片的插入存在重叠的问题，通过使用更大且分辨率更高的图片，问题得到解决。通过实验我发现，HTML语言更加简单有趣，而且本次实验自主性强，自己有浓厚的兴趣，很有成就感和荣誉感，这次实验开阔了我的眼界，提高了我分析问题，解决问题的能力，在试验中掌握HTML和网页编写的技巧，为以后课程的学习打下了良好的基础。