《通讯软件开发与应用》课程报告

A：静态网站

共五页，加入索引，共六个HTML文件

 

如图所示，index为网站索引和主页内容（包括基本信息和剧情简介）

 

 如图为索引

juese.htm为角色介绍

 

photo.htm为图库欣赏

 

其中图片存于上图中文件夹images中

 

beijing.htm为创作背景

 

pingjia.htm为电影评价

 

liuyan.htm为给我留言

 

各页面内容详见代码

CSS:

* {margin:0; padding:0;}

body { margin:0px;font-family: "Microsoft Yahei", "΢���ź�", "����",Arial;font-size:15px;color:#fff; background-attachment:fixed;}

IMG {

    border:none;VERTICAL-ALIGN: middle

}

UL {

    PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px

}

LI {

    PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px

}

A:link {color: #fff;text-decoration: none;}

A:visited {color: #fff;text-decoration: none;}

A:hover {color: #fff;text-decoration: none;}

.cl{clear:both;}

.clearfloat {clear:both;height:0px;font-size:1px;line-hight:0px;}

#wapper {width:999px;margin:0 auto;padding:0;background:#fff;overflow:hidden;}

.header {width:999px;height:221px;background:url("../images/head.gif") 50% 50% no-repeat;margin:0 0 10px 0;}

.navbox {width:999px;height:46px;line-height:46px;font-size:15px;background:#333;color:#fff;margin:0 0 10px 0;text-align:center;font-size:15px; }

.navbox a {display:block;float:left;color:#fff;padding:0 50px;}

.navbox a:hover {color:#fff;background:#2c88b0;}

#leftside {float:left;width:247px;}

#rightmain {float:right;width:737px;}

.pub_tit {width:100%;height:35px;line-height:35px;font-size:15px;color:#fff;}

.pub_tit1 {width:100%;height:35px;line-height:35px;font-size:15px;color:#fff;text-align:left;}

.pub_tit1 span {padding-left:15px;}

.leftside_box {width:245px;border:1px solid #666;overflow:hidden;padding:10x 0;margin:0 0 15px 0;}

.leftside_box ul {width:200px;margin:0 auto;}

.leftside_box ul li {width:200px;height:25px;line-height:25px;font-size:12px;}

.leftside_box ul li a {color:#fff;}

.leftside_box p {padding:5px;line-height:1.8;}

.rightmain_box {width:735px;border:1px solid #666;overflow:hidden;padding:10x 0;margin:0 0 15px 0;text-align:left;}

.rightmain_box p {line-height:2;font-size:14px;padding:10px;}

.cimg {text-align:center;}

.session{width:720px;padding:0 10px;}

.session strong{margin-bottom:-15px;display:block;}

.session img{float:left;margin-right:20px;margin-bottom:10px;}

#footer {width:999px;height:100px;margin:0;border-top:2px solid #666;}

#footer p {padding-top:20px;text-align:center;line-height:2;}

.STYLE1{color:#999;font-size:14px;}

.STYLE2{color:#136ec2;font-size:14px;}

问题：css代码编写的时候出现了各种报错，尤其在框架的搭建，这个地方课上的学习忘记了很多，出现问题现去网上找解决方案，耽误了很多时间。

总结：通过本次实践，总结了半个学期以来学习的有关网页制作的知识，HTML，css，MDB，JavaScript等等知识，不仅在这次实践中应用，而且在其他的实践项目中也有所应用，并且应用程度较大，在众多地方都会使用到，今后也可以更好的应用。