Mi primera página en Neocities!



Sección 1: 5 Feb 2015.

      Esta es la primera página Web que realizo con Neocities. El objetivo de la misma es practicar con los lenguajes de HTML, CSS y JavaScript, por tanto iré modificándola según vaya aprendiendo nuevas etiquetas y funciones.

      En principio la página constará de tres apartados diferentes: el de inicio, en el que se explica el porqué de la página; un apartado titulado "Sobre mí", en el que cuento quien soy y mis inquietudes; y finalmente, un último apartado en el que haré un listado sobre las cosas que voy aprendiendo.

La forma de acceder a cada apartado es haciendo click en los botones de la parte superior de la página, que se resaltan según pasamos por encima con el ratón. Estos botones aparecen en cada uno de los tres apartados.



Sección 2: 13 Feb 2015.

      Esta semana hemos dividido el primer apartado (Inicio) en tres secciones diferentes a las que podemos acceder desde la lista de navegación de la parte superior de la página. Para la entrega final del jueves, hacemos uso de estilos en la barra de navegación entre secciones y otros elementos de la estructura HTML.

Sección 3: 20 Feb 2015.

      El objetivo de la entrega de esta semana es convertir nuestra web en una web dinámica añadiéndole código JavaScript. Pero en primer lugar he reformado la página entera. Ahora en lugar de estar estructurada mediante una tabla, está estruturada con cajas div, algunas flotantes y otras no. Faltaría ver propiedades responsivas para que la página tenga el mismo aspecto independientemente del tamaño de la pantalla, el que mejor encaja ahora mismo es el de ancho = 1066px. He conseguido que la distancia entre divs se mantenga englobándolos en un div gigante. Pero aún falta para que se vea de forma adecuada a cada tipo de pantalla.

      En cuanto a la parte de JavaScript de la entrega, consiste en un prompt que permite al usuario elegir entre las propiedades del DOM y ver sus características. Para acceder, pinchar aquí: Práctica1 de JavaScript.

Sección 4: 27 Feb 2015.

      Para esta semana, seguir practicando con JavaScript, la entrega consiste en crear un código que permita la evaluación de un polinomio en un punto. Para acceder, pinchar aquí: Práctica2 de JavaScript (aún no disponible).

Sección 5: 6 Mar 2015.

      La tarea de esta semana es desarrollar una página web denominada rutas.html, cuyo contenido principal es un mapa y un reloj. La sección principal se compondrá de dos partes:

  • Un mapa generado con Goole Maps, en el que el usuario podrá añadir marcadores pinchando con el ratón (o pulsando con el dedo en pantallas táctiles) sobre el mapa. Habrá un marcador inicial, según el valor de geolocalización obtenido al cargar la página. Entre cada marcador se pintará la ruta que los une, utilizando para ello la función drawRoute() de GMaps.
  • Un reloj digital que muestre la hora local actualizada cada segundo.
      Se puede accedeer a la entrega mediante el siguiente enlace: Práctica3 de JavaScript
      Además se definirán dos estilos accesorios al normal:
  • Uno para pantallas de dispositivos móviles en el que no sale el menú de navegación entre las secciones de inicio, simplemente se muestran los tres botones para acceder a los tres apartados de la Web. Además el mapa cambia sus dimensiones para ser más alto que ancho, lo cual es más apropiado tratándose de dispositivos móviles.
  • Otro para la versión imprimible, en este por ejemplo quitamos las imágenes de fondo, y los botones de navegación de la página, dejando únicamente el mapa (más grande) con la hora para darle mayor protagonismo.

Sección 6: Próximamente.

      To be continued...

Sección 7: Próximamente.

      To be continued...

Sección 8: Próximamente.

      To be continued...