Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rodazzz

paginas dentro de um site

Por , em Desenvolvimento frontend

Recommended Posts

rodazzz    0

rodazzz
Postado

Eu não tenho muita experiência, eu só sei xhtml, css e estou aprendendo javascript...

 

Eu queria saber como fazer uma pagina dentro do site...

 

Ex:

 

Eu tenho a home, com menu no lado esquerdo e no direito, com o conteúdo no centro, topo e rodapé...

Ai no no menu da home tem um link... Esse link só vai para uma pagina dentro do site que vai ser exibida no centro...

 

Eu teria que criar uma pagina.html idêntica a da home e só mudar o centro, ou tem outra forma?

 

Se não tiver outra forma, todo link para paginas diferentes dentro do site eu vou ter que criar um .html idêntico ao da home(menu e etc...) toda vez, e só alterar o que a pagina vai exibir?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marco Bruno    19

Marco Bruno
Postado

Boa tarde, rodazzz.

 

O que você precisa primeiro é separar o que não muda quando você clica em cada link do menu.

No meu dia a dia eu utilizo o PHP. Segue abaixo um passo-a-passo:

 

Tem o seguinte HTML:

 

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<nav>
	<ul>
		<li><a href="">Home</a></li>
		<li><a href="">Foto</a></li>
		<li><a href="">Contato</a></li>
	</ul>
</nav>

<article>
	<h1>Conteúdo do Site</h1>
</article>

<footer>Ligue para 0800-023020-22422</footer>
</body>
</html>

 

Vamos separar o Header e o Footer em dois arquivos:

 

header.php:

 

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<nav>
	<ul>
		<li><a href="">Home</a></li>
		<li><a href="">Foto</a></li>
		<li><a href="">Contato</a></li>
	</ul>
</nav>

 

footer.php:

 

	<footer>Ligue para 0800-023020-22422</footer>
</body>
</html>

 

Pronto! Agora precisamos preencher o conteúdo dinâmico que vai ser alterado conforme clicamos nos links:

 

<?php include 'header.php' ?>

<article>
	<h1>Conteúdo do Site</h1>
</article>

<?php include 'footer.php' ?>

 

Agora se precisar de um segundo conteúdo:

 

<?php include 'header.php' ?>

<article>
	<h1>Segundo conteúdo do Site</h1>
</article>

<?php include 'footer.php' ?>

 

E assim por diante.

Compartilhar este post

Link para o post
Compartilhar em outros sites

rodazzz    0

rodazzz
Postado

Muito obrigado Marco Bruno,

 

Esclareceu muito bem a minha duvida, o ruim é que eu só vou começar a aprender php ano que vem, estou no meio do curso de javascript, sabe se tem alguma forma de fazer isso com javascript?

 

Só uma outra duvida, no caso de menus que são estilizados com css, seria só importar as folhas normalmente?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marco Bruno    19

Marco Bruno
Postado

rodazzz,

 

Em JavaScript a solução mais próxima é um Ajax.

 

http://wbruno.com.br/2011/03/30/navegacao-sem-refresh-carregando-conteudo-ajax-em-div/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito