- NOTICIAS: esta es la sección principal, en ella aparece información sobre próximas carreras y noticias de carreras pasadas, con enlaces a otras secciones donde todo viene más detallado.
- COMIENZOS: aquí se narra un breve resumen de mis inicios ene l triatlón.
- MULTIMEDIA: en esta sección encontramos fotos mías entrenando o en carreras solo o con amigos.
- CLUB: biografía del club al que pertenezco.
- CARRERAS: muestra información sobre futuras carreras. Lugar, precio, fecha, hora... Además cuenta con un mapa para la localización.
- CONTACTO: incluye un formulario para contactar conmigo además de otras formas como twitter, facebook, etc.
miércoles, 24 de junio de 2015
tewc final
Finalmente, la web consta de lo siguiente:
explicaciones
Lo primero que hice tras tener claras las secciones y la forma que
quería que tuviese mi página, me dispuse a elegir la plantilla, algo que
no fue fácil debido a la gran variedad que encontré. Finalmente me
decanté por esta: plantilla.
A continuación empecé a recopilar fotos, enlaces y vídeos que suponía que necesitaría, y las fui guardando en los directorios 'images' .
Con esto hecho me dispuse a leer por encima el código para enterarme un poco de qué iba y cómo estaba hecha cada cosa y cada sección. Cada sección era un archivo .html diferente, lo que decidí dejar así solo que cambiándoles el nombre, y por lo tanto cambiando posteriormente el enlace dentro de cada archivo que cambiaba de sección al pulsar sobre él.
Este mismo cambio lo hago en los .html de todas las demás secciones. Al enlace correspondiente a la sección en la que se está se le pone class="active", ya que el css retoca los enlaces de esta clase poniéndolos de un color distinto.
Tras cambiar el <title> de cada sección y añadir el tipo de documento, la codificación, etcétera; analicé la forma de los archivos .html. Todos se dividen de la misma forma: primero tenemos el head, donde simplemente cambié el <title> mencionado anteriormente por 'Triatlón'; luego tenemos el body, donde se incluyen header, content y footer. En el header cambiamos los enlaces como he explicado previamente, y añado las imágenes que quiero que se vean en el 'slider'(NO CONSEGUÍ HACERLO, TUVE PROBLEMAS PARA IMPLEMENTARLO), y que he elegido previamente. Cada imagen es un elemento de una lista <ul>.
En 'content' simplemente cambio los textos ya que me gusta la organización que tiene. Además, añado un link en cada 'titular' de las noticias que te lleva a la noticia ampliada que quieres leer; lo mismo con los carreras.
Tras esto, creé una especie de 'noticiario extendido' donde explica más detalladamente cada noticia. Este apartado es completamente nuevo ya que no aparecía en la plantilla. Lo creé con un <div> dentro de un <article> para seguir con la misma organización que traía la plantilla, y a ambos les puse un atributo 'class' para retocarlos después con el .css. Añadí aquí todas las noticias, con vídeos, imágenes, etcétera; y también un botón 'Subir' que te lleva a la parte de arriba de la página. Antes de cada titular puse un enlace con atributo 'name' (distinto en cada noticia) para que los lleve hasta cada una de ellas al pulsar sobre el enlace 'Leer más' que puse en el apartado anterior.
Continué retocando el código de la plantilla para incluir unos apartados que me parecían convenientes, como el de 'Frases de Motivación' para que nunca pierdas las ganas por entrenar.
Por último, me dispuse a modificar el 'footer'; en el que suprimí la publicidad de la plantilla, añadí a cada icono (Facebook, Twitter, Youtube) un enlace que llevase a nuestra cuenta de los distintos sitios, y creé un icono nuevo para que llevase a este blog. Lo hice cogiendo una imagen del icono de 'blogspot', y mediante el pixlr, tras copiar uno de los demás iconos, conseguí meter el icono del blog dentro del círculo en el que aparecían los demás.En un principio ésta era mi idea pero tampoco pude implementarlo.
Para finalizar la he subido a un sitio de host gratuito, así que se puede ver el resultado final en el siguiente enlace: http://pedroignaciomora.neocities.org/tewcfinal.html
A continuación empecé a recopilar fotos, enlaces y vídeos que suponía que necesitaría, y las fui guardando en los directorios 'images' .
Con esto hecho me dispuse a leer por encima el código para enterarme un poco de qué iba y cómo estaba hecha cada cosa y cada sección. Cada sección era un archivo .html diferente, lo que decidí dejar así solo que cambiándoles el nombre, y por lo tanto cambiando posteriormente el enlace dentro de cada archivo que cambiaba de sección al pulsar sobre él.
Este mismo cambio lo hago en los .html de todas las demás secciones. Al enlace correspondiente a la sección en la que se está se le pone class="active", ya que el css retoca los enlaces de esta clase poniéndolos de un color distinto.
Tras cambiar el <title> de cada sección y añadir el tipo de documento, la codificación, etcétera; analicé la forma de los archivos .html. Todos se dividen de la misma forma: primero tenemos el head, donde simplemente cambié el <title> mencionado anteriormente por 'Triatlón'; luego tenemos el body, donde se incluyen header, content y footer. En el header cambiamos los enlaces como he explicado previamente, y añado las imágenes que quiero que se vean en el 'slider'(NO CONSEGUÍ HACERLO, TUVE PROBLEMAS PARA IMPLEMENTARLO), y que he elegido previamente. Cada imagen es un elemento de una lista <ul>.
En 'content' simplemente cambio los textos ya que me gusta la organización que tiene. Además, añado un link en cada 'titular' de las noticias que te lleva a la noticia ampliada que quieres leer; lo mismo con los carreras.
Tras esto, creé una especie de 'noticiario extendido' donde explica más detalladamente cada noticia. Este apartado es completamente nuevo ya que no aparecía en la plantilla. Lo creé con un <div> dentro de un <article> para seguir con la misma organización que traía la plantilla, y a ambos les puse un atributo 'class' para retocarlos después con el .css. Añadí aquí todas las noticias, con vídeos, imágenes, etcétera; y también un botón 'Subir' que te lleva a la parte de arriba de la página. Antes de cada titular puse un enlace con atributo 'name' (distinto en cada noticia) para que los lleve hasta cada una de ellas al pulsar sobre el enlace 'Leer más' que puse en el apartado anterior.
Continué retocando el código de la plantilla para incluir unos apartados que me parecían convenientes, como el de 'Frases de Motivación' para que nunca pierdas las ganas por entrenar.
Por último, me dispuse a modificar el 'footer'; en el que suprimí la publicidad de la plantilla, añadí a cada icono (Facebook, Twitter, Youtube) un enlace que llevase a nuestra cuenta de los distintos sitios, y creé un icono nuevo para que llevase a este blog. Lo hice cogiendo una imagen del icono de 'blogspot', y mediante el pixlr, tras copiar uno de los demás iconos, conseguí meter el icono del blog dentro del círculo en el que aparecían los demás.En un principio ésta era mi idea pero tampoco pude implementarlo.
Para finalizar la he subido a un sitio de host gratuito, así que se puede ver el resultado final en el siguiente enlace: http://pedroignaciomora.neocities.org/tewcfinal.html
lunes, 15 de junio de 2015
domingo, 14 de junio de 2015
PROYECTO FINAL
De las secciones que más orgulloso estoy es de la de "Comienzos" ya que escribo sobre algo que nunca había hecho antes para acercarme a mis seguidores y de la sección "Carreras" ya que gracias al mapa es más sencillo para la gente saber dónde corro y poder venir a verme, a ver si alguno se anima ;)
Durante la realización de la página web me he encontrado con varios errores que he sido incapaz de solucionar por mucho que he buscado en foros.
A la hora de diseñar mi página principal tenía pensado enlazar varios fotos para que vayan pasando automáticamente que es un estilo que suele quedar muy bien y bastante usado en webs de este tipo y a pesar de probar unos códigos y otros he sido incapaz de mostrar las fotografías.
En el apartado multimedia, donde cuelgo 5-6 fotos mías entrenando o en medio de alguna carrera debido a algún error que no consigo entender no sé si del css del tamaño de la foto o qué, sólo aparecen las dos primeras. De nuevo mirando en Internet y preguntando a amigos que estudian Ingeniería Informática tampoco hemos dado con ello.
Por último, quería añadir en el footer un apartado de redes sociales debido a su auge en estos momentos y su facilidad para comunicarse con los seguidores los típicos iconos de Instagram, Facebook, Twitter o canal de Youtube para que con simplemente pinchar se redireccionase a mis cuentas.
De todos modos, creo que he conseguido una web bastante decente y puliendo estos fallos podemos empezar a movernos en la world wide web.
Durante la realización de la página web me he encontrado con varios errores que he sido incapaz de solucionar por mucho que he buscado en foros.
A la hora de diseñar mi página principal tenía pensado enlazar varios fotos para que vayan pasando automáticamente que es un estilo que suele quedar muy bien y bastante usado en webs de este tipo y a pesar de probar unos códigos y otros he sido incapaz de mostrar las fotografías.
En el apartado multimedia, donde cuelgo 5-6 fotos mías entrenando o en medio de alguna carrera debido a algún error que no consigo entender no sé si del css del tamaño de la foto o qué, sólo aparecen las dos primeras. De nuevo mirando en Internet y preguntando a amigos que estudian Ingeniería Informática tampoco hemos dado con ello.
Por último, quería añadir en el footer un apartado de redes sociales debido a su auge en estos momentos y su facilidad para comunicarse con los seguidores los típicos iconos de Instagram, Facebook, Twitter o canal de Youtube para que con simplemente pinchar se redireccionase a mis cuentas.
De todos modos, creo que he conseguido una web bastante decente y puliendo estos fallos podemos empezar a movernos en la world wide web.
PLANIFICACIÓN
TIPO DE WEB
Mi propósito es crear una web que me pueda ser de utilidad en un futuro, por ello me dispongo a crear una página de mi afición por el triatlón algo que llevaba queriendo hacer mucho tiempo ya que así unía parte de mi carrera con mi ocio personal.
OBJETIVO
Me servirá para contar mis experiencias y sobretodo, para que la gente que quiera tenga un lugar donde seguir mi actividad y mis logros. Iré colgando fotos de entrenamientos como de carreras pasados e info de las carreras futuras. También dejo mis direcciones de Facebook, Twitter o Instagram por si algún novato(entre los que yo me incluyo aún) tiene alguna duda que pueda resolver.
PÁGINAS WEB SIMILARES
Hay numerosas páginas webs de la misma temática, ya que la mayoría de clubs de triatlón que se lo pueden permitir la tienen, por ser algo de muchísima utilidad tanto para mí como para los seguidores. Algunas en las que tenía pensado inspirarme son:
http://whereisthelimit.com/
http://www.triatlonmadrid.org.es/
http://www.marlinstriatlon.es/
SECCIONES DE DICHA WEB Y SERVICIOS OFRECIDOS
En todas las páginas webs mencionadas previamente encontramos más o menos la misma organización y ofrecen servicios similares, los que debe ofrecer toda web de cualquier club de triatlón.
Todas ellas disponen de una sección especial, una especie de noticiario, donde van colgando experiencias sobre carreras pasadas e información sobre carreras futuras pero sin demasiada información porque para eso ya hay otra sección, simplemente a modo de anuncio.
También encontramos otra sección dedicada al apartado de multimedia donde se puede ver fotos de gente tanto compitiendo como entrenando,
Incluso existe una sección que consiste en una biografía del club en la que cuenta cómo se formó y cuáles fueron los inicios e influencias.
La mayoría de estas secciones son las que se encuentran en la mayoría de páginas webs de clubs de triatlón son las que tengo pensadas añadir a la mía, más alguna que se me pueda ir ocurriendo a lo largo de la realización de la página.
Mi propósito es crear una web que me pueda ser de utilidad en un futuro, por ello me dispongo a crear una página de mi afición por el triatlón algo que llevaba queriendo hacer mucho tiempo ya que así unía parte de mi carrera con mi ocio personal.
OBJETIVO
Me servirá para contar mis experiencias y sobretodo, para que la gente que quiera tenga un lugar donde seguir mi actividad y mis logros. Iré colgando fotos de entrenamientos como de carreras pasados e info de las carreras futuras. También dejo mis direcciones de Facebook, Twitter o Instagram por si algún novato(entre los que yo me incluyo aún) tiene alguna duda que pueda resolver.
PÁGINAS WEB SIMILARES
Hay numerosas páginas webs de la misma temática, ya que la mayoría de clubs de triatlón que se lo pueden permitir la tienen, por ser algo de muchísima utilidad tanto para mí como para los seguidores. Algunas en las que tenía pensado inspirarme son:
http://whereisthelimit.com/
http://www.triatlonmadrid.org.es/
http://www.marlinstriatlon.es/
SECCIONES DE DICHA WEB Y SERVICIOS OFRECIDOS
En todas las páginas webs mencionadas previamente encontramos más o menos la misma organización y ofrecen servicios similares, los que debe ofrecer toda web de cualquier club de triatlón.
Todas ellas disponen de una sección especial, una especie de noticiario, donde van colgando experiencias sobre carreras pasadas e información sobre carreras futuras pero sin demasiada información porque para eso ya hay otra sección, simplemente a modo de anuncio.
También encontramos otra sección dedicada al apartado de multimedia donde se puede ver fotos de gente tanto compitiendo como entrenando,
Incluso existe una sección que consiste en una biografía del club en la que cuenta cómo se formó y cuáles fueron los inicios e influencias.
La mayoría de estas secciones son las que se encuentran en la mayoría de páginas webs de clubs de triatlón son las que tengo pensadas añadir a la mía, más alguna que se me pueda ir ocurriendo a lo largo de la realización de la página.
Suscribirse a:
Entradas (Atom)