ubiquitour.com

Cómo crear una plantilla de sitio web con PHP

Cómo crear una plantilla de sitio web con PHP

Incluso si no tienes mucha experiencia con PHP o HTML, puede crear una plantilla de sitio web con PHP. El propósito de una plantilla de sitio web es generalmente crear las estructuras de un sitio web pero sin agregar el contenido real. Una plantilla de sitio web debe delinear elementos HTML para la visualización de textos, imágenes y otros contenidos. Plantillas de la mayoría también incluyen hojas de estilo en cascada para definir el diseño y la apariencia general del HTML. Una plantilla de sitio web puede dirigirse a determinados tipos de sitio web, o puede ser general.

Instrucciones

1 Bosquejar un diseño rugoso para la plantilla. Utilice un lápiz y papel o un programa de diseño gráfico para crear un bosquejo de su diseño de plantilla. Incluye secciones para cada zona y tipo de contenido que desea la plantilla que contiene. Por lo general, un diseño de plantilla Web incluirá una cabecera, un menú para navegar por el sitio y zonas para la visualización de texto y otros medios.

2 Crear un archivo PHP por cada página de la plantilla de sitio Web. Nombre el archivo "index.php" de la Página principal y los otros archivos con nombres para reflejar su contenido. Por ejemplo, puede utilizar "help.php" para una página de ayuda. Insertar elementos HTML en archivos PHP que contiene cada sección del contenido del sitio web, por ejemplo:

<? php

$site_title = "Título de la página web";

echo "< html >< cabeza >< / cabeza >< cuerpo >

< div id = 'header' > ". $site_title." < / div >

< div id = "menu" > área de menú < / div >

< div clase = 'contenido' > contenidos de la página < / div >

< cuerpo / >< / html > ";

? >

En el código HTML en tu PHP, incluyen elementos para sostener las áreas de texto, imágenes y otros contenidos.

3 Usar CSS para dictar cómo se distribuirán los elementos de la plantilla. En la sección head de la página, enlace a un archivo CSS externo (Reemplace las cabeza Etiquetas vacías):

cabeza de < >< link rel = "stylesheet" type = ' text/css' href='templatestyle.css' / >< / cabeza >

Crear el archivo "templatestyle.css" en un editor de texto e introduzca el código para determinar cómo deben presentarse las secciones de la página:

cuerpo {width: 900px;}

encabezado {width: 100%; texto-alinee: Centro; font-weight: bold;} menú {width: 100%;} Content {width: 100%; color: #333333;}

Declaraciones CSS establecen la posición de cada elemento, así como características visuales como colores de texto y fondo, fuentes, bordes y mucho más.

4 Utilice imágenes dentro de su plantilla para mejorar el diseño. Más plantillas de sitio web incluyen imágenes para añadir a la experiencia del usuario. Dependiendo de la finalidad de un sitio web, puede incluir imágenes en la sección de encabezado y el contenido de cada página. Además, las imágenes pueden utilizarse como fondos para personalizar el aspecto de elementos del sitio, como en este ejemplo CSS:

Content {background:URL("bgimg.jpg");}

Imágenes rompen el texto y otros datos en una página Web, haciéndola más fácil y agradable de leer.

5 Prueba de plantilla PHP con contenido real. Inserte imágenes y texto de ejemplo el código de la plantilla para asegurarse de que el PHP, HTML y CSS se cifran todos con eficacia. Cargar los archivos de plantilla en un servidor Web y navegar a las páginas, comprobando que funciona correctamente y presentar el contenido para mejor efecto. Al insertar contenido en una plantilla, a menudo será consciente de las fallas y áreas de mejora.

Consejos y advertencias

  • Aunque la naturaleza de una plantilla debe adaptarse a diferentes sitios web, las plantillas se diseñan a menudo para determinadas categorías de página web, como noticias, entretenimiento o e-commerce.
  • No sólo prueba su plantilla en un navegador Web. CSS aparece diferentemente a través de los navegadores, por lo que una plantilla de éxito será consistente a través de todos ellos.