PHP, HTML, CSS Separação
11/11/2014
0
exe: CSS com PHP.
Fabricio Alves
Post mais votado
12/11/2014
exe: CSS com PHP.
"Cada um no seu quadrado" é a melhor forma de se trabalhar em qualquer linguagem. Misturar = Desorganizar.
Ronaldo Lanhellas
Mais Posts
12/11/2014
Wellington Silva
A separação das tecnologias e para simplificar e organizar a manutenção do código.
Podemos ate citar o padrão MVC, que separa o HTML e CSS da logica da aplicação. E é uns dos padrões mais utilizado para desenvolvimento de aplicações em varios tipos de plataformas.
12/11/2014
Fabricio Alves
15/11/2014
Soeuseijothaz
Acho que não é possível abordar a questão de forma maniqueísta, certo ou errado.
E sim como melhores práticas ou não.
Em determinadas situações talvez seja necessário alterar o estilo de um controle em tempo de execução via código.
Seria mais indicado criar duas classes no css e alterar de acordo com a necessidade. Dai alteraria os estilos via php ou mesmo javascript.
O que não é recomendado, não digo nem incorreto, seria alterar os estilos in line ao invés de usar um classe css.
E tudo depende do conhecimento/maturidade do desenvolvedor e principalmente do tempo que ele tem.
Se você evitar definir os estilos in line:
style="padding-left:750px; font-size:x-large; color:Red;"
E colocá-los em separado em um arquivo, já livra umas 5000 almas do purgatório. kkkkkkk
15/11/2014
Fabricio Alves
15/11/2014
Soeuseijothaz
Sim!
Quanto mais dividido melhor, facilita principalmente a manutenção e escalabilidade.
Então separe os css, javascripts, html e principalmente a codificação (se possível usando padrões de projeto).
O quanto mais independente e desacoplado melhor.
O importante é ter bom senso.
16/11/2014
Fabricio Alves
16/11/2014
Soeuseijothaz
As vezes não se tem TEMPO para e dedicar-se a aprendê-lo então vai da forma mais simples.
Funciona sem problemas só não é a melhor prática.
16/11/2014
Fabricio Alves
CSS no inicio é bom, mas depois a pagina (.css) fica lotada e fica dificil um pouco.
16/11/2014
Soeuseijothaz
CSS no inicio é bom, mas depois a pagina (.css) fica lotada e fica dificil um pouco.
Segue uma visão geral e resumida, agora isto depende do gosto do projetista.
Nunca usar styles in line o html.
Criar pasta separada para o css e referenciar no html:
<link href='CSS/estilo.css' rel='stylesheet' type='text/css' /> ...demais estilos.....
Na pasta dos css criar vários arquivos de acordo com seu uso:
css_reset.css -> estilo para ressetar todos os controles
css_layout_tela -> estilo com as div´s do layout da pagina
css_responsivo -> classe para loyout responsivo
estilo.css -> estilo geral para a pagina
responsiveslides.css -> classes apra o slide de imagens responsível
bootstrap-combobox.css -> classes para combobox personilizado
Criar pasta separada para o javascript e referenciar no html:
<script src="Scripts/jquery-1.11.1.js" type='text/javascript'></script>
Na pasta scripts separa os script:
html5.js -> javascript pra html5, se usar claro
jquery-1.9.1.min.js -> scritps do Jquery
bootstrap-combobox.js -> scritps para combo personalizado
jQuery-Formatacao.js -> com as mascaras de formatação
Criar pasta separada para as imagens.
Não adianta usar css mas o arquivo ter classes que fazem a mesma coisa com nomes diferente, então deve-se ter cuidado na criação de classe.
A imagem abaixo pode lhe dar uma ideia melhor, apesar do projeto ser .net, a configuração vale para qualquer linguagem:
[img]http://arquivo.devmedia.com.br/forum/imagem/238223-20141116-173719.png[/img]
17/11/2014
Fabricio Alves
17/11/2014
Soeuseijothaz
CSS e Javascritp separado facilita identificar o que cada um faz, se você coloca tudo em um arquivo só vira um "linguição" e complica a manutenção.
Então é muito mais fácil arquivos especializado em certas tarefas. Quer alterar o reset dos controle vá ao aquivo responsável por isto e altere somente ai.
Se tudo estiver em um único arquivo vira uma zona.
Você chama de acordo com a necessidade, estilos/scritps que vão ser usados em todas as página devem ser referenciados num inlcude só, senão vá referenciado a cada página de acordo com a necessidade.
No exemplo estou referenciando todos pois em todas as páginas vou usá-los:
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="scripts/jquery-1.11.1.js" type='text/javascript'></script> <script src="scripts/jQuery-Mask-Plugin.js" type='text/javascript'></script> <script src="scripts/jQuery-Formatacao.js" type='text/javascript'></script> <link href="CSS/estilo.css" rel='stylesheet' type='text/css' /> <link href="CSS/bootstrap-combobox.css" rel="stylesheet" type="text/css" /> <link href="CSS/zerogrid.css" rel="stylesheet" type="text/css" /> <link href="CSS/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="CSS/estilo_do_jota.css" rel="stylesheet" type="text/css" /> <link href="CSS/responsive.css" rel="stylesheet" type="text/css" /> <link href="CSS/responsiveslides.css" rel="stylesheet" type="text/css" /> </head>
17/11/2014
Fabricio Alves
Clique aqui para fazer login e interagir na Comunidade :)