北邮信息与网络实验报告一_信息网络实验报告

北邮信息与网络实验报告一由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“信息网络实验报告”。

北京邮电大学

信息网络应用基础实验报告

实验一

静态网页的设计

学院：电子工程学院

班级：

姓名：

学号：

一、实验主题

1、设计主题：本次实验我设计的该网页主题是围绕当前热门的多人联机在线网游DOTA2进行的。并对该游戏的由来、背景及其内容做了一些简要的描述。

2、功能:在主页中可以观看该游戏的宣传视频以及该游戏的一些精美的图片，并且通过选择相应选项可以了解更多的游戏内容。

3、运行流程：

① 首先打开主页时可以选择播放视频，并且看到丰富的图片；

② 然后点击相应的选项可以进入到分别的附页中查看内容；

③ 并且在主页点击最下的图片可以回到主页顶部，在其他页面点击最下的图片也可以回到主页。

4、实现功能的html技术：

① 在主页中观看视频利用的是html多媒体中的标签插入一个视频的URL进行播放；

② 在页面中的图片是利用了html多媒体中的标签进行图片的加入；

③ 设置页面的背景图片是在标签中加入background参数即可；

④ 在页面内、本机页面间及本机文档连接互联网页面时则是利用了超链接的三种方法建立；

⑤ 在页面中显示表格则是利用了相关的表格创建的语句来建立一个表格，并且可以对表格中插入图片并且可以改变表格的背景颜色以及背景图片。

二、实验内容运行结果

① 打开主页可以看到插入的图片以及背景图片

② 点击页面中插入的视频，点击播放即可以进行播放

插入视频的html代码如下：

③ 点击主页中的超链接则可以跳转到相应的页面。如：

点击英雄介绍链接

则可以显示英雄介绍页面

当选择一个类型的英雄时可以在本页面跳转到对应类型的介绍

当选择某个英雄时则可以链接到互联网上的详细介绍页面

④ 当在副页面点击最下面的图片则可以跳转到主页面

⑤ 在页面中建立的表格并且改变表格背景颜色并且插入图片

三、实验心得与感受

本次实验真正的了解到了如何设计一个最基本的网页，也是将所学的html语言的知识进行了充分的应用，也对这些知识有了更加可视化的了解。由于是第一次进行网页的设计，我选择的是利用记事本来编辑html代码来进行设计的，由于代码都是利用各种标签手动输入的，所以对语句有了深刻的记忆，包括在以后的学习中也会很好的利用它们。我认为这样相对于利用dreamweaver来设计有很多的好处，因为这样第一次可以让我们了解页面的每一部分是怎么实现的，不过在了解过后可以选择软件来设计，因为那样更加具有可视化且方便。

在设计的过程中，也遇到了不少的困难。首先感觉就是对于一个网页的背景图片选择来说比较困难，因为在网页中不会对一个图片进行伸缩，显示的是图片本身的大小，所以只好找到与页面较符合的图片。而且在插入视频时，我利用书中的代码写入时不能在页面中无法播放视频。后来我在网上查阅相关资料，后来直接利用视频网站中的分享视频的代码加入即可在页面中显示一个可播放的视频。

通过这个实验来进行静态网页的设计还是很有意思的，既能学到知识又能了解自己喜欢的东西，而且在网页完成后再进行浏览是一件很有成就感的事情！