5 plantillas HTML gratuitas para crear fácilmente sitios web rápidos

• Programación

Anuncio

Ya sea que dirija su propio negocio o simplemente desee anunciarse y sus habilidades, es importante tener un sitio web. Pero tal vez no tenga el tiempo para aprender HTML y no quiera gastar dinero en costosos servicios de diseño web.

En ese caso, puede usar nuestras plantillas HTML gratuitas. Hemos creado plantillas simples que puede adaptar a sus propias necesidades para crear un sitio web simple. También hemos incluido instrucciones para que pueda usar las plantillas incluso si es un principiante total con HTML.

Cómo usar las plantillas

Puede obtener una vista previa de cada plantilla haciendo clic en el enlace en el título. Pero para editar y usar las plantillas usted mismo, primero debe descargarlas. Para hacer esto, haga clic derecho en el título de cada plantilla y elija Guardar enlace como ... Luego seleccione una carpeta para guardar la plantilla y presione Guardar .

Un método alternativo es abrir la plantilla en su navegador haciendo clic en el enlace. Luego haga clic derecho en cualquier lugar de la página y seleccione Ver fuente de la página . Esto le mostrará el HTML utilizado para la página. Luego puede presionar Ctrl + S para guardar la plantilla en su computadora.

Ahora vaya a la carpeta donde guardó la plantilla. Haga clic derecho en la plantilla y elija Abrir con, luego seleccione Bloc de notas. Esto abre la plantilla como un documento de texto. Aquí puede realizar cualquier cambio en la plantilla que desee y luego guardar.

Cuando se realizan sus ediciones, sus páginas están listas para alojar. Consulte nuestra guía de los mejores servicios gratuitos de alojamiento de sitios web Los mejores servicios gratuitos de alojamiento de sitios web en 2019 Los mejores servicios gratuitos de alojamiento de sitios web en 2019 Aquí están los mejores servicios gratuitos de alojamiento web que ofrecen mucho y tienen una mejor reputación que la mayoría. Lea más para encontrar un host adecuado y su sitio puede estar en línea en poco tiempo.

1. Acerca de mí plantilla

Esta plantilla es para una página de inicio simple, que podría ser para su sitio web personal o profesional. Puede agregar una imagen de retrato y un texto sobre usted y sus logros profesionales.

También puede usar esta plantilla para cualquier otro tipo de contenido basado en texto, como información sobre un pasatiempo o un tema que desee compartir.

Para personalizar la plantilla, primero abra el archivo HTML en un editor de texto como el Bloc de notas o WordPad. Para comprender lo que está viendo, puede aprender a comprender el código HTML básico. 5 pasos para comprender el código HTML básico. 5 pasos para comprender el código HTML básico. HTML es la columna vertebral de cada página web. Si es un principiante, permítanos guiarlo por los pasos básicos para comprender HTML. Lee mas .

Cambiar el título de la página

Lo primero que hay que cambiar es el título. Este es el texto que aparece en la parte superior de la pestaña cuando abre la página. Para cambiar esto, busque la sección:

 John Smith - Acerca de mi 

Ahora cambie el texto dentro de las etiquetas para decir lo que quiera.

Cambiar la imagen

La plantilla viene con el logotipo MakeUseOf como ejemplo. Puedes cambiar esta imagen a lo que quieras. Una imagen cuadrada se ve mejor, pero también puede usar una imagen rectangular si lo prefiere. Para cambiar la imagen, encuentre esta línea:

Ahora cambie "img / Programming / 843/5-free-html-templates-easy-create-quick-websites-2.jpg" a la URL de su imagen.

Cambiar el texto

Ahora solo tiene que agregar el texto que desea para la página. Para hacer esto, busque las etiquetas de párrafo. Estos son

al principio y

al final.

Copie y pegue el texto que desee entre estas etiquetas de párrafo. Habrá un espacio agregado automáticamente al final de cada párrafo. Para agregar más párrafos, simplemente agregue otro conjunto de etiquetas con texto dentro.

También puede cambiar el encabezado en la parte superior del texto. Para cambiar esto, encuentre la línea:

 Sobre mi 

Y cambie el texto "Acerca de mí" a lo que quiera.

2. Dónde encontrarme plantilla

Esta plantilla es una manera fácil de vincular todos sus sitios de redes sociales. Puede usar esto como una página de destino que apunta a todos los otros sitios donde se lo puede encontrar en línea.

Cambiar los enlaces de redes sociales

Debe cambiar los enlaces y el nombre de cada cuenta de redes sociales. Para hacer esto, comience con la cuenta de Twitter. Encuentra esta línea:

Twitter: @JohnSmith 

Hay dos cosas que cambiar aquí. En primer lugar, cambie el enlace http://twitter.com/johnsmith por el enlace de su cuenta de Twitter. En segundo lugar, cambie el identificador @JohnSmith a su identificador.

Ahora haga lo mismo con los otros sitios de redes sociales.

Si hay un sitio que no usa, por ejemplo, si no tiene una cuenta de Tumblr, simplemente elimine esta sección de la plantilla:

Tumblr: johnsmith 

Cambiar el título y el título

Al igual que la plantilla acerca de mí, puede cambiar el título y el título cambiando el texto dentro de

Etiquetas y las etiquetas.

3. Contáctame Plantilla

Esta página es una forma para que las personas se comuniquen con usted sin que tengan que enviarle un correo electrónico. El formulario toma la información ingresada y lo envía automáticamente a su dirección de correo electrónico. Es una manera fácil para que los visitantes del sitio se comuniquen con usted.

Cambia tu direccion de correo electronico

Para que el formulario funcione, debe cambiar una línea en la plantilla:

Aquí puede cambiar a su dirección de correo electrónico. Esto funcionará con cualquier proveedor de correo electrónico y recibirá un correo electrónico con los comentarios que ingresaron en el formulario los visitantes del sitio.

Cambiar el texto, el encabezado y el título

Una vez más, también puede cambiar el texto que aparece en esta página. Para cambiar el texto, solo edite lo que aparece entre las etiquetas. Para cambiar el encabezado, cambie el texto entre

Etiquetas Para cambiar el título, cambie el texto entre las etiquetas.

4. Plantilla de página de inicio de negocios

Al crear una página de inicio para su negocio, desea tener toda la información clave en un solo lugar. Para eso es esta plantilla.

Cambiar los títulos de sección

Para cambiar el título de cada sección, busque estas líneas:

 Sobre nosotros 
 Nuestra misión 
 Nuestros servicios 
 Nuestros clientes 

Ahora cambie el título de estas secciones a lo que quiera editando el texto entre

y

Etiquetas

Cambiar el contenido de la sección

Para cambiar el texto que aparece debajo de cada título, busque un párrafo que comience de la siguiente manera:

Lorem ipsum dolor sit amet ...

Ahora cambie el texto dentro del

y

Etiquetas para decir lo que quieras.

Cambiar la imagen

La plantilla incluye un espacio para una imagen en la parte inferior de la página. Para cambiar la imagen, encuentre esta línea:

Ahora cambie la URL "img / programación / 843/5-free-html-templates-easy-create-quick-websites-2.jpg" a la URL de la imagen que desea usar.

5. Plantilla de página de revisión de negocios

Cuando administra un negocio, es importante que los testimonios de los clientes estén disponibles. Esto muestra nuevos clientes potenciales que otras personas han usado su negocio y han tenido una buena experiencia.

Esta plantilla le permitirá mostrar sus mejores comentarios de clientes.

Agregar información del cliente

Para agregar comentarios a esta página, primero debe agregar la información del cliente. Para hacer esto, busque esta sección para la primera revisión que desea agregar:

 Nombre del cliente: John Smith 

Negocio del cliente: Suministros de Smith 

Ahora simplemente cambie "John Smith" por el nombre del cliente y cambie "Smith's Supplies" por el nombre comercial del cliente.

Agregar comentarios de clientes

Para agregar la revisión en sí, mire debajo de la información del cliente y encuentre este párrafo que comienza de la siguiente manera:

 Lorem ipsum dolor sit amet, consectetur adipiscing elit 

Ahora elimine este texto y reemplácelo con la reseña del cliente.

Añadir más comentarios

Para agregar más reseñas que las tres en la plantilla, copie todo el bloque que comienza con

y terminando con

. Pegue esto debajo de las reseñas actuales y edite para agregar más reseñas.

Cree un sitio web rápidamente con plantillas HTML

Estas plantillas le permitirán crear rápida y fácilmente una página web personal o profesional. Puede editar cada plantilla para satisfacer sus necesidades, o usar varias y vincularlas para crear un sitio completo.

Si desea llevar su sitio web al siguiente nivel, puede aprender cómo crear su propio sitio web desde cero. Descubra cómo crear un sitio web para principiantes Cómo crear un sitio web: Para principiantes Cómo crear un sitio web: Para principiantes Hoy lo guiaré a través del proceso para crear un sitio web completo desde cero. No te preocupes si esto suena difícil. Te guiaré a través de cada paso del camino. Leer más para aprender más.

Explore más sobre: ​​HTML, Desarrollo Web.