-
Cómo crear una plantilla de sitio web con PHP
-
Se puede crear una plantilla de página web con PHP, incluso si usted no tiene mucha experiencia, ya sea con PHP o HTML. El propósito de una plantilla de página web es generalmente para crear las estructuras de un sitio, pero sin añadir el contenido real. Una plantilla de página web se deberán indicar los elementos HTML para la visualización de texto, imágenes y otros contenidos. La mayoría de las plantillas también incluyen hojas de estilo para definir el diseño y la apariencia general del HTML. Una plantilla de sitio web puede ser dirigido a determinados tipos de página web, o puede ser general.Instrucciones
1 Dibuje un diseño en bruto para su plantilla. Utilice un programa de diseño gráfico para crear un boceto de su diseño de plantilla de lápiz y papel o. Incluir secciones para cada zona y el tipo de contenido que desea que la plantilla contiene. Por lo general, un diseño de plantilla de página web incluirá una cabecera, un menú para navegar por el sitio, y las áreas para la visualización de texto y otros medios de comunicación.
2 Crear un archivo PHP para cada página de su plantilla de página web. Nombre del archivo de página de inicio "index.php" y los otros archivos con nombres para reflejar su contenido. Es posible, por ejemplo, desea utilizar "help.php" para una página de ayuda. Insertar elementos HTML dentro de sus archivos PHP para contener cada sección del contenido del sitio web, por ejemplo:
<? Php
$ Site_title = "Título del sitio web";
echo "<html> <head> </ head> <body>
<Div id = "header"> ". $ Site_title." </ Div>
<Div id = "Menú"> Sección de menús </ div>
<Div class = "contenido"> Contenido de la página </ div>
</ Body> </ html> ";
?>
Dentro del HTML en su PHP, incluir elementos para sostener las áreas de texto, imágenes y otros contenidos.
3 Usar CSS para dictar cómo los elementos en su plantilla deben disponerse. En su sección de cabecera de página, un vínculo a un archivo CSS externo (reemplace las etiquetas de la cabeza vacías):
<Head> <link rel = 'hoja de estilo "type =" text / css "href =' templatestyle.css" /> </ head>
Cree el archivo "templatestyle.css" en un editor de texto e introduzca el código para determinar cómo las secciones de página se deben presentar:
cuerpo {width: 900px;}
cabecera {width: 100%; text-align: center; font-weight: bold;} del menú {width: 100%;}
.Este contenido {width: 100%; color: # 333333;}declaraciones CSS establecer la posición de cada elemento, así como las características visuales que incluyen texto y colores de fondo, fuentes, bordes y mucho más.
4 Use imágenes dentro de su plantilla para mejorar el diseño. La mayoría de las plantillas de sitios web incluyen imágenes para añadir a la experiencia del usuario. Dependiendo de la finalidad de un sitio, puede incluir imágenes en la sección de encabezado y dentro del contenido de cada página. Además, las imágenes se pueden utilizar como fondos para adaptar el aspecto de los elementos de sitio, como en este ejemplo CSS:
.Este contenido {background: url ( "bgimg.jpg");}
Imágenes de romper el texto y otros datos en una página web, por lo que es más fácil y más agradable de leer.
5 Pruebe su plantilla PHP con contenido real. Insertar texto de la muestra y las imágenes en el código de la plantilla para asegurarse de que el PHP, HTML y CSS se codifican toda eficacia. Sube los archivos de plantilla a un servidor Web y navegar por las páginas, comprobando su correcto funcionamiento y presentar el contenido de la mejor manera. Al insertar contenido real en una plantilla, a menudo tomar conciencia de los fallos y las áreas de mejora.
Consejos y advertencias
- Aunque la naturaleza de una plantilla es adaptarse a los diferentes sitios web, plantillas son a menudo diseñados para determinadas categorías de sitios web, tales como noticias, el entretenimiento o el comercio electrónico.
- No se limite a poner a prueba su plantilla en un navegador Web. CSS aparece de forma diferente en todos los navegadores, por lo que una plantilla de éxito será consistente a través de todos ellos.
