新闻系统静态主界面搭建
一.图片轮转特效1.新建style文件夹和news.css文件,在index.jsp中导入bootstrap包
2.贴入图片轮转的代码
二.公共页面的封装
1.由于页面的head和foot是公共的,建立一个background(后台)和foreground(前台)文件夹,在foreground文件夹中新建一个common文件夹,再建立一个head.jsp作为前台公共的头部显示。
2.在head.jsp中,使用bootstrap的流式栅样式,class=row-fluid,一共12个栅栏。一个放图片,一个放导航菜单navbar
3.在common文件夹中新建一个link.jsp,使用bootstrap的流式栅样式。
4.在common文件夹中新建一个foot.jsp,使用bootstrap的流式栅样式。
5.在index.jsp中使用jsp:include导入head.jsp、link.jsp、foot.jsp
三.主界面搭建
1.在index.jsp中,使用bootstrap的流式栅样式,第一个栅栏分为两个,图片轮转和头条新闻占9个,热点新闻占3个。第二个栅栏和第三个栅栏放入6个分类新闻。