lunes, 9 de junio de 2008

7 Principios para un buen diseño por GOMEDIA DESIGN TEAM

Estos son 7 principios o tips básicos de diseño que recomienda un grupo bueno de diseño. Por ahora solo han salido, es uno por semana. Espero les sirva :).

REGLA UNO:
Limitar las fuentes
http://www.gomediazine.com/design-tip/rule-one-limit-your-fonts/

REGLA DOS:
Limitar los colores
http://www.gomediazine.com/design-tip/becoming-a-master-designer-rule-two-limit-your-colors/

REGLA TRES:
Contraste
http://www.gomediazine.com/design-tip/rule-three-contrast-contrast-contrast/

REGLA CUATRO:
Manejar los espacios
http://www.gomediazine.com/design-tip/rule-four-spacing-is-your-friend/

viernes, 6 de junio de 2008

jueves, 5 de junio de 2008

Basic HTML Tutorial

Un video tutorial basico.

SERVIDORES - CLIENTES

Hosting: Donde se almacenan los archivos del sitio.
Dominio: Nombre de la pagina. www.nombre.com

Lenguaje de interpretación de datos:
HTML - HyperText Markup Language (Lenguaje de Marcado de Hipertexto)

Lenguajes para aplicaciones dinámicas:
PHP
.NET
ASP

Clientes/Browsers :
Internet Explorer
Mozilla Firefox
Safari
Opera

CSS
Estilos de cascada - Estilos de posición, tamaño, color entre otros para elementos del html.

Tarea
- Re diseño
- Buscar un tema: Producto o una banda o lo que sea.
Mapa de sitio - Mapa de navegación (max. inicio - 2 internas)
Impreso
Clase 01 - Multimedia
Viernes 30 de Mayo


1. Estructuras de los sitios:


Tipos de estructuras:
- Jerárquica. - Árbol: tema principal, sub temas.
Lineal y no lineal.

- Lineal 100% no tiene jerarquías.

- Lineal con Jerarquía

-Red

2. Mapas de Navegación

Los mapas de navegación son diferentes a los mapas del sitio. Los mapas de navegación muestran la posible navegación de un usuario por medio del sitio, atraves de los temas y sub temas del sitio.

Lo ideal es generar una estructura clara y estable para el usuario. De esa forma el usuario accederá a la información con el menor numero de clics o para lo contrario con un recorrido especifico que le diseñemos.

Normalmente el mapa de navegación se presenta al cliente el cual debe tener una claridad frente a la navegación que se va a dar en su sitio.

3. Mapa de Sitio

El mapa de sitio es un mapa que muestra todo el contenido del sitio, normalmente cuando hay mucha información en un sitio, los mapas de sitio ayudan a encontrar temas específicos de una forma directa. Es una carta de navegación para el usuario.

4. Buscador

Los buscadores normalmente son formularios donde por medio de palabras claves se encuentran temas, artículos y/o archivos relacionados a este. Normalmente los buscadores se manejan bajo base de datos con diferentes tecnologías como PHP, MySQL, .NET, ASP y otros.

5. Arquitectura de la información

Inicialmente el hay que tener un contacto directo con el cliente para poder ayudar a construir esa arquitectura de información. El siguiente paso sera una pequeña presentación de lo que el cliente quiere que se muestre, es decir, lo que el quiere piensa que es indispensable para la información de su sitio.

Cliente: Normalmente entrega un PPT (powerpoint) con la información que el quiere mostrar.
Diseñador: Analiza el PPT que el cliente entrega y plasma en una arquitectura clara la información, donde se le sustente por que si o por que no funciona la estructura inicial y porque se debe usar la estructura o arquitectura que uno propone.

Arquitectura clásica:
Quien - Misión, Visión, Objetivos.
Productos - Catálogo de producto.
Servicios - Servicios específicos.
Contacto - Información y/o Formulario de contacto.

HTML CLASE 01

Hoy vimos algunas estructuras de HTML y unas etiquetas básicas.
Aquí voy a poner unos ejemplos de la estructura que vimos para el código html.




Aquí voy a poner unos ejemplos de las etiquetas que vimos.

Paginas de interes

Bueno aquí voy a poner algunas pagina donde pueden ver lo ultimo en diseño de paginas.
THEFWA
LINKDUP
http://www.e-creative.net/
http://www.webbyawards.com/webbys/
http://www.creativewebsiteawards.com/

Sobre el diseño del blog

Bueno sobre el diseño del blog si lo siento mucho pero estas son plantillas, seleccione una cualquiera. Así que si a alguno no le gusta pues... no es mi culpa no la hice yo.

Bienvenidos

Hola soy David Caro del curso de multimedia de la UJTL, nunca he usado bien un blog así que esta sera la primera vez que voy a hacerlo. La idea del blog es poder darle continuidad a la clase de multimedia. aquí tratare de poner diariamente cosas acerca de la clase, como links de interés, herramientas, tutoriales, ayudas para los trabajos de clase y lo que vaya saliendo.
Es un poco ñoño esto pero lo hago por varias razones:
  1. Tengo algo de conocimiento de los programas que vemos en clase así que puedo ser de ayuda.
  2. Quiero ver si esto funciona bien para poderlo implementar en otras materias.
  3. Nunca había hecho lo del blog con juicio así que quiero coger la costumbre.
  4. Se que no muchos manejan web así que este blog puede ayudar.

Por otro lado también les pido a los que encuentren cosas interesantes, paginas buenas, tutoriales de web y cosas que ayuden al curso que las suban aquí o que las pongan como comentario.