嵌入式数值计算网页的设计实验的报告.doc

嵌入式数值计算网页设计实验报告 班级： 姓名： 学号： 一、实验题目 个人主页网页设计 二、需求分析 实现模拟腾讯QQ空间的基本功能，包括：个人简介，日记，相册，音乐，留言板等。 三、实验具体步骤 1、建立站点地图： 2、页面功能设计 进入首页后，点击各个按钮，可以进入到各个不同功能的页面。 四、实验结果 运行截图： 1、日记页面： 2、相册页面： 3.、音乐页面： 4 、留言板页面： 5.、档案： 五、总结 本组网页中，我用了HTML,CSS等编程语言，在操作界面方面已经比较精准的模拟了QQ空间的页面。由于在布局格式上使用了CSS语言，修改起来便捷，外观上也很精美。 六、附代码 部分代码: 1、首页 titlexx的个人网站/title style type=text/css body { background-color: #000000; background-image: url(images/bj01.jpg); background-repeat: no-repeat; } #apDiv1 { position:absolute; width:84px; height:59px; z-index:1; left: 40px; top: 398px; } #apDiv2 { position:absolute; width:21px; height:590px; z-index:2; left: 5px; top: 8px; } #apDiv3 { position:absolute; width:87px; height:58px; z-index:3; left: 163px; top: 407px; } #apDiv4 { position:absolute; width:99px; height:52px; z-index:4; left: 276px; top: 430px; } #apDiv5 { position:absolute; width:84px; height:50px; z-index:5; left: 397px; top: 426px; } #apDiv6 { position:absolute; width:103px; height:41px; z-index:6; left: 512px; top: 431px; } /style/head body div id=apDiv1a href=dangan.htmlimg src=images/06_r2_c2.jpg width=83 height=59 border=0//a/div div id=apDiv3a href=riji.htmlimg src=images/06_r3_c4.jpg width=82 height=53 border=0//a/div div id=apDiv4a href=xiangce.htmlimg src=images/06_r4_c6.jpg width=92 height=51 border=0//a/div div id=apDiv5a href=yinyue.htmlimg src=images/06_r4_c8.jpg width=75 height=44 border=0//a/div div id=apDiv6a href=liuyan.htmlimg src=images/06_r4_c10.jpg width=99 height=44 border=0//a/div /body 2、日记： meta http-equiv=Content-Type content=text/html; charset=utf-8 / title我的日记/title style type=text/css !-- body { background-color: #000000; background-image: url(images/rjbj.jpg); background-repeat: no-repeat; } #apDiv1 { position:absolute; width:489px; height:31px; z-index:1; left: 135px; top: 89px; } .STYLE1 { color: #FFFFFF; font-size: 16px; } .STYLE2 { font-size: 16px } #neirong { position:absolute; width:510px; height:350px; z-index:4; l