Como introducirse al diseño web – Parte I

Platicaba por messenger con una chica que me preguntaba que queria dejar de hacer impresos y que le interesa aprender algo de diseño web. Me pregunto ¿Que es lo que necesito saber para entrarle al mundo web? –Le respondi que hay que desarrolar varias habilidades graficas y otras tantas tecnicas para poder poner nuestro diseño de manera funcional en un servidor.

A grosso modo aqui pongo algunas cosas importantes:

  • Averiguar que es HTML, CSS, Flash, AJAX ( simplemente comprender a que se refiere eso )
  • Conseguirse un hosting para hacer tus pruebas y publicar tus diseños. (ya sea gratuito o de paga )
  • Aprender a usar el FTP con dreamweaver u otro programita
  • Navegar en busca de sitios agradables y funcionales (copiando aprendes a desarrollar tus propio estilo)
  • Entender la diferencia entre lo que el cliente ve y lo que el servidor ve
  • Desarrollar habilidad con Ilustrador/Photoshop para lograr cualquier efecto o diseño que te pidan
  • Ver en un sitio de plantillas ejemplos para ver la tendencia y como lograron resolver un problema grafico. ( Sitio con plantillas por categoria )
  • Organizar en papel con algun diagramita lo que quieres lograr con ese sitio web
  • Empezar de lo mas facil, irlo dominando y asi progresar a cosas mas complejas
  • Practica, practic, practica. La experiencia de prueba y error es fundamental.
  • Pedirle a alguien que ya sepa te de algunos tips para iniciarte.

Como introducirse al diseño web – Parte I

Lo primero seria conocer los terminos mas usados y si bien no es necesario que los domines al 100% para empezar debes de saber que son y para que se usan:

HTML : Es el lenguaje predominante para la construccion de paginas web. Es un sistema que mendiante “etiquetas” o tags puedes ir moldeando de manera sencilla el formato de la pagina web. Puedes poner links, textos, columnas, tablas, imagenes y vincularlo a otras paginas similares. Aqui hay un link (en ingles) de la w3c.org para aprender HTML.

CSS: Los CSS o Cascading Style Sheets por sus siglas en ingles son instrucciones que se adjuntan en el encabezado de un HTML y que se utilizan entre otras cosas para dar formato a columnas, textos, fotografia y posicionar elementos en una web como los DIV y similares. Suelen ser muy solicitados ya que si tienes un diseño base con solo modificar el CSS puedes ver un diseño diferente siendo la base HTML la misma, lo que cambia es el CSS. He aqui un lugar donde hay bastante para aprender, examenes y tutoriales. He aqui un sitio recopilatorio del famoso ZEN GARDEN en donde la base HTML es la misma y los diseñadores han cambiado el CSS de manera que un mismo sitio lo hacen ver de cientos de maneras disitintas. Esto, gracias a modificar el CSS.

Flash: Este programa creado por Adobe que se basa en vectores ha revolucionado internet en algunos aspectos y tambien ha generado detractores que dicen que solo sirve para hacer una web lenta y poco indexable por los buscadores. Creo que el flash es muy bueno y si lo sabes usar tienes muchos beneficios que con CSS y HTML nunca tendras, la cuestion es saberlo integrar. He aqui algunos sitios que utlilzan flash.

AJAX: acrónimo de Asynchronous JavaScript And XML (Javasript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas Yo no lo uso mucho o perohe visto que se pueden hacer cosas interesantes, lo que no me ha gustado es que el codigo crece considerablemente para luego hacer cosas que con la decima parte de tamaño podrias hacer en flash. En fin un programador experto en AJAX me daria de coscorrones pero pues son puntos de vista. He aqui algunos ejemplos de este tipo de codigo con ejemplos, en este caso de Mootools.

Fin de la Parte I

Pues lo que recomiendo es que le den un vistazo a los links y vean en donde hay tutoriales y estudienlos, estan sencillos y te enseñan el ABC de como hacer un link, un titulo, textos y fotos. Ya con esta base podras despues intentar hacer pruebas con CSS y utilizarlo para formatear tu contenido.

http://www.w3schools.com/HTML/

Acerca de Emmanuel Vargas @sdgestudio

Graphic Designer currently working with user interface for web applications using dojo toolkit, jQuery in a java environment. Photographer interested in portrait, experimental and photo-journalism for social events. www.sdgestudio.com you can find me in G+

  1. Pingback: Como introducirse al diseño web - Parte II « sdgestudio.wordpress.com

  2. It’s appropriate time to make some plans for the future and it’s time to
    be happy. I’ve read this post and if I could I wish to suggest you some interesting things or tips. Perhaps you can write next articles referring to this article. I wish to read even more things about it!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: