北邮HTML静态网页制作.docxVIP

信息网络应用基础课程设计题目: HTML静态网页制作 姓名学院电子工程学院专业电子信息科学与技术班级 2014211202 学号 2014210 班内序号指导教师范春晓实验要求有明确的主题。页面制作精美、大方，看着舒服。至少选择以下三类技术完成网页：多媒体（图像、声音）超链接（三种）表格（表格中的链接）表单多框架实验主题设计主题旅行——洛杉矶本次信息网络应用基础实验需要运用HTML语言自行设计一个网页，要求能在本机上运行。根据自己的兴趣爱好，我设计了介绍“旅行——洛杉矶”为例的网页。洛杉矶是美国一个非常著名的城市。在网页中运用文字、图片、音乐、表格、超链接等简要介绍了这个地方的美景、文化、旅游路线等等，页面中使用了表单用于用户的登录。达到了预期的效果。功能?打开网页后可以播放背景音乐，且可以暂停或调节音量。界面有视频，可以点击控制视频界面的三种大小模式（放大，缩小，普通）。超链接到美国国家地理网。显示表格，并且向表格的单元格中添加图片和万维网的链接。还有图像超链接，点击图像跳转到另一设计的HTML文件中。表单可以输入想要用户名和密码。?表格是各个关于洛杉矶的模块，点击模块链接后页面显示相应模块。?每个模块显示相应内容。返回顶部的设置，在界面底部点击“返回顶部”即回到界面的最顶部界面中。?运行流程打开名为“我的追梦者”的html文件。?播放背景音乐。可选择暂停或调节音量。?在表单栏中可以输入用户名和密码，其中密码是“”模式。?其中在表单中设置有6个链接，可以查看各种你对于洛杉矶的印象而搜索。?界面的视频，是关于洛杉矶美景的一个视频，点击即可播放，对于界面的大小有放大、缩小、普通三种选择。?三种超链接，点击“美国国家地理网”即可进入其官网，表格中的超链接点击即可进入相应的模块，图片超链接点击即可跳转到“北京，北京”网页中去。在界面最底部，点击“返回顶部”即可回到界面顶部。?全部浏览完成。每部分功能及应用的HTML技术??显示文字：加入段落。显示背景图片：“src”，即“source”。??播放音乐：“audio”插入播放器。??登录界面：插入表单。?跳转相应模块：超链接之“同一文档的其他位置”。??显示表格：添加表格。??跳转万维网：超链接之“美国国家地理网”。?跳转另一设计的网页：超链接之“北京，北京”。?返回顶部：“href”进行。实验内容运行结果运行结果、运行图片及其运行代码。整体布局主界面（2）文字链接及图片链接a.美国国家地理网：b.其他地方，例如北京目录简介里的各个界面链接：a.洛杉矶简介b.相关美景c.电影的魅力d.音乐风云e.明星阵容f.游玩路线2、局部（1）背景音乐及文字超链接运行代码：（2）登录界面运行代码：（3）目录简介运行代码：（4）视频模块运行代码：（5）图片超链接运行代码：（6）返回顶部运行代码：（7）主题，文字运行代码实验心得与感受1、遇到的问题在插入视频播放的时候，总是自动播放，然而我是想一开始是不播放的。开始排版的时候不能让输入的文字按自己想放置的位置而放置。解决方法：把“controls”给去掉即可解决这个问题了。排放的文字书上是用p来弄的，即使文字部分加入空格键也是不能改变它的位置，而我换用pre这个即可解决这个问题了。2、实验心得这次的实验中，终于学会了一直以来很好奇网页的编写。?从最初的一无所知，到逐渐的熟练掌握。尤其是做的内容还是我很喜欢的城市。做的认真不言而喻。最终完成后浏览成果时，给别人展示、讲解功能时，真的很开心。然而，这仅仅是开始。需要走的路，需要学习的知识，还有很多很多。希望在今后的学习生活中，能像这次的实验一样，可以将个人兴趣和知识融合在一起。让我们学的更有动力、更有趣味性。