Hola. Vamos a hablar del proyecto final
que vas a hacer para este curso. La última cosa que quiero que hagas
es que tomes los elementos, las etiquetas, la sintaxis que
has estado aprendiendo estas últimas semanas y lo juntes
todo para crear una página de ejemplo. Se te proveerá con una captura de pantalla
como plantilla de lo que quiero que construyas, pero siempre es más sencillo si alguien te dice
con palabras qué sucede a la vez que la imagen. Cuando tú hagas
esa página, lo más importante de lo que quiero
que te des cuenta es que no hay trucos. Solo estoy comprobando
la precisión sintáctica. Vamos a echar un vistazo
al sitio que vamos a crear. Este es el sitio
en este momento. Dependiendo del tamaño de
pantalla que estés usando, puede tener un
aspecto diferente. Sólo por diversión, voy a cambiar el tamaño
de mi navegador para darle a la gente una idea de que no le he dado estilo
a esto para que haga algo en particular. Cuando lo hago más
pequeño, las cosas se mueven. No me importa dónde
están las cosas en tu pantalla. Estoy más preocupado por el
hecho de que cada elemento esté ahí. También quería señalar,
que como puedes notar, algunos de los elementos están en
amarillo y otros en color normal. Cualquier cosa en amarillo es algo que
deberías cambiar específicamente para ti. En este caso, tengo
Colleen van Lent en amarillo. Tú debes poner tu
nombre en su lugar. Tengo una lista
de alimentos favoritos. Quiero que puedas
elegir tus alimentos favoritos. Tengo una pequeña cosa abajo del todo
que dice progreso y objetivos de vida. Una vez más, elige
tu propio valor. Cada lugar que sea amarillo, quiero que lo cambies por tus propios
intereses particulares, nombres, valores. La otra cosa que quiero
señalar aquí abajo, donde ves
More About Me, esto en realidad es parte
de una etiqueta details. Cuando hago clic en ella, puedes ver que esta
se abre y se cierra. Este es otro lugar donde quiero que pongas
más información sobre ti, no sobre mí. Si estás viendo
esta página en Firefox, si estás desarrollando
en Firefox, sólo quiero que sepas que
esta etiqueta no funciona. En su lugar, siempre se
presentaba como abierta. Está bien si ese es el navegador en que
has hecho las pruebas, continúa haciéndolo. Simplemente no quería que te
preocuparas cuando no parecía abrirse y cerrarse
como todo lo demás. Sigamos adelante. Asegúrate que tienes
un header arriba, una barra de
navegación aquí. Esta es una sección y otra sección, y otra vez
la imagen puede parecer grande o pequeña. Realmente no me importa
el aspecto que tenga. Lo que me importa es tu capacidad
de escribir código HTML5. Buena suerte al
escribir el código. Sé que lo vas
a hacer genial, y es importante dar pequeños
pasos y lograrlos individualmente. Cuando hayas terminado, vas a tener
algo que te va a llenar de orgullo.