▷ Aprender a hacer paginas web | Actualizado diciembre 2024

Diseñador web de google

El objetivo de esta área de MDN no es llevarte de “principiante” a “experto” sino llevarte de “principiante” a “cómodo”. A partir de ahí, deberías poder empezar a abrirte camino, aprendiendo del resto de MDN, y de otros recursos intermedios y avanzados que suponen muchos conocimientos previos.

Si eres un completo principiante, el desarrollo web puede ser un reto – te llevaremos de la mano y te proporcionaremos suficientes detalles para que te sientas cómodo y aprendas los temas adecuadamente. Deberías sentirte como en casa, tanto si eres un estudiante que está aprendiendo desarrollo web (por tu cuenta o como parte de una clase), como si eres un profesor que busca material para sus clases, un aficionado o alguien que simplemente quiere entender mejor cómo funcionan las tecnologías web.¿Qué hay de nuevo? El contenido del área de aprendizaje se va ampliando regularmente. Hemos comenzado a mantener las notas de publicación del área de aprendizaje para mostrar los cambios – ¡revisa con frecuencia!

Si eres un principiante en el desarrollo web, te recomendamos que empieces por nuestro módulo Introducción a la web, que ofrece una introducción práctica al desarrollo web.

Adobe dreamwe…

Para empezar, la mayoría de las páginas web de Internet están escritas, al menos en parte, en HTML. Para ver el HTML que crea esta página necesitas “Ver la fuente” en el navegador que estés usando. Intenta ir a Cmd/Ctrl-U (para Firefox), ve a Cmd/Ctrl-Alt/Opt-U (para Chrome), y si estás usando Internet Explorer, realmente necesitas preguntarte si el diseño web es la carrera correcta para ti.

Otra cosa que puedes notar de la fuente HTML es que todas las páginas HTML tienen una estructura similar. Todas empiezan con una declaración <!DOCTYPE> que dice en qué versión de HTML se encuentra, seguida de una declaración <HTML>, seguida del <head> del documento que es un contenedor de varios elementos incluyendo enlaces a scripts, hojas de estilo, la meta información, etc. Después del <head> viene el <body> donde se marcan los elementos de la página web.

Ejercicio: Selecciona todo el código fuente de esta página en un documento de NotePad (PC) o TextEdit (Mac) y guárdalo en tu ordenador como “test.html” o algo así. Abre este archivo en un navegador y debería tener el mismo aspecto que la versión online. Ahora apague su conexión a Internet y vea el aspecto de la página de prueba. Es bastante diferente, ¿no? Intenta averiguar por qué.

Cómo crear un sitio web para empresas

La verdad es que en el 95% de los casos, se puede construir un sitio web tan bueno con los constructores de sitios web o soluciones sin código como lo haría escribiendo el código del sitio web desde cero, y lanzar su sitio web más rápidamente.

Viene con una interfaz de arrastrar y soltar que es fácil para los principiantes, pero lo suficientemente potente para los desarrolladores. Puedes usarlo para crear un diseño web personalizado, incluyendo el menú de navegación, las barras laterales y los pies de página, y todo el contenido de tu página.

Por eso muchos desarrolladores profesionales lo utilizan en todo el mundo. Incluso los desarrolladores de grandes empresas como WP Engine (más de 100 millones de dólares en ingresos) utiliza Beaver Builder para construir su sitio web principal, ya que permite una rápida implementación y personalización.

El constructor viene con todas las características de gran alcance que usted esperaría incluyendo la capacidad de agregar galerías de fotos, videos, deslizadores de testimonios, formularios de contacto, ubicaciones de mapas, botones de medios sociales, y más.

Mobirise

Cómo codificar su propio sitio web (para principiantes de 12 años o más) | Desarrollo web para principiantesPublicado el 10 de noviembre de 2020Cómo construir su propio sitio webAprenda con JuniInicie su aprendizaje con Juni obteniendo contenidos exclusivos como nuestra Guía de Juni para aprender en una pandemia, suscríbase GRATIS! Su correo electrónicoSuscríbase gratis!

¿Alguna vez ha querido aprender a diseñar páginas web o hacer un sitio en línea? ¡Hoy vamos a mostrarte cómo construir tu propio sitio web personal! Echa un vistazo al vídeo tutorial para ver cómo la instructora de Juni, Maya, te guía por cada paso del camino.

Siga leyendo para obtener más información sobre la importancia de aprender el desarrollo web, una guía paso a paso que acompaña al vídeo y para conocer las herramientas que puede utilizar para mejorar aún más su experiencia de desarrollo web.

En cuanto a los resultados del aprendizaje, obtendrás mucha práctica con div, listas, enlaces, posición, visualización, texto (h1/h2/p), fuentes y CSS en general. Se estima que este proyecto te llevará unos 40 minutos o más, dependiendo de lo creativo que te pongas, ¡pero debes ir más rápido o más lento a tu propio ritmo!