Cómo hacer un sitio web con HTML y CSS

Como hacer un sitio web con HTML y CSSFuente: usuario de Instagram harbrco

¡La escuela ya está en sesión! A pesar de que es verano, no hay mejor momento que el presente para poner tu cerebro en marcha. Mantenga ese cerebro en forma asumiendo este nuevo desafío: aprender a codificar su propia página web. Hemos explorado el negocio de iniciar su propio blog, pero ¿qué le parece crear uno desde cero? En este resumen para principiantes, comenzamos con los fundamentos de la web: cómo funciona y los recursos técnicos para marcar para crear su propio sitio web usando HTML y CSS.

Paso uno: conozca los conceptos básicos

¿Cómo funciona la World Wide Web de todos modos? Comprenda cómo los sitios se mueven del servidor a la pantalla.

  • No le tengas miedo a Internet es el mejor recurso en la web para diseñadores no web. Comience con «No. 1 Not a Series of Tubes», una desmitificación de Internet y cómo funciona, y luego avance hasta el No. 5, «No temas empezar desde cero, Parte 2: CSS».
  • ¿Todavía desconcertado por cómo funciona realmente la World Wide Web en su sentido literal? Mira la esclarecedora charla TED ¿Qué es Internet realmente? por Andrew Blum sobre los cables submarinos y los conmutadores secretos que conforman la infraestructura física de Internet.

Paso dos: Aprende HTML y CSS

HTML, que significa lenguaje de marcado de hipertexto, es lo que lee un navegador web como Safari o Chrome para saber qué mostrar en la pantalla. CSS, u hojas de estilo en cascada, define la apariencia y el formato de este HTML. Ambos son esenciales para codificar su propio sitio web, y aquí le mostramos cómo familiarizarse con ellos.

  • academia de código es un sitio web interactivo que le enseña cómo programar sitios web y realiza un seguimiento de su progreso en un formato divertido y fácil de usar. La lección de Fundamentos web de ocho partes es una excelente introducción a los componentes básicos de HTML y CSS.
  • webmonkeyuna guía en línea para el desarrollo y diseño web, lo guía a través de la creación de un documento HTML básico.

Paso tres: pruebe su conocimiento

Asegúrese de comprender los conceptos básicos con estas pruebas en línea.

  • escuelas W3 ofrece tutoriales escritos en todos los lenguajes de desarrollo web que hay que conocer. Tome la prueba de HTML y luego intente la prueba de CSS para ver si sabe lo que hace.

Paso cuatro: volar solo

Ahora que te estás familiarizando con los conceptos básicos de HTML y CSS, ¡es hora de ponerte las alas y volar solo! Usa las habilidades que acabas de adquirir y comienza tu propia página desde cero.

  • JSFiddle es un editor en línea que visualiza el código tal como está escrito. Ingrese su código en el cuadro «HTML» a la izquierda, haga clic en el botón «Ejecutar» en la parte superior y vea una vista previa de su nuevo sitio en el cuadro «Resultado» en la parte inferior derecha.
  • Descarga un editor de texto como TextWrangler (gratis), una aplicación de escritorio hecha específicamente para el desarrollo web. ¡Aquí es donde continuarás practicando tus habilidades de codificación y eventualmente dominarás HTML y CSS!

¿Listo para llevar tus habilidades de desarrollo web al siguiente nivel? Considere un campamento de codificación para continuar su educación.