NorfiPC
NorfiPC » Diseño y edición web » Plantilla para un sitio web

Plantilla gratis en PHP para crear un sitio web de internet



Descarga todos los archivos para hacer tu propio sitio completo con varias páginas en HTML5 y subirlo a internet. Plantilla que incluye las imágenes, botones de compartir, sitemap.xml, robots.txt y otros archivos auxiliares. Como modificar y editar las páginas de forma sencilla y agregarle elementos.
Plantilla gratis en PHP para crear un sitio web de internet
Para los que desean crear su propio sitio web en internet, una de las mejores opciones es hacerlo con páginas estáticas, servidas usando PHP.
Es la opción ideal para un sitio web sencillo para casi cualquier propósito, pero especialmente útil para vender nuestros propios productos o de sistemas de afiliados.
Podemos crear de esa forma gradualmente un sitio con cientos de páginas o uno pequeño con diez o veinte, de acuerdo a nuestros objetivos.
Para esa tarea compartimos en este artículo una plantilla que se puede descargar gratis, que incluye todos los archivos necesarios.
También explicamos cómo utilizarlos.



Ventajas de un sitio web estático


Con un sitio hecho de esta forma no será necesario usar plataformas como WordPress u otras, en las que tendremos que estar constantemente pendientes de las actualizaciones, so pena de obtener errores o lo peor que sea hackeado.
Un sitio de páginas estáticas no requiere ningún mantenimiento en lo absoluto y puede estar funcionando durante meses o años sin prácticamente tocarlo.
Otra de las ventajas es que no dependemos en lo absoluto de ningún archivo, librería ni script externo.

¿Cómo funciona un sitio en PHP?


Las paginas creadas de esta forma usan el nuevo lenguaje HTML5, pero son servidas en PHP o sea que la extensión de los archivos es PHP, en vez del clásico HTML.
Cada página carga varios módulos del directorio "include" para armar las distintas secciones, como son el logo, el footer, los botones de compartir, etc.
Al modificar cualquiera de ellos se aplica el cambio a todas las páginas.
También es posible crear nuevos módulos, para agregar elementos.



Plantilla para crear el sitio web


Crear un sitio web de esta forma es algo sencillo, solo se necesita descargar una plantilla mas abajo, que hemos creado y modificarla a nuestra conveniencia.
No se requiere conocimientos avanzados de HTML, solo los elementales para modificar los campos necesarios.
La plantilla que proponemos la creamos para nuestros estudiantes, pero la ofrecemos para descargar gratis por cualquiera persona y modificarla sin ninguna limitación.
Contiene todos archivos necesarios para crear un sitio web.
Está hecha usando el nuevo estándar HTML5 y CCS3.
Carga un ejemplo en una nueva pestaña de una página de muestra o ejemplo creada usando esta plantilla.
Después de descargar la plantilla, descomprímela y edita los siguientes archivos:
index.php – Es la página principal del sitio.
articulo1.php – Es un artículo de ejemplo.
La estructura del sitio es muy sencilla con solo los elementos necesarios.
Posteriormente se le puede ir agregando elementos de acuerdo a las necesidades y el objetivo de cada cual.
El sitio es adaptable o sea usa "diseño responsable", es decir las páginas se adaptan automáticamente al tamaño de la pantalla de cualquier equipo o dispositivo como una tableta o un teléfono celular usando CSS.
Observa en la siguiente imagen el tamaño que adopta la misma página en la pantalla de una PC de escritorio, una tableta y un teléfono celular.
Tamaño de la misma página en una PC de escritorio, una tableta y un teléfono celular



Crear un nuevo artículo o página con la plantilla


Para crear un nuevo artículo sigue los siguientes pasos:
• Haz una copia del archivo articulo1.php y cámbiale el nombre.
• Modifica el contenido de las etiquetas TITLE y DESCRIPTION en el área del HEAD.
• Sustituye el contenido por el que corresponde. Lo ideal es redactarlo en un editor de texto como Microsoft Word, revisar la ortografía y gramática, copiarlo y pegarlo en el área del contenido.
• Separa los saltos de líneas con etiquetas<br>
• Agrega imágenes, enlaces y otros elementos.
• Crea un enlace en la página "index.php" al nuevo archivo es todo.
• Finalmente agrega una nueva entrada en el archivo sitemap.xml, con la dirección y la fecha de la página creada, para que los buscadores la indexen correctamente.
El resto de las secciones, es decir el footer, el contenedor con los botones de compartir, etc. son únicos y se cargan en cada caso del directorio llamado include mediante el script.
En la siguientes imágenes se puede comprobar las secciones que es necesario editar al crear cada página, la primera de ellas el encabezado o área del HEAD y la segunda el área del BODY o contenido.
Elementos a editar en el área del HEAD o encabezado
Elementos a editar o reemplazar en el área del BODY o contenido
Para editar los archivos se puede usar cualquier editor de texto plano o programa de edición de páginas web, pero se recomienda el sencillo Notepad++ que es gratis y libre.
No obstante se puede emplear hasta el elemental Bloc de notas.



El logotipo de las páginas


El logotipo incluido por supuesto que es solo demostrativo, puedes hacer el tuyo propio de 700 x 120 pixeles con el nombre misitio.jpg y sustituirlo por el que se encuentra en la carpeta "img".
También puedes prescindir de una imagen y mostrar solo texto, para eso sustituye la línea "include/logo1.php" por "include/logo2.php"
Edita el archivo logo2.php y sustituye "Mi Sitio web" por el nombre de tu sitio.
En la siguiente imagen se puede ver la diferencia de la misma página, usando el logotipo con una imagen o solo texto.
Diferencias de una página web usando el logotipo con una imagen o solo texto



Los botones de compartir y seguir en redes sociales


Los botones para compartir las páginas en las principales redes sociales (Facebook, Twitter y Google+) están incluidos en el archivo "compartir.php" y cargan de forma automática en todas las páginas.
Después es necesario modificar el archivo "share.php" y agregar las direcciones para que los lectores te puedan seguir en estas redes.
Lógicamente en este caso es agregar la dirección particular de cada usuario.
Lee más información: Como hacer los vínculos para compartir una página en Facebook, Twitter y Google+
También existe la opción de usar scripts para mostrar los botones de compartir, como el popular servicio de AddThis, pero en este caso no lo empleamos porque es necesario una cuenta de usuario personal.

Otros archivos necesarios


Además del archivo llamado "index.php" que es la página principal o de inicio del sitio, se incluyen las siguientes:
sitemap.xml – Es el archivo que contiene la estructura del sitio y leen los robots de los buscadores para descubrir las páginas y poder indexarlas correctamente.
robots.txt – Es el primer archivo que leen los robots de los buscadores. En él se puede indicar que secciones del sitio no deseamos que se indexen.
Lee más información sobre los archivos sitemap.xml y robots.txt
Es opcional agregar otros elementos como un Sitemap.HTML y un humans.txt, en otras páginas de este sitio puedes conocer cómo crearlos.



¿Cómo probar el funcionamiento del sitio web creado antes de subirlo a internet?


Lo ideal es crear dos o tres páginas elementales y probar el funcionamiento del sitio offline.
Para eso es necesario instalar en la computadora un servidor web como Apache, aunque también se puede hacer con IIS incluido en todos los Windows.
Usa los enlaces en cada caso para leer toda la información.
De esa forma cargaremos en el navegador las páginas exactamente igual como lo hacemos con cualquier sitio de internet.
De esa forma podemos ir ajustando la estética y los detalles de funcionamiento de acuerdo a nuestros propósitos.
Finalmente después de estar satisfechos y seguros del resultado, subimos todos los archivos a internet.
Al escribir en el navegador el nombre del dominio se carga la página principal del sitio.

¿Dónde y cómo subir el contenido del sitio web creado?


Los archivos de cualquier sitio deben estar situados en computadoras de internet llamados servidores.
Varias empresas ofrecen esos servicios llamados servicios de alojamiento o hosting.
Hay servicios gratuitos, aunque los mejores son de pago. El precio en estos casos oscila entre los 40 y 80 USD al año.
Estos servicios también proporcionan un nombre de dominio, en caso de no tener ninguno.
Los archivos se pueden subir al servidor con el mismo navegador web o con programas específicos como FileZilla.
Lee más información detallada en la siguiente página: ¿Como subir las paginas de un sitio web al servidor?

Descargar la plantilla


Descarga el archivo que contiene la plantilla en el siguiente botón (70KB).
Es gratis, solo pedimos a cambio un tweet en Twitter.


Posteriormente incluiremos en la plantilla otros elementos como una barra lateral, un cuadro de búsquedas, etc. de acuerdo a la opinión de los lectores.

Otras páginas relacionadas



Comparte esta página





Sígueme en las redes sociales


Sígueme en Google Plus Sígueme en Facebook Sígueme en Twitter Sígueme en Pinterest





 
 
Inicio | Mapa del sitio | Sobre mí | RSS | Buscar