Inicio » Informática técnica. » Diseño Web y Multimedia » Curso de Dreamweaver CS3 » Esto es diseño web... no diseño gráfico

Curso de Dreamweaver CS3

Cursos Relacionados:

Esto es diseño web... no diseño gráfico


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver CS3 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Olvídate de la hoja de papel... piensa en la pantalla

Muchos usuarios novatos de Dreamweaver vienen de una experiencia previa en el diseño gráfico con programas como Freehand, Illustrator o Photoshop. o únicamente  han usado el concepto de "página" en el procesador de texto Word.

Pues bien ... a partir de ahora debéis cambiar el concepto del contenedor de la información de vuestro diseño.
En Diseño Gráfico el contenedor es PAPEL, cuyas dimensiones están sujetas a unos estándares físicos (Din-A, Din B, Folleto, carta...)
En cambio en Diseño WEB la misma información puede estar dirigida a diferentes contenedores (monitores, PANTALLAS) ... por lo que no podremos hablar de el alto o el ancho de una página Web:
todo depende de la cantidad del contenido que tenga y la PANTALLA desde el que se reproduzca.


Por ejemplo aquí tenemos una representación de el mismo contenido en diferentes contenedores.
En Diseño gráfico las medidas del papel son estándares por lo que son muy importantes sus dimensiones.
En diseño Web hay que pensar al revés: todo depende de la cantidad de contenido
y las dimensiones de la Pantalla (móvil, PDA, monitor estándar, panorámico, etc).
El contenido que se salga de la pantalla será visible con el Scroll.

 


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver CS3 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Diseñas para MILES de ordenadores

Lo que  tiene que quedar claro es que el dispositivo desde el que sea vea tu página Web es capital.
De hecho esa es la diferencia primordial entre el diseño gráfico y el diseño Web.

  • En el Diseño Gráfico entre el objeto diseñado y el espectador no hay intermediario.
    Es decir, el póster que tu imprimes lo van a ver igual en Soria como en Kuala Lumpur (si llega hasta allí)
  • En el Diseño Web el ordenador es el que hace de intermediario entre el código que tu has diseñado y el espectador final.


En diseño web el ordenador actúa como filtro del HTML que se presenta al usuario

El problema es que no hay sólo un tipo de ordenador en el mundo.
CADA ORDENADOR PUEDE TENER UNA CONFIGURACIÓN DIFERENTE... esas diferencias pueden intervenir en la reproducción de nuestro diseño

Diferentes plataformas PC / Mac / Linux
Diferentes Navegadores instalados I Explorer / FireFox / Opera / Safari / ...
Diferentes versiones de esos navegadores IE 7 / IE 6.5 / IE 5 ...
Diferentes Resoluciones de pantalla 800x600 / 1024x764 / 1152x864 / ...
Diferentes Monitores Estandar (4x3) / panorámicos
Diferentes tipografías instaladas  
Diferentes reproductores de Vídeo o Flash Windows Media / Real Player / Quick Time / Flash Player
Diferentes anchos de banda de conexión. ADSL / Modem

Todas estas características (unas más que otra) influyen en la visualización y reproducción de nuestro diseño html y ,por lo tanto, de cómo vaya a ser visto por el usuario final.

- ¿No podemos saber nada de las características del ordenador del usuario?
Es cierto, hay datos técnicos de los que no podemos estar seguros, lo que nos obliga a ser muy cautos en el diseño y si queremos estar seguros de que nuestro diseño se visualice sin problemas (color, tipografía, tamaños, etc) nos tendremos que restringir a unos pocos fundamentos.

- Entonces si somos tan dependientes no podemos hacer nada. ¡ Mejor no me meto!
Naturalmente hay unos estándares sobre los que podremos trabajar y avanzar a partir de ellos. A lo largo del curso los iremos viendo.
Al principio parecen un compendio de restricciones ( esto no se puede, esto tampoco...) pero eso nos va a venir bien para comenzar:

  • Si somos novatos agradeceremos tener menos cosas de las que acordarnos.
  • Si somos expertos diseñadores podemos estar tranquilos porque a medida que vayamos avanzando iremos aumentando las posibilidades del diseño Web y desarrollaremos habilidades para enseñar todo nuestro potencial.

Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver CS3 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Si desea obtener un acceso sin restricciones a los contenidos del curso de Dreamweaver CS3 y disfrutar de todas las herramientas del aula virtual (Videos explicativos streaming, acceso a los foros, chat, ejercicios resueltos, la ayuda del tutor, audioconferencia, estudio de grabación, test y actividades de autoevaluación, etc...) puede inscribirse completamente gratis y comenzar a realizar de forma inmediata el curso.