html网页设计课程报告论文div+css布局

“银家是奥崽俚”主页的设计系统功能说明系统包含主要版块有：个人中心这里是对用户资料的一个说明，主要运用到了一些基本的html知识。日记该板块主要是给别人写一些日志的，在这里我们要设置一些按钮及文本域等知识，让用户写的一些东西能保存下来，还能及时的的在网页上面显示。相册该处主要是展示一些相片，和上传一些相片留言板该处，主要是展示一些别人给用户的留言界面设计logologo个人资料导航日记相册音乐留言板版权所有编码页面Div布局<divid=container><divid=logo></div><divid=navigator></div><divid=info></div><divid=main><divid=blog></div> <divid=music></div> <divid=pic></div> <divid=message></div> </div><divid=footer></div><div>页面布局CSS设计（<style>body{text-align:center;}#container{width:980px; magin:0auto;}#logo{width:100%;height:90px;background-color:blue;}#navigator{padding:5px0;width:100%;height:30px;background-color:black;}#navigatorulli{float:left;}#navigatorullia{width:160px;font-size:20px;display:block;color:white}a:hover{background-color:blue;color:white;}#main{width:100%;}#info{float:left;width:20%;height:300px;background-color:white;}#mid{float:left;}#blog{float:left;width:50%;height:150px;background-color:yellow;}#pic{float:left;width:50%;height:150px;background-color:red;}#music{float:left;width:40%;height:150px;background-color:red;}#message{float:left;width:40%;height:150px;background-color:white;}#footer{width:100%;height:100px;background-color:black;color:white;}导航条设计导航功能简单说明：导航条里面主要包含五个部分，首页，个人中心，日记，相册，留言板他们主要是让页面更人性化，更具层次感！使用用户更快的找到自己想找到的东西，相当于一个导向灯！而且为了使用户使用时有更好的体验，我们将其设置成等大小的块块，手标放上去会发生颜色的变化！具体代码：<divid=navigator><ul><li><ahref=#id=n1>首页</a><li><ahref=#id=n2>个人中心</a><li><ahref=#id=n3>日记</a><li><ahref=#id=n4>相册</a><li><ahref=#id=n5>留言板</a></ul></div>其他内容添加<divid=main><divid=info>     <imgsrc=11.jpg><p>     姓名：忽忽<p>     性别：偏男<p>     年龄：你猜<p></div><divid=mid><divid=blog><p><fontsize=5color=green>日记</font></p><li><ahref=d.html;>今天天气真好啊！</a><li><ahref=e.html;> 我们去钓鱼吧</a></div><divid=pic><p><fontsize=5color=red>相册</font></p><imgsrc=111.jpg></div></div><divid=right><divid=music><p><fontsize=5color=blue>音乐</font></p><embedsrc=我好想你.mp3width=390height=80loop=true></div><divid=message><p><fontsize=5color=yellow>留言板</font></p>今天天气真不错！</div></div> </div><divid=footer><p> </p><p>©版权所有，请勿抄袭!</p></div></div>页面效果截图总结本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣。作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、在这样的压力和动力