Proyectos Web

Curso: Sitio web desde cero

29 de Septiembre del 2020

¿Te parece difícil crear un sitio web? te mostramos todo lo contrario, si tienes conocimiento básico, pero deseas mejorar tu experiencia a un nivel intermedio, utilizando los recursos que están a tu alcance.

Aprenderás a utilizar los lenguajes como HTML, CSS y JAVA SCRIPT, junto con: el editor de código Brackets o algún otro de tu preferencia. Asi como PEXELS: para buscar imágenes de mayor calidad, FONTASTIC: para obtener iconos (puedes crearte ya una cuenta para que comience tu experiencia), y por último GOOGLE FONTS, para buscar los tipos de letras que necesitaras. Y asi comenzaras a diseñar una página web….

 

  1. Sitio web desde cero-Recursos a utilizar

Estos recursos nos ayudaran a mejorar la vista de nuestro sitio web para que sea mas interactivo y mejor presentable, asi como sugerencias, para que tu página tenga el tono preciso que inspire visitas.

Por ejemplo, el uso de FONTASTIC, que es una página para buscar iconos, se te explicara como ingresar a la página, como descargar y como unirlos al sitio web. Asi mismo, le compartiremos detalles sobre el uso de los recursos como PEXELS, donde encontraras imágenes de mejor calidad, ¿qué tan confiable es? ¿Cuál es el tamaño adecuado de descarga?  Y por último las fuentes que utilizaras por medio de GOOGLE FONTS: donde podrás encontrar a la familia tipográfica, se te orientara a ¿Qué fuente es recomendable usar? ¿Cómo y cuantas usar?, ¿Cómo seleccionar? La manera de descarga ¿Cómo enlazar las fuentes a tu sitio web? Nota: Si al usar los iconos directos de Fontastic no aparecen, es mejor descargarlos, en el video final te mostramos como

 

  1. Sitio web desde cero-Estructura HTML de la página de inicio

El HTML será la estructura básica donde se podrá visualizar los datos que queremos que contenga, esto será con el editor de código de Brackets donde también permite visualizar como va quedando la página, utilizando elementos principales que utilizaras en proyectos grandes como pequeños.

  1. Sitio web desde cero-Estilos responsive del header, banner y menú JS.

Para que tu diseño sea visualizado en cualquier ordenador como celulares, tablets, computadoras y otros, se utiliza el estilo responsive, ¿Cómo usar las etiquetas del estilo responsive? En este video te ayudara paso a paso colocar los estilos, como fuentes, iconos, dándole funcionalidad y mejorar el tamaño del banner y del encabezado es decir del header, dando asi color a tu página.

  1. Sitio web desde cero-Estilos finales de la página de inicio.

Seguir mejorando la pagina con los estilos principales, con el desarrollo de columnas e imágenes. Mejorando los elementos, aplicando rellenos, bordes, y colocando el uso del botón de la página.

Mejoras los pies de pagina o llamados footer, transformando en columna y mejorando el contenido indicado con estilos de tu preferencia.

 

  1. Curso: Sitio web desde cero - Diseñando página de "Nosotros"

Una vez ya diseñada la pagina de INICIO, continuaremos con las demás paginas mostradas en el menú como: NOSTROS, para ello se explicará la funcionalidad de selección que deberá mostrarse en tu menú, asi como los nuevos cambios de acuerdo a la presentación de la página, reutilizando las clases de columnas e imágenes para ello se trabajará primero con HTML en la parte main class, con nuevos elementos container, y con CSS de pondrán nuevos estilos de acuerdo a la estructura ya diseñada, asi como también enlazar de una pagina a otra. 

 

  1. Curso: Sitio web desde cero - Diseñando Galeria y Modal con java script

Continuamos creando las demás paginas que corresponde al sitio Web mostradas en menú como GALERIA, aprenderás a diseñar una galería de Imágenes utilizando el java script, con el elemento modal para que cada vez que tu cursor pase por la imagen, esta se pueda apreciar en grande, mandando la ruta a HTML ¿Cómo? lo podrás visualizar en el siguiente video.

 

  1. Curso: Sitio web desde cero - Diseñando página de contacto con Formulario

Siguiendo con el sitio Web continuamos con CONTACTO donde podrás programar la pagina con datos que ayudara a crear un formulario donde puedan interactuar con correos electrónico que se enviara la información, para la estructura de la pagina lo podrás visualizar el siguiente video.

 

  1. Curso: Sitio web desde cero – Enviar correo con PHPMailer

Después de crear el formulario mandaremos la información o los datos al correo con PHP, para ello es necesario poder contar con un servidor y colocar los archivos en la ubicación de donde trabaja ese servidor local, ¿Cuál será el resultado? Con tu atención podrás aprender estos detalles.

 

  1. Curso: Sitio web desde cero – Fin del curso (descargar y configurar fuentes e iconos)

Recordando que al inicio del sitio Web utilizamos recursos como la familia tipográfica que lo encontramos en GOOGLE FONTS y FONTASTIC que utilizamos los iconos, que se han estado utilizando desde los servidores, sin embargo, ahora veremos cómo descargarlos y vincularlos directamente, mejorando asi los detalles para finalizar con éxito el sitio web.