Vídeo aula

Criando um layout do zero com tableless (parte 2)

Hoje iremos dar prosseguimento ao nosso layout, iremos fazer um sistema de troca dentro da página conteudo.php com o Switch e criar o menu.php, vamos utilizar Query Strings, criar a página servicos.php e contato.php. Nos outros vídeos iremos iniciar a estilização.

include, layout, layout usando query string, Query String

Artigos Relacionados

Deixar um comentário

Comentários (26 Comentários)

Roberto : 14.09.09 às 14:20

Bom DAVID CHC

valeu pela dica…

incluindo o isset antes de $_GET
resolve o problema declarado
diversas veses nos comentarios.

Abraços.
Irison Andrade : 04.08.09 às 15:21

Os arquivos utilizados nas minhas vídeo aulas podem ser encontrados no meu blog, o endereço está referenciado no nome do autor.
andre : 04.08.09 às 10:21

ola pessoal a video aula é muito boa masi gostaria que vcs fornecem os arquivos das aulas pode ser????
André Silva : 28.07.09 às 9:35

Excelente vídeo aula. Parabéns!
Irison Andrade : 25.07.09 às 19:18

@Adilson, você pode fazer o seguinte, aumentar o height das divs do conteúdo central (dependendo do layout não ficará bom), ou criar barras de rolagem na div box_direto com os comandos (veja qual se aplica melhor à sua estrutura):
overflow:scroll;
(adiciona barras de rolagem)
ou
overflow:auto;
(adiciona barras de rolagem se for necessário).
Adilson : 25.07.09 às 18:23

Se eu insiro uma página com conteúdo mais extenso, a estrutura não acompanha. por Exe:

Se eu clicar no menu [contato], e a página tem muito conteúdo, o texto fica por cima de toda a estrutura, entendeu? não acompanha, esta fixo.

Como faço?
Leonardo Tavares : 24.07.09 às 14:06

Vlw David!!
David CHC : 24.07.09 às 13:34

@Leonardo, não é errado vc utilizar include para criar um template para seus sites. Usar smarty pra um site pequeno é querer matar um mosquito com uma bazuca. O trabalho do smarty, é separar a visualização, da aplicação, no conceito de Padrão de Projeto MVC. Vc pode usar tranquilo o include q não é errado, basta usa-lo com logica, sabendo separa-lo as partes q vc não irão ser modificadas, esse é questão do templates, ter parte q não tenha muitas modificações, e caso tenha, seja feito em todas as páginas, agilizando a atualização.
Leonardo Tavares : 24.07.09 às 12:34

Observei nos comentários da aula anterior, muitas pessoas dizendo ser contrarias aos includes, em certa parte concordo. Mas ao olharmos a index, colocar includes para chamar o copo do site é uma pratica incorreta?
Aline Villela : 24.07.09 às 12:21

Primeiramente,tenho que parabenizar o Irison Andrade pelas vídeo aulas e também agradecê-lo pelo compartilhamento das informações,que pra mim,pelo menos tem sido bastante úteis,como sou programadora principiante,ainda não tenho muito conhecimento referente ao método inlude.Acho de grande valia,tendo em vista que existem outras pessoas com o mesmo perfil que o meu.Estarei acompanhando todas as aulas,ai sim no final,terei maiores conclusões.Parabéns pela iniciativa e muito obrigada!
roberto : 24.07.09 às 7:07

To gostando muito dos comentarios/debates, Irison Andrade sua aulas são bem didaticas e explicativa , parabens . Fico na espera da proxim avideo aula
David CHC : 23.07.09 às 14:46

Na verdade essa mensagem está aparecendo (como na video aula de query string do Gabriel), pq quando vc acessa a primeira vez, $_GET['pagina'] não existe. Vou postar a mesma coisa q coloquei no comentario da video aula de query string. Se vc reparar, essa mensagem tá dizendo assim: Olha, vi que tá tentando pegar uma variavel e ela não existe. Como vc vai pegar um valor, já q ele não existe? Então, quando vc entra a primeira vez na página, q foi seu caso, o $_GET['pagina'] não existe mesmo, só vai existe quando vc clicar em algum link. A solução é vc verificar primeiro se essa variavel existe ou não, usando isset, exemplo:

$pagina = (isset($_GET['pagina'])) ? $_GET['pagina'] : ''; switch ($pagina ){ ... }

Veja q primeiro verifica se $_GET['pagina'] existe, se existir ela atribui o $_GET['pagina'] a variavel $pagina, caso o contrario ela coloca um valor vazio. Ai depois faz as comparações no switch.
Irison Andrade : 23.07.09 às 14:06

Na linha 11 de conteudo.php o erro pode estar dentro do get do Switch:
switch ($_GET['pagina'])

Confira se o nome `pagina` é o mesmo que você colocou na query string no menu.php:
“?pagina=home”
eduardo : 23.07.09 às 13:07

no meu apareceu uma mensagem assim
Notice: Undefined index: conteudo in C:\wamp\www\layout\conteudo.php on line 11

o q fazer?
eduardo : 23.07.09 às 13:04

nesta segundo vide aula no conteudo apareceu no meu localhost uma mensagem assim
Notice: Undefined index: conteudo in C:\wamp\www\layout\conteudo.php on line 11

o que eu faço?
Tutorial City : 22.07.09 às 23:20

@TOMER
Não foi uma crítica, foi só uma observação
TOMER : 22.07.09 às 21:18

Não levem meu comentário com um tom de crítica =) Includes são bons, mas incluir todos os itens do site não acho uma boa ideia. Tentarei preparar algo. Abraços
Tutorial City : 22.07.09 às 20:48

@TOMER
Esse sistema de includes é muito bom pra pequenos sites (quando é feito da maneira correta), mas se vc pensar em escalabilidade essa não é a melhor solução.
Irison Andrade : 22.07.09 às 20:48

Continuo dizendo, o material que disponibilizo é para a finalidade de aprendizado, mostrar às pessoas como pode ser feito o desenvolvimento, cabendo a cada um utilizar-se dos melhores recursos para a otimização do código.
Tomer, temos ai uma boa oportunidade para que você possa fazer um vídeo mostrando como se otimiza o carregamento da página, mostrar como utilizar o Smarty ou outra template engine, retirar a div imagem topo e deixar o site mais “SEO Friendly”.
Com certeza sua vídeo aula será muito acessada e irá agradar a maioria.
Abraço a todos.
TOMER : 22.07.09 às 20:01

Continuo dizendo, os includes só pioram a tentativa de organizar o código. Quanto mais includes, mais lento será o carregamento da página. Se quiser separar o html da programação, utilize smarty ou outra template engine. Recomendo a utilização de uma div container e recomendo a retirada da div imagem topo, visto que, na maioria dos casos, a imagem é o logo da empresa, e é sempre bom ter a imagem direcionando para a home. Para deixar o site mais “SEO friendly” é so utilizar mod_rewrite. Abraços
Max : 22.07.09 às 19:26

Incrível! Tô adorando!
Não entendo nada de programação, mas tá super legal!
Parabéns cara, com mais algumas aulas vc termina o layout todinho!
Quero ver… Quero ver… Quero ver… Quero ver…
roberto : 22.07.09 às 18:30

Muito show a continuação do video…
Valeu pelo compartilhamento…
Irison Andrade : 22.07.09 às 14:02

@João Vitor, quando eu fiz este sistema foi para torná-lo dinâmico, mais se for um site estático você pode fazer de uma maneira mais simples como dito anteriormente.
joao vitor : 22.07.09 às 13:23

Eu axo q é um bom trabalho mais, mas se naum for para atualizar o conteudo dinamicamente vc pode tornar isso bem mais simples sem o php!!
Irison Andrade : 22.07.09 às 13:03

É como eu já disse antes, a intenção aqui é mostrar como se faz o sistema, a pessoa é livre para desenvolver da melhor maneira possível para se atingir melhores resultados. Se a pessoa já tem o conhecimento que isso pode atrapalhar o desenvolvimento ou não, ela pode fazer modificações para obter melhores resultados.
A questão dos “includes” é apenas para separar os códigos deixar mais organizado, quando você quiser alterar o sistema você altera apenas determinado arquivo, preparei esses vídeos com o intuito das pessoas entenderem melhor pelo fato de separar os arquivos, a intenção minha é que as pessoas vejam como se faz e tirem proveito da melhor forma possível, não estando presas ao conteúdo do vídeo.
Tutorial City : 22.07.09 às 12:34

Você está passando as páginas como um parâmetro na URL, e não como uma página separada, e isso é totalmente SEO ENEMY (não otimizado para mecanismos de busca).
Eu estou acostumado com esse sistema de incluir outras páginas, e ainda assim achei todos esses ‘includes’ super confusos, uma página tah incluindo a outra e parece que isso não tem fim… não sei se isso vai facilitar, na prática, um desenvolvedor.