Jump to content
informaster

Construção de FrameWork Simples

Recommended Posts

informaster

Boa noite

Sou um iniciado em PHP, HTML, CSS ,etc.

No entanto estou a contruir uma página mas gostaria a começar a construir atraves de um Painel de Administrador.

O meu primeiro ficheiro HTML na raiz da pagina tenho assim:

Index.html

<!DOCTYPE html>
<!--[if lt IE 7]>	  <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>		 <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>		 <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
   <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Developer Team - Worl of applications</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="style.css">
 <script src="js/libs/modernizr-2.6.1-respond-1.1.0.min.js"></script>
</head>
<body>
   <div id="head">


</div>
<div id="nav">
 <ul>
  <li> Home </li>
  <li> Web Developer </li>
  <li> Apps Developer </li>
  <li> Contacts </li>
 </ul>
 <div class="clearfix"></div>
</div>
<div id="main">
 <div id='article'>
 <div class='content'>
   <h1>Sync Two DataBase </h1>
   <h3>- How Sync 2 database with mysql and microsoft sql</h3><br>

  </div>
 </div>
 <div id='sidebar'>
  <div class='content'>
  News
   </div>

 </div>
</div>
<div id="footer">
 Copyright @ Developer Team . 2015
</div>
</body>
</html>

Basicamente faz com que a minha página fique Responsiva.

tenho este style.css:

*{margin:0px;padding:0px}
body{font-family:arial}
ul{list-style:none;width:100%}
li{padding:4px;margin-bottom:5px; margin-top:5px; background-color:#ffffcc;text-align:center;color:#000; width:}
#head
{
min-height:30px;
background-color:#006699;
border-bottom:2px solid #333;
padding:20px;
clear:both
}
#footer
{
min-height:10px;
background-color:#dedede;
border-top:2px solid #333;
padding:20px;
clear:both;
text-align:center
}
#nav{
border-bottom:2px solid #333;
}
#main
{
padding:10px 10px 10px 10px;
}
#article,#sidebar{background-color:#dedede; min-height:250px;margin-bottom:20px;overflow:auto}
.content{padding:20px}
.clearfix{
clear:both;
}
@media only screen and (min-width: 480px)
{

#header
{
background-color:#cc0000;
}
ul{float:left;}
li{float:left;width:16%;padding:4px;margin-right:8px}
#main
{
padding:10px 20px 10px 20px;
}

}
@media only screen and (min-width: 768px){
#header
{
background-color:#006699;
}
#article
{
float:left;
width:68%;
}
#sidebar
{
float:right;
width:30%;
}
#logo
{
float:left;
width:10%;
}
#nav
{
width:100%;
}
ul{float:right}
li{float:left;width:18%;padding:4px;margin-right:8px}
#main
{
padding:20px 30px 20px 30px;
}
}

A minha questão é a seguinte:

Como construir um painel de administrador que depois edit estas paginas, artigos, adcionar, remover, adicionar.

Isto de maneira simples....

Eu apenas preciso de algum exemplo simples para isto.

Obvio que o tenho que fazer um login em php para entrar como admin...

Mas já tentei procurar no google.

Mas secalhar não uso as melhor palavras para isto aparecer exemplo para este tipo de pagina responsiva....

Obrigado a todos.


 

 

Nuno Revez

@informaster

Share this post


Link to post
Share on other sites
alpharroba

Isto é muito sugestivo, poderá faze-lo de várias maneiras, depende do que quiser fazer e editar. o meu conselho é começar passo a passo. Por exemplo, comece por criar uma pagina simples a que so administradores têm acesso. Depois disso, imagine que precisa de criar páginas automaticamente, então comece por tentar criar um butão que crie uma página nova com um determinado nome etc.. Vá passo por passo e vá fazendo as coisas de acordo com o que necessita.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.