《html网页设计课程报告论文div+css布局》由会员分享，可在线阅读，更多相关《html网页设计课程报告论文div+css布局（5页珍藏版）》请在金锄头文库上搜索。
1、“银家是奥崽俚”主页的设计一、 系统功能说明系统包含主要版块有：1. 个人中心这里是对用户资料的一个说明，主要运用到了一些基本的html知识。2. 日记该板块主要是给别人写一些日志的，在这里我们要设置一些按钮及文本域等知识，让用户写的一些东西能保存下来，还能及时的的在网页上面显示。3. 相册该处主要是展示一些相片，和上传一些相片4. 留言板该处，主要是展示一些别人给用户的留言二、 界面设计logo个人资料导航日记相册音乐留言板版权所有三、 编码1. 页面Div布局 2. 页面布局CSS设计（ bodytext-align:center; #container width:980px; magi
2、n:0 auto; #logo width:100%; height:90px; background-color:blue; #navigator padding:5px 0; width:100%; height:30px; background-color:black; #navigator ul lifloat:left; #navigator ul li a width:160px; font-size:20px; display:block; color:white a:hoverbackground-color:blue;color:white; #mainwidth:100%;
3、 #info float:left; width:20%; height:300px; background-color:white; #midfloat:left; #blogfloat:left; width:50%; height:150px; background-color:yellow; #picfloat:left; width:50%; height:150px; background-color:red; #music float:left; width:40%; height:150px; background-color:red; #message float:left;
4、 width:40%; height:150px; background-color:white; #footer width:100%; height:100px; background-color:black; color:white; 3. 导航条设计导航功能简单说明：导航条里面主要包含五个部分，首页，个人中心，日记，相册，留言板他们主要是让页面更人性化，更具层次感！使用用户更快的找到自己想找到的东西，相当于一个导向灯！而且为了使用户使用时有更好的体验，我们将其设置成等大小的块块，手标放上去会发生颜色的变化！具体代码： 首页 个人中心 日记 相册 留言板 4. 其他内容添加
5、 姓名：忽忽 性别：偏男 年龄：你猜 日记 今天天气真好啊！ 我们去钓鱼吧 相册 音乐 留言板 今天天气真不错！ ©版权所有，请勿抄袭! 四、 页面效果截图五、 总结本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣。作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，在老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。
