Como crear páginas 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.

Plantillas de páginas web

Para mostrarlas solo presiona el siguiente botón:

Da un clic en la que tenga el estilo deseado para descargarla a tu equipo.
El archivo que descargues descomprímelo, en su interior están todos los archivos necesarios para crear tu página.

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?

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:

<a href="#">Texto del vínculo</a>

Como 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:

<img src="images/nombreimagen.jpg" width="940" height="255" 
alt="Descripcion de la imagen" />

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.

<form action="http://www.google.com/search">
<input type="text" name="q" size="31" maxlength="255" value="" />
<input type="submit" name="" value="Buscar" />
</form>

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.

Donde 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.

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.

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.

¿Por qué validar las páginas?

Si deseas que las páginas que has creado u otras que vayas a subir, sean visitadas por diferentes usuarios y así compartir su contenido, necesitarás que Google y otros buscadores promocione tu sitio y te envíe los visitantes. Para eso es fundamental que tus páginas estén validadas correctamente, esto significa que se muestran perfectamente en cualquier navegador web.

¿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.

---

Paginas relacionadas en este sitio.