Módulo 2 – Proyecto
Introducción
al Desarrollo Web: HTML y CSS
Parte I
Módulo 2 – Proyecto
Objetivos
- Aprender a prototipar un sitio web.
- Conocer el esqueleto básico de una página web.
- Ser capaz de crear encabezados, listas y enlaces en una página web.
- Aprender a crear un sitio web formado por varias páginas conectadas mediante enlaces.
- Conocer algunos editores de páginas web que facilitan la escritura del código HTML.
Qué tengo que hacer
Este curso tiene como objetivo que al finalizarlo seas capaz de crear y publicar un sitio web en Internet. ¿Qué sitio web? Te proponemos tres tipos de sitios web, pero puedes elegir otra temática:
- Tu currículo: disponer de un currículo en la Web puede ser un elemento diferenciador a la hora de buscar empleo.
- Identidad digital personal en la Web: un sitio web que represente tu marca digital como profesional.
- Tu empresa: el sitio web de tu empresa (puede ser real o imaginaria).
A lo largo del curso tu sitio web irá creciendo en contenido y en funcionalidades, así que no intentes correr, ten paciencia. Y no intentes ser muy ambicioso: a Thomas Alva Edison se le atribuye la cita “No fracasé, sólo descubrí 999 maneras de como no hacer una bombilla”. Tú te encuentras en la misma situación: estás aprendiendo, vas a descubrir 999 maneras de como no hacer un sitio web.
Te sugerimos que no intentes crear un sitio web muy grande: de cinco a diez páginas es suficiente para poder probar todo lo que vas a aprender en este curso.
Como se te ha explicado en este módulo, el primer paso es prototipar tu sitio web. En una de las actividades que has realizado tenías que evaluar algunas herramientas que ayudan a crear prototipos. La herramienta ya la tienes pero ahora, ¿por dónde empiezas? Un buen punto de inicio es analizar el contenido y la estructura de otros sitios web similares al que vas a construir.
Una vez tengas definido el prototipo de tu sitio web puedes pasar a crearlo página por página. Para ello utiliza un editor de páginas web, ¿cuál? Recuerda la actividad que has realizado en la que tenías que analizar varios editores de páginas web y decidir el mejor desde tu punto de vista.
Ya tienes el tema de tu sitio web, ya tienes tu prototipo y ya tienes tu editor de páginas web. ¿Y ahora?
Comienza por la página principal y luego pasa a crear el resto de páginas web. Por ejemplo, si has decidido crear un sitio web para publicar tu currículo en la web, puedes crear estas páginas (lo primero que se indica es el título que le puedes poner a cada página):
- “Tu nombre”: página principal con enlaces al resto de páginas del sitio web.
- “Tu nombre - Datos personales”: página con los datos personales de contacto.
- “Tu nombre - Formación académica”: página con la formación académica, la puedes estructurar en apartados según el tipo de formación (primaria, secundaria, superior, profesional, cursos).
- “Tu nombre - Idiomas”: página con los conocimientos de idiomas (idioma, nivel, exámenes oficiales, estancias en el extranjero).
- “Tu nombre - Experiencia profesional”: página con la experiencia profesional (empresa, puesto, labor desempeñada).
Por ahora no puedes hacer muchas cosas, no puedes poner imágenes, no puedes poner formularios, no puedes poner vídeos, etc. No te preocupes, en los próximos módulos aprenderás a hacer todo eso y mucho más.
¿Y la presentación visual? ¿Cómo se cambian los colores o el tipo de letra? Recuerda que todo eso se define con CSS (Cascading Style Sheets) y se tratará en la segunda parte de este curso. Por ahora te tienes que centrar en la estructura y contenido de tu sitio web.
Comentarios
Publicar un comentario