Y ya está. Hasta aquí ha llegado este apasionante curso en el que he (hemos) aprendido a desarrollar webs, desde el punto de vista del lado cliente, pero suficiente para hacer cosas chulas. Y ahora a contar que es lo que he hecho en mi web para esta última entrega:
Respecto a la web en general:
1-. He decidido que en el html de la web (index.html) sólo vaya la estructura de divs (con las excepción de elementos que tienen eventos javascript asociados), y el texto se va a cargar desde distintos archivos html utilizando un sencillo plugin de jquery ((' ').load(' ').).
2-. Los enlaces a las distintas secciones no te mandan a otra página, sino que cargan el contenido correspondiente en el div principal.
3-. Todavía no tengo contenido como tal, pero he metido alguna chorrada para ver como quedaría (véase la sección de imágenes, y de hecho cualquier otra) y queda bien, y lo que es más importante (sobre todo de cara al usuario ya que en la asignatura damos el enfoque cliente) es fácil navegar por la web.
4-. Es cierto que hay un estilo que había que "dejar un poco de lado" para centrarse sólo en uno, pero yo he intentado que vayan más o menos parejos. Aun así, a mi me gusta más como ha quedado el primero.
Respecto al primer estilo (el predeterminado):
1-. He decidido que este estilo tuviese medidas fijas.
2-. Como ya dije que quería hacer, he conseguido que el menu con los enlaces a las distintas secciones se muestre en la izquierda sobre el respaldo de la silla de la foto de la página. Es decir, he conseguido integrar en la página la idea de la primera entrega.
3-. Cambia algún de detallito más pero lo demás sigue como en la entrega anterior. Eso sí, esta vez la página no queda tan sosa (de hecho gracias a la imagen).
Respecto al segundo estilo:
1-. Mantengo la idea de un estilo escalable.
2-. El menu con los enlaces a las distintas secciones se muestra en la cabecera de la página.
3-. Dicha cabecera permanece siempre en la parte superior del navegador, de manera que aunque tengamos que hacer "scrolling" tenemos el menu con las secciones siempre presente en la parte de arriba. Esto lo he logrado dándole el valor {position: fixed;} al div de la cabecera en el css.
Observaciones importantes:
1-. A diferencia de la entrega anterior, en este caso tanto el html como todas las hojas de estilo css validan perfectamente de acuerdo a los estándares de w3.
2-. En esta entrega por fin he subido la página a un sitio (000webhost.com). La url de mi web es: http://seriamenteaburrido.site40.net/
Y sólo tengo una cosa más que decir...
...¡Feliz Navidad! XD
