Cómo hacer el mismo diseño para todas las páginas web

Question

Actualmente estoy trabajando en HTML. Quiero hacer una pregunta sobre el desarrollo de sitios web. Estoy desarrollando un sitio web en el que el diseño básico sigue siendo el mismo menú, menú lateral, etc. pero solo el contenido cambios.Actualmente he hecho un archivo .html por separado para todas las páginas web. ¿Alguien me puede decir que hay una forma de crear un archivo separado que tenga todos los elementos comunes y llamarlo en mi archivo html? He oído hablar de CSS, pero solo cambiará el estilo y el diseño. gracias

Answer 1

su mejor apuesta a largo plazo es el uso de un lenguaje del lado del servidor como PHP ASP.net o

Answer 2

No creo que esto es posible, estrictamente a través de HTML. Sin embargo, podría usar scripts de servidor como PHP para hacerlo. De lo que estás hablando es de una plantilla de , y se usa con bastante frecuencia. Lo que desearía, es tener sus elementos de menú (y CSS) y su código de encabezado/pie de página en páginas separadas. De esta forma, si realiza cambios en el menú o en el encabezado/pie de página, se reflejará en todas las páginas (escritas con PHP) que haya creado con el método de la plantilla.

Necesitará el menú.html, encabezado.html y footer.html en un lugar accesible por su código de página principal. Es decir, usaría el método de plantilla para escribir el contenido de sus páginas.

Un ejemplo pseudo código en PHP sería como tales:

<?php 
    include('header.html'); 
    include('menu.html'); 

    echo "Your main content items here"; 

    include('footer.html'); 
?> 

Answer 3

Esto es tema muy grande para incluir en una sola respuesta. ASÍ QUE daré solo la parte lógica.

independiente de su plantilla en múltiples trozos como:

1. header.php 
2. leftSidebar.php 
4. rightsidebar.php 
5. footer.php 

Ahora, incluirlos parte común en su cada página.

Por ejemplo: index.php

NOTA

<?php 

    include "header.php"; 
    include "leftSidebar.php"; 
    echo "<div>".$thedifferentpart."</div>"; //Change only this part on every other page you will create. 
    include "footer.php"; 

?> 

_{: Esto sólo es una parte lógica, la aplicación del concepto en su código}

Answer 4

Si su HTTP (apache 2 y IIS hacen) del servidor admite Server Side Includes entonces solo puede incluir otro archivo HTML:

<!--#include file="header.html"--> 

your content 

<!--#include file="footer.html"--> 

hay necesidad de un lenguaje del lado del servidor, entonces - simplemente HTML

Answer 5

Sí, lo mejor es un lenguaje del lado del servidor, como se dijo Adam. Evite por completo el uso de marcos html de estilo antiguo: están en desuso, y causan una cierta cantidad de problemas, tanto en la programación como en la optimización de Google.

Al utilizar un idioma del lado del servidor, todavía tendrá páginas enteras, pero serán parcialmente generadas por php (o asp) al imprimir más archivos en uno. Por ejemplo:

http://www.php.net/manual/en/function.include.php

Bye!