Posts Tagged ‘CSS

24
Jun
09

Day 17 and 18: I </3 Kompozer

El blog de hoy cuenta doble!

En  los últimos días me he dedicado a manipular los enlaces de mi proyecto, y vaguear en el salón ya que sigo en la espera de la información restante.  Ya he enviado varios recordatorios y hoy envie uno final.  No estoy 100% contento porque no me gusta terminar las cosas photofinish, pero hare lo que pueda…

Hoy nos hablaron del día de logros/exposición en la cual tendremos la oportunidad de hacer networking para nuestros servicios.  Estoy motivado en tener la oportunidad de “rub elbows” con varios negociantes a ver si algo cae =D.

jvv.

22
Jun
09

Day 16: Let’s play the waiting game… Who wants to play hungry hungry hippos!

El día de hoy complete el layout html en Kompozer del website, exceptuando por el banner. El cual no puedo completar hasta que reciba las ímagenes que mi cliente me va a proveer esten en mis manos.  Por ahora tengo el banner que habia creado para la demostración y se me ha notificado que si no se recibo lo necesario de mi cliente, pues el website se va como esta (Lindo se va a ver el website con el dummy text en latin lol)

Espero recibir lo que me falta pronto o me tendre que ir a molestar en la oficina de mi cliente.

jvv

19
Jun
09

Listamatic: muchas posibilidades para crear barras de navegación con CSS

Aunque durante la clase hemos visto diversas formas de crear una barra de navegación utilizando listas y CSS todavía existen muchas posibilidades más. En Listamatic podrán ver muchos estilos de barras de navegación combinando listas con CSS. La ventaja de este website es que tiene el código accesible y con los comentarios necesarios para que cualquier persona pueda adaptar los diseños a su website.

Listamatic: One List, Many Options <- Haz Click


James Lynn

19
Jun
09

Barras de navegación

Hola a todos!

Aquí les dejo un artículo donde pueden ver estilos modernos de diseño de barras de navegación para websites. Pueden tomar ideas adicionales para expandir las posibilidades de su diseño.

CSS-Based Navigation Menus: Modern Solutions <- Haz Click


James Lynn

11
Jun
09

Day 09: Prelude to the interviews!

Hoy continuamos traduciendo el diseño de Fireworks a HTML.  Completamos la barra de navegación y le incluimos las pestañas para que diera la impresión de ser un folder. Finalmente incluimos la navegación localizada en el footer.

Trabajamos con Gimp y Photoshop, los dos que son programas de manipulación de ímagenes bitmap.  La idea detrás de este ejercicio es ver que ambos programas hacen exactamente lo mismo en términos de cambair el tamaño de imagen y formatearlas para que se vean correctamente en el navegador.

Mañana son las entrevistas con los clientes no se que esperar! lol.

jvv.

A continuación ímagenes de lo que hice hoy :).

10
Jun
09

Day 08: De lógico a físico

  • Hoy se nos entregó un boceto de un website hecho en Fireworks el cual teniamos que convertir en un website real utilizando Kompozer.
    • Exportamos los aspectos gráficos que necesitabanos del boceto de Fireworks a ímagenes que incluimos en el html hecho en Kompozer.
      • Utilizamos el slice tool para seleccionar las partes que queriamos del boceto en fireworks
      • Aprendimos la diferencia entre los formatos JPEG y PNG.
    • Diseñamos el esqueleto para hacer que el diseño tomara forma en el browser.
      • Repasamos todo lo que utilizamos la semana pasada relacionado con html y stylesheets.
      • Posicionamos el logo a través del stylesheet para que tuviera una posición similar al boceto.

jvv

p.d. Deben incluir café de vez en cuando, porque entre el desayuno y el almuerzo tanto como despues del almuerzo hace falta ese boost de cafeína para quedar despierto.

A continuación fotos del desayuno de hoy!

Seguir leyendo ‘Day 08: De lógico a físico’

05
Jun
09

Day 05: Y mi cuenta de hosting dónde esta?

Hoy nos suscribimos al hosting para nuestro dominio, el cual todavía estoy esperando el email de confirmación. Pero como dice el dicho “A caballo regalao’ no se le mira el colmillo“.   Asi que sigo relatando los eventos que transcurrieron en el día de hoy.

Hoy terminamos el formato que comenzamos ayer, añadiendo las cajas de contenido (un contenedor, una columna a la derecha y otra a la izq.) y un footer.  Utilizando el stylesheet cambiamos como se veia cada bloque, inclusive logramos hacer que cada bloque luciera diferente, alterando el tamaño del texto, su color y el comportamiento de los enlances. Finalmente convertimos lista desorganizadas de texto para crear la navegación del website, logrando que estos parecieran botones de texto.  Una imagen de lo que hicimos hoy:

Picture 1

Bueno eso es todo por hoy, hasta el lunes.