Crear páginas y un sitio web usando plantillas prediseñadas

Una de las formas más sencillas de crear páginas web con un acabado casi profesional, es usando plantillas prediseñadas.
Como su nombre indica no son más que diferentes prototipos de páginas hechas para ser editadas, es decir solo es necesario introducir nuestros datos y ya tendremos nuestra página con un bello acabado lista para subirla a la red.

Requisitos para crear tu primera página web.

✔ Antes de comenzar la edición es necesario que tengas preparado de antemano en un documento o archivo de texto el contenido que tendrá tu página, es decir: El título, la estructura que tendrá, como estará dividido el contenido, los subtítulos, las paginas a las cuales crearás vínculos, las imágenes si usarás algunas, etc.
✔ Si no posees un programas de edición web instalado en el equipo similar a Dreamweaver, podrás editar la plantilla usando el sencillo Bloc de notas de Windows o un editor de texto plano que ofrece más posibilidades, puedes usar para ese fin Notepad+ que es una minúscula aplicación gratis, puedes acceder a su página de descarga en el siguiente link: Descargar Notepad.
Notepad+ al igual que otras aplicaciones similares, dan la ventaja al que no tiene conocimientos en la edición web, que muestra con colores diferentes el código HTML de la plantilla y el texto que se puede reemplazar, sin afectar el código de la página.
✔ Tener la plantilla que te interese en el equipo, puedes descargar de esta misma página algunas plantillas sencillas y de un hermoso acabado.

Archivos que contienen las plantillas

La plantilla es una carpeta que contiene en su interior una página web como tal y otros archivos auxiliares:

Comenzar a editar la plantilla

Abre el archivo index.html con al programa con el que vas a editarlo.
Todas las páginas web se dividen en dos secciones:

¿Que son los comentarios en las páginas web?

Los comentarios son líneas que tienen el siguiente formato:
<!—esto es un comentario -->
Se usan como indicación, no se muestran en el navegador.
Los más usados en las plantillas significan lo siguiente:

Insertar el texto en la plantilla

Todas las áreas de texto en las plantillas, para diferenciarlas fácilmente aparecen en el idioma latín, te darás de cuenta rápidamente. Sustituye cada una por el texto que tienes preparado de antemano.
Las platillas están en inglés, por lo que también tendrás que sustituir los nombres predeterminados de los vínculos como Home (Inicio), Contact (Contacto), etc.

Como editar y crear los vínculos en la plantilla

Los vínculos en todas las páginas web tienen el siguiente formato: El caracter: # = Sustitúyelo por la dirección URL de la página donde será enviado el usuario al dar un clic en el vínculo, hay dos opciones:
• El vínculo conduce a otra página en la misma carpeta o directorio del sitio.
En ese caso solo es necesario reflejar el nombre de archivo de la página, por ejemplo: El nombre de la página no puede contener espacios y tiene que incluir la extensión de archivo .html.
• El vínculo conduce a una página externa en internet.
En ese caso solo es necesario reflejar la dirección URL de dicha página, puede obtenerse fácilmente accediendo a ella con el navegador y copiando la dirección que aparece en la barra de direcciones, un ejemplo es: ✔ Texto del vínculo = Es el vínculo que aparece en la página web, generalmente es de color azul y al dar un clic con el ratón conduce a la página de referencia.

¿Cómo insertar imágenes en la página?

Puedes agregar imágenes para que se muestren en la página, para eso primero cópialas a la carpeta imagen y dales un nombre adecuado.
Para mostrar las imágenes es necesario insertar en el lugar donde se desean que aparezca la siguiente etiqueta: Sustituye en cada caso los siguientes valores: Las medidas de la imagen puedes conocerla fácilmente ya que aparecen en la ficha Propiedades al dar un clic derecho con el ratón en cada una.

---

Cuadro de búsqueda para buscar con Google en Internet

Los cuadros de búsquedas que poseen las plantillas ninguno es funcional, puedes reemplazarlos por el siguiente que permite buscar cualquier término usando Google.

¿Cómo crear varias páginas web con la misma plantilla?

Un sitio web de solo una página no es funcional, lo ideal es que tenga varias, aunque sea para comenzar 4 o 5 paginas. Si ya creaste la primera y comprobaste que no queda mal, puedes proseguir y crear otras con diferente contenido.
Un sitio web elemental puede tener las siguientes páginas (es solo un ejemplo): Puede crearse múltiples copias del archivo index.html y renombrarlas siempre respetando la extensión html, cada copia es una página diferente que usará los mismos archivos auxiliares.
Pueden vincularse unas con otras para permitir la navegación interna, es opcional, pero si es necesario que la página index, es decir la página principal posea vínculos para acceder a todas las otras páginas, en ese caso tendrás hecho lo que se conoce como un sitio web completo y funcional.
Para finalizar solo es necesario subir todos los archivos creados a un servidor web, para acceder a dicho sitio se escribirá su nombre en un navegador y este abrirá la página index automáticamente.

---

¿Dónde subir y publicar las páginas web o el sitio creado?

En internet hay varias compañías que prestan servicios de Hosting o Alojamiento Web, es decir poseen poderosas computadoras llamadas servidores, que en sus discos duros pueden ofrecer espacio y albergar los archivos de miles de páginas web de distintos clientes, ya sean grandes o pequeñas empresas o simples usuarios poseedores de una sola página; estos servidores funcionan las 24 horas permitiendo acceder a ellos desde cualquier parte del mundo sin importar la zona horaria.
Prestan diversos servicios al propietario de los archivos como bases de datos, servicios de email, etc.
Muchos de ellos ofrecen servicio de hosting gratuitos a pequeños sitios, por supuesto con limitaciones de espacio y de tráfico de datos, pero aun así es una opción ideal para dar tus primeros pasos y subir tu página.
También los hay que inclusive te ofrecen un subdominio, es decir una dirección web para poder acceder a tu sitio.
Mi primer sitio lo hice usando los servicios de: byethost.com.

---

¿Qué servicio de hosting o alojamiento web utilizar?

Cada cual debe recomendar solo lo que conoce y tiene experiencia, por lo que yo sugiero a los lectores el hosting que utiliza mi sitio web del que no tengo quejas, Byethost.com. Es la compañía que más soporte gratis ofrece en la red, sin incluir publicidad, lo sé por experiencia ya que mi primer sitio utilizó el servicio gratis.
No obstante, al que lo pueda pagar, la mejor opción es usar el servicio Premium, en el paquete anual incluye un nombre de dominio con espacio ilimitado y otras opciones, en todos los tramites está disponible el idioma español.
Adicionalmente se puede usar sin costo alguno el servicio en la nube de CloudFlare, lo que permite más rapidez en la carga de las paginas desde cualquier región geográfica.
Usa el siguiente vinculo y regístrate para que pruebes el servicio.
Byethost.com
Después que te registres y decidas que servicio utilizar, si el gratis o el Premium, te darán los datos de tu cuenta que son: tu dirección o nombre de dominio, nombre de usuario, contraseña y la dirección ftp, esta es la necesaria para que puedas subir los archivos a tu sitio.

---

Diferentes tipos de servicios de hosting o alojamiento web en internet

Los servicios de alojamiento web de pago, lógicamente son los recomendados cuando se piensa en crear un sitio con un objetivo más profesional o aunque así no lo sea, cuando se necesita más fiabilidad y calidad.
Si tu propósito, como lo fue el mío cuando comencé, es crear un sitio donde compartir tus ideas y conocimiento con los demás, pero al mismo tiempo tener ingresos, es necesario pagar por el servicio de hosting.
Existen tres tipos de alojamiento principales:

¿Como subir las paginas o el sitio creado al servidor web?

La carpeta a la que debes subir tus archivos puede ser nombrada: httpdocs, www o tambien public_html depende cual sea el servidor.
Usando el mismo navegador web puedes subirlos si son pocos elementos, pero si hay varios archivos multimedia como imágenes, música, etc. lo ideal es instalar un software cliente FTP, te recomiendo FileZilla, es gratuito, libre y de código abierto, descárgalo en el siguiente link: Descargar FileZilla.
En todos los casos al otorgarte el servicio de hosting, te facilitarán toda la información necesaria.

Validar las paginas para comprobar que no poseen errores

Después de comprobar que el sitio funciona correctamente se impondrá un requisito (opcional), la validación.
Validar las paginas permite comprobar si estas poseen errores y si los hay cuales son, esto puede realizarse utilizando servicios en la red gratis como el de W3C.

¿Cómo validar las páginas web?

Para validar una página puede acceder directamente al sitio del Validador HTML del W3C en: validator.w3.org y en el formulario introducir la dirección de la página necesaria. En el informe que te devolverá el validador verás el resultado, en caso de que existan errores mostrará el error y la línea de la página donde se encuentra.
También puedes usar el siguiente Bookmarklet que facilita dicha tarea.
β Validar HTML
Permite validar el código fuente o HTML de una página, usando el servicio del W3C.

---

Plantillas de páginas web en HTML5

Las plantillas que se ofrecen en esta página usan la especificación de HTML XHTML.
Actualmente comienza a ganar en popularidad un nuevo lenguaje con una sintaxis mucho más sencilla llamado HTML5.
Las páginas escritas en HTML5 permiten nuevas funcionalidades como son insertar directamente video, música y casi cualquier elemento.
Además todos los scripts o widgets que proporcionan las redes sociales como Facebook, Twitter, Google+ y Pinterest, para insertar botones y contadores, usan este lenguaje.
Si estas interesado en conocer más las características y usos prácticos de este lenguaje, lee otra página de nuestro sitio: HTML5, ventajas y características

¿Dónde descargar gratis plantillas de páginas web en HTML5?

Debido a la creciente popularidad de HTML5, varios servicios de internet ofrecen plantillas para crear sitios web en este lenguaje.
Entre ellos destaca HTML5 Up!

Todas las plantillas que se pueden descargar son gratis.
Cada archivo que se descarga esta comprimido en ZIP y en su interior puede encontrarse distintas versiones en HTML de una página.
Un archivo con la barra lateral a la izquierda, otra a la derecha y una sin barra lateral.
Incluyen archivos de estilo CSS que usan el diseño adaptable o sea que ajustan automáticamente el ancho de la página a la pantalla del dispositivo donde se carguen ya sea en un navegador de una PC de escritorio, un teléfono celular o una tableta.

Páginas relacionadas