¿Cómo hacer que las páginas secundarias dependan de la principal?

lllmozartinlll · #1 (**permalink**) 19/08/2012, 12:00

Hola amigos,

Tengo hecha la página principal. Quisiera hacer páginas secundarias y que se vean desde la principal con menus, aunque no tengo idea de como se hacen los menus tampoco.

Necesito orientación y un poco de atención.
Gracias. Saludos.

flashmax · #2 (**permalink**) 19/08/2012, 13:08

para empezar te paso esto :en el a primera pagina que seria el index.html haces la botonera ejemplo:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>
<a href="index.html">Inicio</a> 
<a href="servicios.html">servicios</a> 
<a href="productos.htnl">productos</a> 
<a href="contacto.html">contacto</a>
</body>
</html>

ese index lo vas guardando con el nombre de cada pagina que figura en los link del menu.
servicios.html
productos.html
contacto.html

y agragas el contenido de cada pagina nueva con tu material.

lllmozartinlll · #3 (**permalink**) 19/08/2012, 13:19

Muchas gracias hermano flashmax por resolverme el problema.

Un saludo cordial.

#4 (**permalink**) 19/08/2012, 15:51

Puedes hacer lo con php como lo hace la mayoría (el siguiente ejemplo es solo demostración y una rápida implementación pero no te lo aconsejo para cosas más profesionales)

Puedes hacer tu menu en un archivo, así:

menu.php

Código HTML:

Ver original<ul>
    <li><a href="#">Inicio</a></li>
    <li><a href="#">Servicios</a></li>
    <li><a href="#">Acerca de</a></li>
    <li><a href="#">Contacto</a></li>
</ul>

Y este mismo lo incluyes en todos tus documentos

Código HTML:

Ver original<html>
<head>
    <title>Inicio</title>
</head>
<body>
    <h1>inicio</h1>
    <?php include 'menu.php'; ?>
    <p>Este es el inicio</p>
</body>
</html>

Esa sería una forma de hacerlo, aunque si apenas comienzas, te recomiendo investigar como está hecho un template de wordpress para que te des una idea.

lllmozartinlll · #5 (**permalink**) 20/08/2012, 02:25

Muchas gracias danneg por tu ejemplo, lo tendré en cuenta cuando estudie php por lo que ahora solo me sirve hacerlo en HTML con Dreamweaver.
Y según flashmax me lo ha puesto en bandeja.

Gracias a los dos, Saludos cordiales.

Franchesquini · #6 (**permalink**) 23/08/2012, 08:49

¿Te referís a hacer algo como un sitio en una sola página? ¿Cómo este? http://www.plinestudios.com/

C2am · #7 (**permalink**) 24/08/2012, 01:04

Hola lllmozartinlll

Cita:

Tengo hecha la página principal. Quisiera hacer páginas secundarias y que se vean desde la principal con menus, aunque no tengo idea de como se hacen los menus tampoco.

¿Cómo es que tienes hecha una página principal sin tener idea de como se hace un menú, o como se enlazan las páginas de un mismo sitio?
Es curiosidad nada más.

Para que aprendas un poco:
www.librosweb.es

Bajate o lee el Introducción al Xhtml, y lo mismo con CSS.

Saludos

lllmozartinlll · #8 (**permalink**) 24/08/2012, 08:05

Hola C2am

Con un poco de html y css he hecho la página principal en Dreamweaver CS5.
No es de extrañar que al querer hacer más con lo aprendido no sepa como hacerlo, desde luego que tengo mucho que aprender. Voy despacito como una hormiguita al estudiar.

Saludos cordiales.

C2am · #9 (**permalink**) 24/08/2012, 12:54

Bien, entonces te vendrá bárbaro los manuales que te pasé. Son muy llevaderos, y van directo al grano. Me han sido muy utiles.

Saludos

lllmozartinlll · #10 (**permalink**) 24/08/2012, 13:39

Entonces compartiré los míos con los tuyos [enlace borrado] y gracias por todo muchachos.

Saludos.

Celestialzero · #11 (**permalink**) 27/08/2012, 22:42

Imagino que aun no has empezado con php, pero tengo esta funcion con la que hago un pagina modular, todo funcionando desde el index.php

Tienes tu index en el folder principal, y crear folder llamado modules o como gustes llamarle, todas tus demas paginas las guardaras en ese folder.

Código PHP:

  <?PHP 
function modular_web($Page = false) 
{ 
    $Page = isset($_GET["v"]); 
 
    if($Page === false) return false; //false podrias cambiarlo por una ruta, en caso de que $Page sea false retorna a "X" pagina 
 
    $Page = urldecode($Page); 
     
    $Path = "modules/" . $Page . ".php"; //Folder donde se encontraran todas las demas paginas 
 
    if(file_exists($Path)) 
    { 
        return $Path; 
    } 
    else 
    { 
        header("Location: ". $_SERVER['HTTP_HOST'] . "?v=error"); //Crear archivo error.php para redireccion de paginas no encontradas 
    } 
} 
 
//De esta manera lo aplico 
 
$Output = false; //Indicado de impresion en body 
 
$Page = $_GET["v"]; //variable a pasar, 127.0.0.1/?v=variable 
 
$Web = modular_web($Page) 
 
if($Web) 
{ 
return $Web; 
} 
 
//ahora los archivos del folder "modules" seran de esta manera 
//EJ: main.php 
$Output .= <<<EOF 
//Codigo HTML 
EOF; 
?> 
 
//Index.php dentro de los tags de body se coloca 
 
<?PHP echo $Output; ?>

Con eso todas tus paginas seran llamadas desde el index.php

lllmozartinlll · #12 (**permalink**) 28/08/2012, 05:42

Muchas gracias Celestialzero, como tu bien dices todavía no he tocado PHP, con lo cual el ejemplo que me pones me servirá un día u otro.
Espero contar con vosotros en cualquier otra duda que se me ponga por el camino.
Gracias, gracias.

Saludos cordiales.

luisgzafra · #13 (**permalink**) 28/08/2012, 06:29

Puedes hacer algo como esto:

Cita:

<?php
// Defino el título, etc
?>
<html>
<head>
<title><?= $titulo ?> </title>

</head>
<body>
<header>Esto suele ser estandar para todas</header>
<section>
<?php
// Esto hazlo un poco más seguro... es solo un ejemplo ;)
include "mods".$_GET['mod'].'.php';
?>
</section>
<footer>Suele ser genérico</footer>
</body>
</html>

Y ahora dentro de mods/ vas creando las secundarias.

Igual puedes añadir menus, etc y hacer dinámica otra parte de la web, creo que ese ejemplo te servirá de ayuda.

Saludos, espero que te sirviese