为程序员设计的简约式模板

为程序员设计的简约式模板

 

当你在写JSP里,是不是常常抱怨那冰冷冷的页面?

是不是常常被网上的长编的网页模板而吓倒?

为什么不做一个简约的模版,而一劳永逸呢?

 

       下面我就为大家介绍怎样做一个合适的模板。先来看一片效果图!

 

 

麻雀虽小,五脏俱全。简单就是美!

从图上可以看到,有背景图(淡灰色),有标题栏(灰色),有展示面版(白色)

 

使用简约式模板有以下好处:

1、  可以让程序员减轻些心理负担。清爽简单的样式,总能为你增加几分信心和耐心。

2、  在开发前期可以更快更好地让客户看到预览图。

3、  使用简约式模板,能为后续工作,特别是对美工来说,是一目了然的。

4、  …………

   优点就不一一多说了。做起来也很简单。只需要把下面的代码复制一下就可以了。而你只需要做一点点小修改!

1、  <div class="STYLE3" id="title">Title</div>中的title改成你需要的标题

2、  <div id="content">Your Content</div>中的Your Content改成你所需要的内容

3、  如果想居中的话可以为你的<table>加一句align="center"

< html >
    
< head >
        
< meta  http-equiv ="Content-Type"  content ="text/html; charset=GBK"   />
        
< title > Action Page </ title >
        
< style  type ="text/css" >
            <!--
            #main 
{
                background-color
: #CCCCCC;
                width
: 750px;
                margin-right
: auto;
                margin-left
: auto;
                padding-bottom
: 30px;
                padding-top
: 30px;
            
}

            #main #content 
{
                background-position
: center;
                background-color
: #FFFFFF;
                width
: 600px;
                margin-right
: auto;
                margin-left
: auto;
                vertical-align
: text-top;
                text-align
: center;
                padding-top
: 20px;
                padding-bottom
: 20px;
            
}

            .STYLE3 
{
                width
: 600px;
                background-color
: #666666;
                margin-right
: auto;
                margin-left
: auto;
                font-size
: xx-large;
                font-weight
: bold;
                color
: #FFFFFF;
            
}

            -->
        
</ style >
    
</ head >
    
< body >
        
< div  id ="main" >
            
< div  class ="STYLE3"  id ="title" > Title </ div >
            
< div  id ="content" >
        Your Content
            
</ div >
        
</ div >
    
</ body >

 

 

已标记关键词 清除标记
相关推荐
【为什么还需要学习C++?】 你是否接触很多语言,但从来没有了解过编程语言的本质? 你是否想成为一名资深开发人员,想开发别人做不了的高性能程序? 你是否经常想要窥探大型企业级开发工程的思路,但苦于没有基础只能望洋兴叹?   那么C++就是你个人能力提升,职业之路进阶的不二之选。 【课程特色】 1.课程共19大章节,239课时内容,涵盖数据结构、函数、类、指针、标准库全部知识体系。 2.带你从知识与思想的层面从0构建C++知识框架,分析大型项目实践思路,为你打下坚实的基础。 3.李宁老师结合4大国外顶级C++著作的精华为大家推出的《征服C++11》课程。 【学完后我将达到什么水平?】 1.对C++的各个知识能够熟练配置、开发、部署; 2.吊打一切关于C++的笔试面试题; 3.面向物联网的“嵌入”和面向大型化的“分布”开发,掌握职业钥匙,把握行业先机。 【面向人群】 1.希望一站快速入门的C++初学者; 2.希望快速学习 C++、掌握编程要义、修炼内功的开发者; 3.有志于挑战更高级的开发项目,成为资深开发的工程师。 【课程设计】 本课程包含3大模块 基础篇 本篇主要讲解c++的基础概念,包含数据类型、运算符等基本语法,数组、指针、字符串等基本词法,循环、函数、类等基本句法等。 进阶篇 本篇主要讲解编程中常用的一些技能,包含类的高级技术、类的继承、编译链接和命名空间等。 提升篇: 本篇可以帮助学员更加高效的进行c++开发,其中包含类型转换、文件操作、异常处理、代码重用等内容。
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页