Aplicaciones Web

1º Trimestre

Trabajo sobre Videojuego

En este trabajo, que fue el primero que hicimos en la asignatura, la profesora nos pidió lo básico de html, mientras ibamos repasando los conceptos en clase, ibamos haciendo el trabajo. Al ser el primer trabajo vereis que realmente no hay mucho trabajo. Contiene información de una trilogia de juegos protagonizada por Ezio Auditore Da Firenze. Entrad si os interesa el tema.

Monumentos

Buenas, esto es un trabajo acerca de algunos monumentos elegidos por el propio alumno. Tocamos cosas básicas de la otra vez, pero aprendimos otras nuevas, considero que es un trabajo simple pero bien estructurado y bonito. Entre mis favoritas está por ejemplo los monumentos de Venecia, Tokyo... Pero hay muchas más elegidas por los compañeros.

Tablas

En este trabajo la profesora nos comentó que tras ese trabajo realizariamos el Style en un documento aparte llamando CSS. El cual lo teneis en el siguiente trabajo. En este de las tablas, com bien indica el nombre, realizamos tablas, incluso con filas que se repiten, ya sea verticalmente o horizontalmente. Espero que os guste el trabajo.

HTML5 y CSS3

En este caso, la profesora nos enseño el comando float para las imagenes y como separarlas del texto adecuadamente. Un trabajo sencillo en verdad. Aparte, este trabajo nos da a conocer más sobre las herramientas que utilizamos en la propia materia. A continuación os dejo con el trabajo. Espero que os guste.

Dejavu

En este trabajo, debiamos copiar casi con exactitud la página que se nos mostraba en el proyector. Aprendimos nuevos comandos tales como Time entre otras cosas. Este trabajo lo he retocado según avanzamos en la materia y aprendimos cosas nuevas. Os dejo con el trabajo, un saludo.

Cajas

La profesora nos enseñó a hacer cajas, sirven por ejemplo, para "envolver" cierta información que creamos que es primordial, o simplemente para enfocar la atención de la información en cierta parte del texto. A continuación os dejo con el trabajo. Espero que os guste.

Imagenes con Botones

No hay mucho que decir, como ya veis, esta vez aprendimos a crear imagenes los cuales nos redigiren a otra página, esto se hace simplemente metiendo un < a href="paginaweb.com" > en la < img src="imagen">. Aunque programando realmente, iria primero la < a > , luego < img > y volvemos a cerrar con < / a> Pero el concepto es el de un link dentro de una imagen.

Trabajo acerca de una serie

Este trabajo consistia en implementar lo visto hasta este momento. Fue un trabajo donde el tema era libre. En mi caso elegí una serie llamada Sons of Anarchy, que trata sobre una banda de moteros. Muy influenciada por Hamlet en temas como el amor, violencia,familia...Serie muy recomendable si tienes un ratejo por las tardes.

Citas de G.K Chersterton

fue un escritor inglés de inicios del siglo XX de diversos géneros: ensayo, narración, biografía, periodismo y libros de viajes. En este trabajo , la profesora mandó un documento el cual teniamos que hacer lo mas parecido posible. A continuación podreis ver mi trabajo el cual es bastante parecido al original (o eso creo).

Section | Aside | Footer

Como bien dice el titulo , en este trabajo practicamos lo dado en la primera hora que consistia en los apartados Section, aside y footer de las páginas web. Muy recomendable para la organización de la página web. A continuación os dejo con el trabajo acerca de estos apartados. Espero que os guste.

Desplegables

Este dia falté al instituto, por lo que no me enteré del tema hasta muy tarde. Igualmente lo hice en forma de ejemplo para que la profesora vea que al menos he tenido interés en lo que se ha dado. Repito, el trabajo no se muy bien de que iba, por lo que es un simple ejemplo del funcionamiento < details > y < summary >.

Minimalismo

Yo creo que este es el trabajo que más me ha costado hasta ahora. Pero también es el que mas me ha gustado. Me gusta mucho el tema "Minimalista", pienso que en el dia a dia te ayuda a organizarte mejor y es mas comodo a la vista. Dejando de lado mis gustos, es un trabajo complicado con multilples comandos nuevos. Os dejo el trabajo a continuación, espero que os guste.

Effect

Efecto con colores y tamaño de la ventana donde tenemos la página web a la vista. Interesante, aunque el tema de los colores al menos a mi no me interesa, además tampoco es bonito que al cambiar el tamaño de la ventana cambie el color de fondo. Pero igualmente, como siempre, os dejo el trabajo a continuación.

Screen

Parecido a la anterior, ya que interactua con el tamaño de la ventana de la página web. Aunque esta vez cambiamos el tamaño de unas cajas y lo ponemos en horizontal o vertical según como lo tengamos plasmado en el css. Os dejo con el trabajo a continuación. Espero que os guste.

Formulario

Antes del ultimo examen y de las exposiciones del Proyecto Europa y de los trabajos en Neocities, dimos Formularios. Interesante, y la mayoria de mis compañeros flipando con el proceso y como iba quedando la página según ibamos avanzando. Aprendimos muchas partes del Formulario rapidamente.

Proyecto Europa

Finalmente tenemos el proyecto del primer trimestre que consiste en realizar una página web, comentar aspectos relacionados a Europa y que puede hacer por nosotros y subirla a Azure para que la profesora puede echarle un vistazo y evaluarnos. En este proyecto podemos utilizar todo lo aprendido hasta ahora.

2º Trimestre