martamorg

[martamorg]

Proyecto del curso (III): Entrega final

Para la entrega final del proyecto he añadido varios cambios a mi página web. 

En primer lugar he convertido el formulario de contacto que ya tenía en la entrega anterior a un formulario avanzado con validación de cada campo, de manera que si no se rellenan todos lo forma correcta no se permite enviar el formulario gracias a la función validator(). 

Por otro lado, he creado una base de datos que recoger recomendaciones de canciones de todo el que quiera participar.

Para acceder a ella he añadido dos nuevos botones en la barra de navegación: vuestras y comparte.

Al pulsar Comparte somos redirigidos a un formulario en el que se pueden añadir canciones a la base de datos. 

Este formulario está vinculado al fichero annade_recomendaciones.php, que además de ciertas validaciones, añade los valores recogidos por el formulario a mi base de datos. 

Tanto al pulsar el enlace Vuestras de la barra de navegación como al añadir una recomendación con el formulario somos redirigidos a una página que lista todos los elementos de la base de datos.

En la página principal también he añadido algunas novedades.

Por un lado he creado la sección Canciones, que antes faltaba por añadir.ç

En ella incluyo canciones recomendadas por mi, acompañadas por un link “escuchar” que lleva a un enlace de YouTube de la propia canción. 

Este link lo he incluido también en la sección de álbumes. Antes había un enlace “saber más” deshabilitado porque no tenía claro qué poner en él. Lo he cambiado por un enlace “escuchar” que lleva a la página del álbum en Spotify.

En cuanto a estética, he aumentado el tamaño de las descripciones de las secciones y del vídeo, como se pedía en la corrección de la entrega anterior.

Por último, he añadido la función fadeIn() de jQuery de manera que cada vez que se carga cualquiera de las páginas, el contenido de esta hace un fadeIn(). Lo he conseguido implementando el siguiente código. 

Añadiendo la clase “all” a los divs que contienen todo el contenido de la página menos la barra de navegación consigo la funcionalidad buscada. 

[martamorg]

Proyecto del Curso (II): Web estática

Desde la última publicación del blog he añadido varios cambios. 

En primer lugar he cambiado varios elementos estéticos de la página y he creado un logo que he añadido en la página principal, el cual es un botón que recarga la página al pulsarlo, y en el favicon.

En la sección de álbumes he añadido unos links en los que pone “saber más” que por ahora están inhabilitados pero próximamente me gustaría crear una nueva página o un pop-up que contenga información adicional sobre cada uno.

He creado también la sección de vídeos, en la que he insertado un vídeo de youtube con la etiqueta iframe. 

Faltaría por añadir la sección de canciones, es por ello que he dejado el botón “Canciones” inhabilitado en el nav. 

En cuanto al nav cabe destacar  también que he añadido un nuevo icono para desplegar las opciones cuando la pantalla se reduce.

El único cambio posterior a la anterior publicación que me queda por comentar (que no sea puramente estético) es que he creado una página de respuesta al envío del formulario de contacto a la que se llega al pulsar el botón enviar de contacto.html.

Por último, he publicado la web en un hosting público. Este es el link a mi página web: https://nuevavista.000webhostapp.com/

[martamorg]

Proyecto página web 20/03/2020

He comenzado el proyecto final de la página web. 

Para comenzar he creado un proyecto Bootstrap. Dentro de él he creado primero un archivo index.html. Lo primero que he hecho ha sido partir de un bs4-starter-template.

Es esa base la que voy a ir modificando, cogiendo inspiración de una plantilla que he encontrado en las páginas webs proporcionadas. (https://colorlib.com/preview/theme/deejee/index.html).

He puesto una foto de fondo y cambiado los botones en la navbar.

El desplegable de recomendaciones muestra las 3 secciones que pretendo implementar en principio. Por ahora solo he creado la de Álbumes, basándome en esta sección de la plantilla que he mencionado anteriormente.

Mi sección ha quedado así.

Aún tengo que cambiar las fuentes y el estilo en general para que quede más bonito pero la estructura básica sería esta. Proximamente haré también las otras dos secciones que me faltan.

He creado también una página de contacto contacto.html a la que se accede pulsando el botón Únete. En ella hay un formulario de información personal y unas secciones de información sobre la página. 

Añado a continuación capturas del código que he modificado.

En index.html:

Los estilos

La portada

La sección de álbumes

En contacto.html:

La sección de contacto

[martamorg]

Página web

Mi página web va a tratar sobre música. He decidido elegir este tema porque es lo que más me gusta en el mundo y es un tema sobre el que, aunque es bastante extenso y subjetivo, creo que se bastante. Además la música es el arte más universal, le gusta a todo el mundo, por lo tanto mi público objetivo sería cualquier persona que tenga un poco de interés en descubrir música nueva o hablar de sus artistas favoritos.

El objetivo principal de la web, como he dicho anteriormente, sería compartir recomendaciones musicales. Esto se puede hacer mediante artículos de opinión, reviews de álbumes, rankings de canciones favoritas e incluso un buscador de próximos conciertos cercanos (en principio en Madrid) y festivales.

Es cierto que hay gran cantidad de páginas como la que pretendo crear pero dado que la música de la que se habla y se recomienda depende de los gustos de los redactores, nunca una web va a tener el mismo contenido que y otra y por lo tanto, en mi opinión, nunca viene de más una nueva opinión.

Mi página de referencia es Pitchfork.

En mi opinión, Pitchfork es la web más completa y mejor estructurada. Cuenta con varias secciones, entre las que yo destaco dos. La primera son sus reviews.

Sube un árticulo de opinión por cada nuevo lanzamiento que considera interesante, ya sea un disco, una canción, un EP o incluso, en ocasiones, una playlist. 

Su otra sección destacada, y también mi favorita es “Best New Music”. De entre esos lanzamientos semanales elige, cada 7 días, la mejor canción, álbum y reedición.

En cuanto al buscador de conciertos, la página que yo uso es Songkick. Es muy fácil de utilizar, sobre todo si la vinculas a tu app de streaming (en mi caso Spotify). Introduciendo tu ubicación, la página te sugiere proximos conciertos cercanos en función de lo que tú escuchas. Además, al crearte una cuenta, te envía avisos al email cuando se anuncian nuevos conciertos de los artistas a los que sigues.

Otras webs que también considero muy recomendables son Rolling Stone, Drowned in Sound y The Line of Best Fit.

La estructura que me gustaría seguir en mi página sería una combinación de mis partes favoritas de las webs anteriores. 

Me gustaría que hubiera una sección de reviews en la que se puntúen y comenten álbumes y canciones, otra sección en la que haya distintos rankings (mejor música nueva, mejores canciones de la década de los 2000, mejores canciones utilizadas en bandas sonoras, etc), otra en la que se informe de próximos conciertos y otra de recomendaciones de playlists, ya que considero que es algo que falta en las webs de música principales y que es muy necesario ya que a día de hoy el streaming es la fuerza más importante en la música y las playlists más escuchadas de plataformas como Apple Music o Spotify son las que dictan si una canción tiene éxito o las que permiten que artistas nada conocidos tengan una oportunidad.