简单静态集锦网站.doc

安徽省巢湖学院计算机与信息工副 课程设计报告 课题名称： 简单静态集锦网站 专业班级： 11级电子商务 同组姓名： 马争 毕鹏飞 夏玮 王依曼 同组学号： 1101000111010044 联系方式： 指导教师： 韩俊波 目录 一 静态集锦网站的优点 2 二 网站的设计 3 1 网站的构架（css+div） 3 2 实际效果 4 三 网站代码 4 四 使用工具 12 五 总结 12 一 静态集锦网站的优点 及时收录包括音乐、视频、小说、游戏等热门分类的优秀网站，与搜索完美结合，提供最简单便捷的网上导航服务为网民提供了最便捷的上网体验，来到这里的朋友快速找到自已需要的网站，而不用去记太多复杂的网址目前互联网几乎所有网址站的都沿袭了的特点，已经成为一种行业标准，目前也是中国网民在网址导航站中首选的品牌。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title无标题文档/title style type=text/css .style4{width: 800px;height: 100px;margin: 0px auto;margin-bottom:20px;border:1px solid #CCEFFbackground-color: #FAFCFD;float:left;} .style1{width:300px;height:300px;margin: 15px auto;margin-bottom:20px;border:1pxsolid#CCEFF5;background-color: #FAFCFD；float:left;} .style1 ul{ margin-left:-40px;} .style1 ul li{ display:inline-block; font-size:12px;margin-left:10px;line-height: 1.5em;} .style1 ul li a{text-decoration:none;color: #0033CC;} .style1 ul li a:hover{color:red;} h5{width:300px;margin: 1px;background-color: #E2EAF8;height: 24px;} .style2{width:480px;height:300px;margin: 15px auto;margin-bottom:20px;border:1px solid #CCEFF5;background-color: #FAFCFD;float:left;} .style2 a{text-decoration:none;color: #0000CC; font-size:12px;line-height: 1.5em; font-weight: 100;font-family: 微软雅黑, Adobe 楷体 Std R, 黑体, 楷体_GB2312;} .style2 a:hover{color: #FF0000;} h4{width:800px;margin: 1px;background-color: #E2EAF8;height: 24px;color: #69AF92;} !-- .STYLE5 {font-family: 微软雅黑, Adobe 楷体 Std R, 黑体, 楷体_GB2312;font-weight: bold;font-size:14px;color: #000000;} .STYLE6 {font-family: 微软雅黑, Adobe 楷体 Std R, 黑体, 楷体_GB2312; color: #000000} .STYLE7 {color: #FFFFFF} .STYLE8 {font-family: 微软雅黑, Adobe 楷体 Std R, 黑体, 楷体_GB2312; color: #FFFFFF; } .STYLE9 {font-famil