Cómo crear la parte superior de la página con una plantilla php

La parte superior de la página es una de las secciones más complejas para un sistema de plantillas PHP para manejar. La parte superior de una página Web contiene la declaración de tipo de documento (DTD), junto con vínculos con la CSS y cualquier javascript que se utilizarán en la página. La parte superior de la página también contiene el título y otra meta información sobre la página.

Aparte de la información en el sección de una página, la parte superior de la página que se está utilizando en este ejemplo también contiene el menú que se muestra aquí, con los enlaces a otras páginas en el sitio.

La clase que va a crear en este ejercicio tiene cuatro métodos para la parte superior de la página, incluyendo tanto el sección y el menú. Sin embargo, cuando se utiliza la clase, no quiero tener que llamar (o recuerde llamar) todos los diferentes métodos en el orden correcto para crear la sección superior de la página.

Todo lo que importa es que se crea una sección superior de la página. Por lo tanto, sólo hay un método público, llamado getTop. los getTop método es responsable de la recopilación de todos los bits de hacer toda la parte superior de la página.

1. Abierto classPage.php si no está ya abierto.

2. Dentro classPage, justo debajo de la pública $ titleExtra = "" - línea, ingrese el siguiente código:

   función pública getTop () {$ salida = "" - $ salida = $ this -.> _ getDocType () - $ salida = $ this -.> _ getHtmlOpen () - $ salida = $ this -.> _ getHead () - $ salida . = file_get_contents ("pageTop.txt") - regresan $ output-} // fin función getTop ()

3. Guardar classPage.php.

   los getTop () método crea una variable para la salida. Esto le da la flexibilidad para agregar o quitar de la variable como usted necesita. El método llama tres métodos adicionales, agarra algo de HTML sin formato de un archivo llamado pageTop.txt, y devuelve la salida.

4. Dentro classPage.php (abrirlo si no lo está ya), por debajo de la getTop () llave de cierre del método, escriba el siguiente código:

_getDocType función protegida ($ doctype = "HTML5") {if ($ DOCTYPE == "HTML5") {$ dtd = ""-} return $ dtd". n "-} función protegida _getHtmlOpen ($ lang =" es-ES ") {if ($ lang ==" es-ES ") {$ htmlopen =""-} return $ htmlopen". n "-} _getHead función protegida () {$ salida =" "-. $ salida = file_get_contents (" pageHead.txt ") - if (! $ this-> titleExtra =" ") ". $ this-> título- else {$ title = $ this-> title -}. $ salida = ""-. $ salida =" "-Retorno $ output-} // fin función _getHead ()

Los tres métodos que se agregan en el paso 4 son responsables de la construcción de la sección de la página. El primer método, _getDocType, devuelve la DTD, que para su caso será HTML5, pero podría ser cualquier otro tipo de documento válido.

DTD le dicen al navegador qué tipo de documento que puede esperar y qué reglas dicho documento honrará. Esto ayuda a que el navegador para tomar decisiones acerca de cómo mostrar el documento.

El siguiente método llamado es _getHtmlOpen (), que crea la elemento de la página y establece el idioma. Al igual que otros métodos, el lenguaje puede ser modificado para requisitos aquí si es necesario.

El último método es el llamado _getHead () método. Este método incorpora otro archivo, llamado pageHead.txt. los pageHead.txt archivo incluye enlaces a CSS y javascript. Recuerda que $ Tipo propiedad que se encuentra en el Página ¿clase?

Aquí es un lugar donde usted puede utilizarlo. Si usted tiene un tipo de página especial que requiere CSS adicional o javascript, podría agregar una sentencia condicional aquí como, "Si el tipo es especial, y luego usar pageSpecialHead.txt."

los _getHead () método es también donde el título de la página es ajuste si el $ titleExtra propiedad está establecida, entonces se acostumbra aquí también.

Ahora usted tiene la capacidad de construir la parte superior de la página, o cerca de ella, de todos modos, porque usted todavía necesita el código para esos dos archivos de texto, pageHead.txt y pageTop.txt. Usted crea los que utilizan los pasos siguientes.

1. Crear un nuevo archivo vacío en tu editor de texto.

2. Dentro del archivo, introduzca el siguiente código:

3. Guarde el archivo como pageHead.txt en la raíz de su documento y resistir la tentación de cerrar esa elemento!

los elemento se abre en este archivo (aunque también se podría abrir interior de la _getHead () método). Sin embargo, porque hay que añadir otros elementos, como el título, a la sección, no cierre la elemento en este archivo. En su lugar, deje que el _getHead () método de hacer. Esto le da la mayor flexibilidad para los cambios y adiciones posteriores.

Ahora crear el pageTop.txt archivo que crea la estructura del menú que ves en la figura anterior y se incorpora desde el pagetop () método.

1. Crear un nuevo archivo vacío en tu editor de texto.

2. Dentro del archivo, agregue el siguiente código:

3. Casa
4. Acerca de
5. Contáctame