elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Guía actualizada para evitar que un ransomware ataque tu empresa


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  sitio dinamico		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: sitio dinamico  (Leído 2,990 veces)
DaNuK

Desconectado Desconectado

Mensajes: 108


Pobre soñador


Ver Perfil WWW
sitio dinamico
« en: 11 Junio 2013, 21:20 pm »
hola buenas tardes compañeros del foro en esta ocacion acudo a ustedes porque me ha surgido una duda en cuanto a los sitios web mi duda es el siguiente:
para que una pagina tenga siempre el mismo encabezado como le puedo hacer, si en index tengo el diseño completo y al momento de hacer clic en un menu se muestre su contenido abajo del encabezado. tengo que crear otra pagina desde 0 con el mismo encabezado y diferente contenido o como es para que me muestre el contenido abajo del encabezado.
Saludos
En línea

<a href ="http://programacionrapido.blogspot.com">Programacion .Net</a>
Shell Root
Moderador Global
***
Desconectado Desconectado

Mensajes: 3.724


<3


Ver Perfil WWW
Re: sitio dinamico
« Respuesta #1 en: 12 Junio 2013, 00:23 am »
Son plantillas es decir,

Código
  1. # header.php  -> Todo el contenido [tt]HTML[/tt] hasta empezar el [tt]<BODY>[/tt].
  2. # content.php -> Todo el contenido que se va a mostrar.
  3. # footer.php  -> Todo el contenido [tt]HTML[/tt] hasta empezar el [tt]</BODY>[/tt].
  4.  
« Última modificación: 12 Junio 2013, 00:25 am por Shell Root » En línea
Te vendería mi talento por poder dormir tranquilo.
DaNuK

Desconectado Desconectado

Mensajes: 108


Pobre soñador


Ver Perfil WWW
Re: sitio dinamico
« Respuesta #2 en: 12 Junio 2013, 19:01 pm »
Código
  1. header>
  2. 					<div id="logo">
  3. 						<img src="img/trompeta.jpg" alt=""/>
  4. 					</div>
  5. 					<div id="txt">
  6. 						<strong>HECTOR TOMAS</strong>
  7.  
  8. 					</div>			
  9. 			</header>
  10. 		<div id="wrap">	
  11. 			<nav>
  12. 				<ul>
  13. 					<li><a href="#">Inicio</a></li>
  14. 					<li><a href="javascript:envia('biografia.html','main')">Eventos</a></li>
  15. 					<li><a href="#">Videos</a></li>
  16. 					<li><a href="#">Biografia</a></li>
  17. 				</ul>
  18. 			</nav>
  19. 			<div class="flexslider">
  20. 				<ul class="slides">
  21. 					<li><a href="#"><img src="img/conc.jpg" alt=""/></a></li>
  22. 					<li><a href="#"><img src="img/conc1.jpg" alt=""/></a></li>
  23. 					<li><a href="#"><img src="img/conc3.jpg" alt=""/></a></li>
  24. 				</ul>
  25. 			</div>	
  26. 			<section id="main">
  27. 				<article class="izquierda">
  28. 					<h2>Videos Recientes</h2>
  29. 				</article>
  30. 				<article  class="derecha">
  31. 					<h2>Proximos eventos</h2>
  32. 				</article>				
  33. 			</section>
  34. 				<footer>
  35. 					<section></section>
  36. 					<section></section>
  37. 				</footer>
  38.  
lo que quiero es que reemplaze el contenido de lo que tengo en main al hacer clic en cualquier menu.
Se puede usar ajax ? o tengo que crear varias paginas con el mismo header y footer y diferente contenido ?
Saludos
En línea

<a href ="http://programacionrapido.blogspot.com">Programacion .Net</a>
Hacksturcon

Desconectado Desconectado

Mensajes: 87


Ver Perfil
Re: sitio dinamico
« Respuesta #3 en: 12 Junio 2013, 20:06 pm »
Podrias hacerlo usando ajax si. Con el metodo Load de JQuery se hace sin misterio. Ej:

$("#ID_DIV").load("web.html");

Pero si tu servidor tiene PHP yo optaria por la formula que menciona shellroot y usar includes en PHP.

Creo que no hay diferencia real entre los dos metodos a la hora de la verdad, pero siempre he encontrado mas comodo e intuitivo el usar plantillas por PHP. Quizas sean manias de alguien que aprendio a programar webs sin ajax XD.
En línea
DaNuK

Desconectado Desconectado

Mensajes: 108


Pobre soñador


Ver Perfil WWW
Re: sitio dinamico
« Respuesta #4 en: 12 Junio 2013, 20:26 pm »
podrian ser mas explicito conel de php  ? por favor
tendrian que ser tres archivos por separado   y en el index incluirlos nadmas para crear la pag. principal ? o como
En línea

<a href ="http://programacionrapido.blogspot.com">Programacion .Net</a>
Hacksturcon

Desconectado Desconectado

Mensajes: 87


Ver Perfil
Re: sitio dinamico
« Respuesta #5 en: 12 Junio 2013, 21:14 pm »
Creas 2 archivos:

header.php

En este fichero colocas el codigo HTML desde el principio del fichero, hasta donde acaban los menus y empieza el "cuerpo" del website (no me refiero al tag body). En tu caso creo que seria hasta el fin de la capa "nav".

Footer.php

En este fichero colocas todo el pie de pagina.

---

Con esos dos ficheros puedes crear tus paginas simplemente haciendo includes en PHP

Código:
<?php include(header.php); ?>
<codigo HTML de la pagina>
<?php include(footer.php); ?>


Otra forma de hacerlo seria crear un fichero index.php con el contenido HTML y donde vaya el cuerpo crear una condicion en PHP. Este es un ejemplo de uno de mis trabajos que quizas te oriente.

Código:
   <body>
    	<!-- HEADER -->
     	<div class="header">
            <div class="menuContainer">
                <ul id="menu">
                    <li><a href="index2.php">INICIO</a></li>
                    <li><a href="index2.php?mod=1">ARTICULOS</a></li>
                    <li><a href="index2.php?mod=2">PORTFOLIO</a></li>
                    <li><a href="index2.php?mod=3">CONTACTO</a></li>
                </ul>
            </div>	  
            <img src="theme/logo.png" alt="Logotipo" name="Logo" width="151" height="36" id="logo" style="display: block;" />
		</div>
        <!-- end .header -->
        <!-- PAGE BODY -->
         <div class="content">
    		<?php
                                $GET_MOD=proteger($_GET["mod"],"s");
				$mod="modules/dashboard.php";
				//hacemos un switch entre los diferentes apartados
 				 switch ($GET_MOD)
				 {
					case 1:
						$mod="modules/blog.php"; 
					break;
					case 2:
						$mod="modules/portfolio.php"; 
					break;
					case 3:
						$mod="modules/contact.php"; 
					break;

					 
				 }
				 include($mod);
    
    		?>
   	</div>
        <!-- end .page body -->
        <!-- FOOTER -->
          <div class="footer">
        
          </div>
        <!-- end. footer -->
</body>
En línea
DaNuK

Desconectado Desconectado

Mensajes: 108


Pobre soñador


Ver Perfil WWW
Re: sitio dinamico
« Respuesta #6 en: 14 Junio 2013, 22:43 pm »
Gracias amigo lo voy a checar Saludos
En línea

<a href ="http://programacionrapido.blogspot.com">Programacion .Net</a>
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Posicionamiento dinamico?
Desarrollo Web 		MinusFour 1 2,241 Último mensaje 20 Junio 2010, 22:17 pm
por MinusFour
Array dinamico
Java 		Shell Root 6 10,614 Último mensaje 11 Junio 2011, 17:10 pm
por Valkyr
NAT dinámico VS PAT
Redes 		jandry79 4 6,764 Último mensaje 24 Enero 2012, 20:24 pm
por jandry79
P2P dinamico?
Dudas Generales 		rodarima 0 2,031 Último mensaje 4 Febrero 2012, 19:49 pm
por rodarima
CVV DINAMICO $$$$$
Hacking 		hisoka20 1 1,664 Último mensaje 14 Marzo 2023, 19:26 pm
por MCKSys Argentina
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines