Pero en fin, hablaré primero de los certamenes que hice hace tiempo pero por estar muy ocupada no hice entrada, pero para no marear con tanta lesera haré un recopilatorio de Computación Multimedia I, donde me enseñaron a usar Dreamweaver. Creo que he subido solo una entrada al respecto.
Respecto a este ramo estoy muy contenta porque por fin logré mi meta de sacar nota máxima en un ramo de Compu :3 y bueno, colocaré acá las páginas que he hecho en su respectivo orden.
Rediseño de Yahoo Noticias Chile (hecha en HTML normal)
Este certamen fue más estresante que el mismo examen, de hecho fue el más estresante de todos los trabajos de compu.
Consistía en tomar uno de muchos portales de noticias y yo escogí Yahoo Noticias Chile, porque lo veía interesante para organizar y rediseñar.
El gran problema que tenía Yahoo era que si te metías a Finanzas por ejemplo te sacaba de la página principal obligando al usuario a apretar "flechita atrás" si quería volver al HOME de la página y lo otro es que la info no estaba tan bien jerarquizada, yo me centré en hacer todo para que el usuario pudiese hacer click tranquilo sin pensar en que saldrá de la página principal, también jerarquicé para que el usuario supiera cual es la noticia más actual, las que están más pasadas, las que llevan sus horas y las que ya llevan miles de horas de desfase, las cuales traen un "ver más noticias" por si se quiere ver algo más antiguo.... todo en sentido de agujas de reloj.
Todo esto se hizo pensando en el tipo de público, que es normalmente gente ya adulta, con trabajo y familias, los llamados usuarios nativos de internet, lo que crecieron con yahoo por así decirlo, son prácticos y ellos se meten a este portal con la necesidad de encontrar todas las noticias resumidas en un solo lugar, por lo que necesitan no tener problemas al momento de navegar.
Aquí capturas del resultado, ya que el sitio no fue subido a ningún hosting, fue un certamen donde se hizo la exposición abriendo directamente los archivos html y....no sé donde tengo al carpeta :A
 |
| Sitio de Finanzas, de por sí todaas las páginas principales tienen esta estructura, pero con distinto color para que el usuario sepa en que zona está. |
 |
| ERRRR CRIMA.... el clima se verá así. |
 |
| GALERIAS! |
 |
| Lo que pasa cuando clickeas las imagenes. |
 |
| INDEX |
La profe nos enseñó una herramienta que puede ser útil en caso de que tengamos que dejarle por diversos motivos a un ingeniero la pega de la página o necesitemos mostrar una maqueta a un cliente estando a contratiempo y esa es usando Photoshop y sus secciones, en lo personal me parece práctico el proceso pero no me gusta, prefiero DIVear no más x3
El trabajo era de solo una página, porque la meta de esto era saber si aprendimos como se hacía todo el proceso.
Trabajo práctico web de lo que sea, yo escogí videojuegos
Este era un trabajo práctico, no recuerdo cual era el objetivo, pero creo que era nota acumulativa y había que hacer algo sencillo, pero como que no lo hice tan sencillo :A
Escogí MGS porque ....es Metal Gear Solid po y sinceramente me encanta como es el juego a nivel gráfico, sobre todo en ilustraciones así que era ideal para hacer el trabajo.
Me gustó como quedó el sitio, aunque demora en cargar, en eso fallé (en opinión personal), pero a niveles técnicos estaba todo OK :3 Ah y se subió a inet...INET? ahhh!!! eso era, el objetivo del trabajo era aprender a subir una página a un hosting como práctica para el certamen que venía después. Y acá está, aunque hay una pifia al verlo en Chrome AHORA, porque cuando lo subí la primera vez se veía bien en todos los navegadores.
Lo que pasó fue que yo después de este trabajo borré el contenido que estaba en el hosting y de paso borré dos archivos que no había que borrar, los reemplacé por otro y resubí el sitio para mostrarlo ahora en el blog, pero el resubirlo quedó con esa pifia para Chrome :/... en fin, veanlo en Firefox xD Al ser un hosting gratuito les puede lanzar alerta de virus, pero no tiene virus... lo prometo xD
http://www.metalgearcertaminus.net78.net/
Y acá capturas.
Certamen en HTML5 y cuadricula fluida, mi pesadilla y el resultado que más odié.
Si bien me saqué nota máxima en este certamen, no me sentí satisfecha con el, tuve muchos problemas con DwCS6 porque el PC este se calentaba y se apagaba, siendo que es la media máquina, funcionan bien todos los programas de la suite CS6, pero Dw, el más liviano hacia que se calentara, por lo que tuve que avanzar en clases y luego pedir sala un día Sábado en mi U, lo que es un atado medio flojo, porque hay que reservar, pedir llave luego que te reclaman porque estás en un Sábado y blah.
Ese día Sábado iba a continuar con lo que llevaba avanzado en clases, pero cuando abrí el archivo estaba todo descuadrado y eso fue porque la "cuadricula fluida" funciona en general por css, por lo que si modifico una página se me modifican las otras al compartir el mismo estilo y al ver la embarrada que quedaba empecé de nuevo e hice algo para pasar no más, pero lo hice de mala gana y sin amor...en fin, acá el resultado.
http://donkeykongsite.site50.net/
Esta cosa tenia favicon.ico propio de DK (ese icono arriba en las pestañas), pero este sitio también lo bajé y luego lo subí y como que se mezcló con el favicon de mi examen :A... en realidad se pifiaron muchas cosas con mis subidas, bajadas y re-subidas de sitios, ya que para re-subirlo saqué los archivos de un DVD que estaban en el suelo y como que tienen archivos dañados :A, pero al momento de entregar estaba todo OK xD
La gracia de la cuadricula fluida es que se puede ver desde PC, tablet y smartphone, si juegan con los tamaños de sus ventanas de navegador se darán cuenta que todo se adapta :3
Esos son todos mis certamenes, creo que me falta un trabajo, pero no me gustó mucho como quedó y tampoco lo encuentro :A
Haré una entrada especial para mi examen, el cual me dejó satisfecha además que fue en HTML5, pero con DIV fija, cosa que no está la cuadricula fluida, así que pude hacer todo en CS5 y felizmente.
0 comentarios:
Publicar un comentario