主页面主要有3个部分构成，头部、主体内容部分、尾部

1.头部：

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>

<div class="header_top">
<div class="w960">
<span class="time">Open1111 - 轻松建站赚钱从此开始</span>
<div class="toplinks">
<form target="_blank">
[&nbsp;<a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=5a688c5e4d85eaceb7b0354057daaba281d05191bb182776e5e65e7c46e03299">加入QQ群</a>&nbsp;][&nbsp;<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=527085608&amp;site=qq&amp;menu=yes" target="_blank">广告业务</a>&nbsp;]
&nbsp;<input type="text" id="bdcsMain" class="search"/>&nbsp;<input type="submit" value="搜索"/>
</form>
</div>

</div>
</div>

<div class="header">
<div class="w960">
<div class="title">
<a href="${pageContext.request.contextPath}/index.jsp"><img src="${pageContext.request.contextPath}/static/images/logo.jpg"></a>
</div>

</div>
</div>

foot.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<div class="footer">
<div class="copyright">Copyright © 2012-2016 有限公司 版权所有 联系站长：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1002222344&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1002222344:51" alt="联系站长" title="联系站长"/></a> </div>
<div class="beian">备案号：<a href='http://www.miibeian.gov.cn/' target="_blank">苏ICP备16023210号-1</a></div>
</div>

menu.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>

<div class="menu">
<div class="w960 m960">
<ul>
<li class="first"><a href="/index.jsp" >首页</a></li>

<li><a href="/arcType/1.html">Java基础</a></li>

<li><a href="/arcType/2.html">网页基础</a></li>

<li><a href="/arcType/4.html">Java建站</a></li>

<li><a href="/arcType/5.html">Java爬虫</a></li>

<li><a href="/arcType/6.html">网站SEO</a></li>

<li><a href="/arcType/7.html">广告联盟</a></li>
</ul>
</div>
</div>

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Open1111官方网站 -网络科技有限公司</title>
<META NAME="Author" CONTENT="1234">
<meta name="keywords" content="Java内容管理系统,JavaCMS,Java开源,Java爬虫,JavaSEO,Java CMS" />
<meta name="description" content="Open1111专注于研发Java建站,Java爬虫,JavaSEO教程.传授广大学员用Java技术来实现互联网资源的搬运,整合汇聚互联网资源建站,顺便获取一些搬运费补贴家用." />
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/open1111.css">
<script src="${pageContext.request.contextPath}/static/js/jQuery.js"></script>
</head>
<body>
<jsp:include page="/common/head.jsp"></jsp:include>
<jsp:include page="/common/menu.jsp"></jsp:include>
<jsp:include page="/common/foot.jsp"></jsp:include>
</body>
</html>

open111.css

body{
padding: 0px;
margin: 0px;
font:12px Verdana,Arial,Tahoma;
line-height: 25px;
}

.w960{
width: 960px;
margin: 0px auto;
overflow: hidden;
}

.header_top{
height: 25px !important;
border-bottom:1px solid #DBDBDB;
background: url(../images/header_top.png) repeat-x;
}

.tile{
float: left;
padding-left: 10px;
}

.toplinks{
float: right;
}

.toplinks .input{
margin-bottom: 2px;
}

.toplinks a{
color: #256EB1;
text-decoration: none;
}

.header{
margin-top: 10px;
}

.title{
float: left;
}

.menu{
margin-top: 10px;
}

.m960{
background: green;
height: 32px;
}

.menu ul{
margin:0px;
padding:0px;
height: 25px;
list-style: none;
}

.menu ul li{
font: 14px/1.5 "Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";
float: left;
height: 22px;
margin-right: 10px;
margin-left: -3px;
padding-left: 20px;
padding-top: 5px;
}

.menu ul li a{
color: #FFF;
height: 22px;
text-decoration: none;
display: inline-block;
position: relative;
}

.menu ul li.first{
padding-left: 40px;
}

.footer{
margin-top: 20px;
margin-bottom: 40px;
}

.copyright{
text-align: center;
}

.beian{
text-align: center;
}

.beian a{
text-decoration: none;
color: gray;
}

　　　　

cms-首页搭建的更多相关文章

  1. [转载]织梦CMS首页调用分类信息栏目及列表方法

    原文地址:织梦CMS首页调用分类信息栏目及列表方法作者:小武哥 不懂代码,搜索学习一晚上,都是说调用特定栏目分类信息列表的,用这个代码 {dede:arclistsg row='10' titlele ...

  2. 商城04——门户网站介绍&商城首页搭建&内容系统创建&CMS实现

    1.   课程计划 1.门户系统的搭建 2.显示商城首页 3.内容管理系统的实现 a)  内容分类管理 b) 内容管理 2.   门户系统的搭建 2.1. 什么是门户系统 从广义上来说,它将各种应用系 ...

  3. CommonTabLayout+ViewPager快速完成APP首页搭建

    款APP开始的时候往往少不了多页面的切换,这就涉及到viewpager的使用,以前往往用Google自带的效果去实现,比较麻烦不说,后面做出来的效果还不如人意. 下面就利用CommonTabLayou ...

  4. （转）织梦cms首页添加digg顶一下的修改方法

    现在把文章内容页拔的顶拔出来.分享一下让各位需要的朋友参考使用(特别注意:红色的是修改的地方)第一步:把顶踩的js和ajax提取出来,放在想要使用的页面用(比如:首页)以下是内容页顶踩用的js.提取出 ...

  5. 织梦CMS首页调用分类信息栏目及列表方法

    不懂代码,搜索学习一晚上,都是说调用特定栏目分类信息列表的,用这个代码 {dede:arclistsg row='10' titlelen='24' orderby='pubdate' channel ...

  6. Luffy之Xadmin以及首页搭建(轮播图,导航)

    1. 首页 1.1 轮播图 admin站点配置支持图片上传 pip install Pillow 默认情况下,Django会将上传的图片保存在本地服务器上,需要配置保存的路径.我们可以将上传的文件保存 ...

  7. [2018-03-06] 基于Django的轻量级CMS Mezzanine搭建笔记

    一丶什么是Mezzanine? 它是基于django的内容管理平台(),组成简单,可扩展性和定制性强,特别是个小型的个人博客系统.它也提供了类似wordpress的管理页面.博客发布.图片展示等功能, ...

  8. cms 环境搭建

    一 :安装 JDK: 1.在根目录下新建目录 JDK 2.通过 xftp 导入 jdk 压缩包到 JDK 目录中 jdk-8u144-linux-x64.tar.gz,解压 tar -zxvf jdk ...

  9. 织梦CMS首页、列表页文章如何调出该文章TAG标签?

    1.如果是dedecms v5.7版本直接使用标签 [field:id function=GetTags(@me)/] 就可以调用出来了.只不过不带连接的. 2.如果需要连接请注释掉include/h ...

  10. 我和CMS的往事

    CMS(内容管理系统)放在web中理解,也就是我们常说的后台了,用于网站的日常管理.又到期末了,我们的课程——web程序设计,需要提交一份期末大作业,最近需要开发出一个基于JSP的简单web,所以呢, ...

随机推荐

  1. The Little Prince

    Chapter 1 That is why, at the age of six, I gave up what might have been a magnificant career as a p ...

  2. “FreeTextBox”控件使用——Word编辑器

    前言 在敲牛腩新闻发布系统时,添加新闻修改新闻的时候遇到了Word编辑器控件.它是引用了第三方控件,下面关于怎么引用该控件及其一些简单的使用方法进行分析. 内容 在网上找的该插件"FreeT ...

  3. Spring MVC那点事儿

    自问自答 1 Spring MVC的启动原理? spring mvc是基于ioc容器的,因此需要先创建IOC容器,才能创建对应的spring mvc执行环境. IOC容器是通过ContextLoade ...

  4. Java Web之分页的实现（通用）

    一.用到的工具类的封装 为了实现代码的重用性,我们将经常用到的代码封装到工具类中,以便在任何地方都可以调用 1.获取路径工具 在jsp页面中,我们经常会向Servlet发送请求,并通过反射,实现通过传 ...

  5. 老男孩Day1作业（二）：三级菜单

    作业需求: 1. 运行程序输出第一级菜单 2. 选择一级菜单某项,输出二级菜单,同理输出三级菜单 3. 菜单数据保存在文件中 4. 让用户选择是否要退出 5. 有返回上一级菜单的功能 1)编写思路 编 ...

  6. mongoose的安装与使用（书签记录） 2017

    Windows7环境下安装:慕课网中的手记 http://www.imooc.com/article/12447 关于在CMD中对Mongo API的调用,从这些API调用中我们也可以更容易地理解在n ...

  7. P3823_[NOI2017]蚯蚓排队 哈希+脑子

    之前就写过一遍,今天却写挂了,查了半天发现是数组名写错啦$qwq$ 观察到$K$很小,所以使得我们可以哈希(怎么什么都能哈希$qwq$).我们把长度小于等于$50$的子串扔到哈希表里,并统计出现次数, ...

  8. UVa11093

    //当汽车从第i个加油站到第j个加油站无法继续走下去的时候,这时候[i,j]区间的所有加油站都无法作为起点,因为当我们到第k个加油站的时候,起码是带着>=0的油去的,现在不带油直接从第k个开始肯 ...

  9. python3.6下安装wingIDE破解方法

    1.wingIDE的下载: 在电脑配置好的python环境情况下,去官网下载wingIDE6,按照一般方式安装好.安装好它会自动提示你是否激活,你点击激活.然后到下一步. 2.脚本的制作: impor ...

  10. 033 Search in Rotated Sorted Array 搜索旋转排序数组

    假设按照升序排序的数组在预先未知的某个关键点上旋转.(即 0 1 2 4 5 6 7 将变成 4 5 6 7 0 1 2).给你一个目标值来搜索,如果数组中存在这个数则返回它的索引,否则返回 -1.你 ...