北邮信网html静态网页实验报告

《北邮信网html静态网页实验报告》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、姓名学院专业班级学号班内序号一、实验主题主题及功能：在这次实验中，我设计的网页主题是高考，是一个面向广大高三考生的网页，在网页中提供有督促考生努力学习的励志视频;有各大教育机构的超链接，可以让考生们在遇到问题时找到老师求助;还有各大大学院校主页的超链接，意在让考生们明确自己的目标，这样才能够有更多学习的动力；还有让考生们能够暂时放松一下的轻音乐；最重要的是还有大号的高考倒计时，让考生们能够把握好复习的节奏；最下方还有百度的连接，方便考生。运行流程：首先在第一张网页上可以观看励志视频，成功登陆后进入主网页，即可看到上述的各种功能和信息。直接点击网页中表格中的教

2、育机构名称即可进入到各个教育机构的主页；点击播放键可播放音乐，点击播放时间可以后退30s；点击屏幕下方的心形图案即可进入各大大学院校的主页了；点击baidu即可进入百度首页。功能实现和html技术：网页屮的文字使用了不同的颜色、背景色、字号和字体，文字之间存在换行操作，该功能使用了HTML中的文木和段落技术；网页中会播放咅乐和视频，且网页中包括很多图片，该功能用到了HTML的多媒体技术；主网页的教育机构链接布局使用了表格来进行布局，使用了HTML的插入表格的技术；网页中链接到其他HTML页面、百度、各大教育机构的功能使用了HTML的超链接技术。网页中有需要登

3、陆的部分，该功能使用了HTML的表单技术。结合div和css,对布局和内容进行美化和分配。、实验内容运行结果播放视频：登陆:高考倒计时（会左右摇摆人各教育机构链接:播放音乐:各大大学院校链接:清华北大人大复旦上交港大北邮当天日期、制作者名字缩写、白度链接:部分代码：插入背景图片:body{background-image:url(gaokaol.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:50%50%;background-size:100%

4、;插入图片：插入超链接：新东方培优插入音乐：

5、ogg"/>插入图片超链接:三、实验心得与感受实验总体上进行的相对比较顺利，但是也出现过一些问题。在编写页面时背景图片的插入存在重叠的问题，后来加入background-size:100%后，问题得到解决。在插入视频时一开始没找到网页上视频的html地址，后来发现优酷网站上有直接

6、的链接，问题得到了解决。通过实验我发现，HTML语言很有趣很有意思，而且本次实验自主性和可操作性很强，可以根据自己的兴趣来确定主题。在制作的过程中很开心，在制作完成之后很有成就感，这次实验提高了我分析问题，解决问题的能力，也在试验中掌握HTML和网页编写的技巧，为以后课程的学习打下了良好的基础。