Aunque existen excepciones , los sitios web modernos rara vez son estáticos. En cambio, la mayoría de los sitios web tienen contenido que cambia con frecuencia y en muchas páginas diferentes , un proceso que puede convertir rápidamente grandes actualizaciones del sitio web en una empresa importante . Una forma de aliviar la carga de mantenimiento es colocar el cambio , o dinámica , el contenido en archivos separados que se incluyen en el contenido estático en tiempo de ejecución . Este procedimiento permite a los desarrolladores Web alteran el contenido dinámico en un solo lugar y reflejan los cambios a través de la página web . Instrucciones
Server Side Include (SSI )
1
Abra un editor de texto y crear un nuevo archivo llamado includeme.html . Añadir un selecto ( SELECT ) elemento HTML al archivo e insertar tres etiquetas de opción HTML ( < /option> ) . Las etiquetas deben incluir los tres elementos que componen el menú. Cierre la etiqueta de selección y guardar y cerrar includeme.html . Shrimp Cocktail
Filet Mignon < opción ;/> Mousse de chocolate
< /select > 2
Utilice un editor de texto para crear dos archivos denominados include1.shtml y include2.shtml . Agregar código HTML a los archivos que se muestran el texto del encabezado "Menú del día ". Coloque el encabezado dentro
de cada archivo y utilice un comando # include para incluir Menu < /h3 > <- # include file = " includeme.html " ->
< /body>
< /html> ; 3
Utilice un navegador web para abrir include1.shtml desde el servidor web. Compruebe que los elementos del menú en pantalla includeme.html en un menú HTML. Include2.shtml abierto desde el servidor Web y compruebe que se muestra el mismo menú HTML. 4 Retorno al editor de texto y volver a abrir includeme.html . Añadir una opción adicional ( option < /option> ) y un cuarto elemento al menú SELECT . Guardar includeme.html .
Shrimp Cocktail
Filet Mignon
Mousse de chocolate
selección de bebidas
< /select > 5
Actualizar include1.shtml en un navegador web y compruebe que el nuevo elemento se incluye en el menú . Actualizar include2.shtml y verifique que el nuevo elemento se incluye en el menú . Aunque sólo el menú de includeme.html ha cambiado, tanto include1.shtml y include2.shtml muestran la actualización. PHP ( script del lado del servidor ) 6 Abra un editor de texto y crear un nuevo archivo llamado includeme.html . Añadir un selecto ( SELECT ) elemento HTML al archivo e insertar tres etiquetas de opción HTML ( < /option> ) . Las etiquetas deben incluir los tres elementos que componen el menú. Cierre la etiqueta de selección y guardar y cerrar includeme.html . Shrimp Cocktail
Filet Mignon < opción ;/> Mousse de chocolate
< /select > 7
Utilice un editor de texto para crear dos archivos denominados include1.php y include2.php . Agregue el código HTML que se muestra el texto del encabezado "Menú de hoy . " Coloque el encabezado dentro
de cada archivo y utilizar un PHP include ( ) de comandos para incluir Menu < /h3 > < php include ( " includeme.html "); ? >
< /Body>
< /html> 8
Utilice un navegador web para abrir include1.php desde el servidor web. Compruebe que los elementos en pantalla includeme.html en un menú HTML. Include2.php abierto desde el servidor Web y compruebe que se muestra el mismo menú HTML. 9 Retorno al editor de texto y volver a abrir includeme.html . Añadir una opción adicional ( option < /option> ) y un cuarto elemento al menú SELECT . Guardar includeme.html .
Shrimp Cocktail
Filet Mignon
Mousse de chocolate
selección de bebidas
< /select > 10
Actualizar include1.php en un navegador web y compruebe que el nuevo elemento se incluye en el menú . Actualizar include2.php y verifique que el nuevo elemento se incluye en el menú . Aunque sólo el menú de includeme.html ha cambiado, tanto include1.php y include2.php muestran la actualización. Yahoo! Finanzas Javascript (Cliente Guión Side ) 11 Abra un editor de texto y crear un nuevo archivo llamado includeme.js . Añadir un selecto ( SELECT ) elemento HTML al archivo usando el comando document.write () de JavaScript . Inserte tres etiquetas de opción HTML ( < /option> ) utilizando el comando document.write (). Las etiquetas deben incluir los tres elementos que componen el menú. Cierre la etiqueta y guarde y cierre includeme.js document.write ( " SELECT " ) .
Document.write ( " Cóctel de Camarones < ;/option> "); document.write ( " Filet Mignon < /option> "); document.write ( " Mousse de chocolate < /option> "); document.write (" < /select > ") ; 12
Utilice un editor de texto para crear dos archivos llamados include1.html y include2.html . Agregue el código HTML para cada archivo que se muestra el texto del encabezado "Menú de hoy . " Coloque el encabezado dentro
de cada archivo y utilizar una etiqueta