3 partes:ComienzaAprendeAplica tus conocimientos

El diseño web es una muy buena habilidad para tener, especialmente en un mundo actual centrado en Internet. Si eres realmente bueno, puedes ganar dinero a través de clientes, crear sitios web de membresías e ir tras otros proyectos que te permitirán ganar dinero. Si quieres saber cómo aprender diseño web, ¡has llegado al lugar indicado!

Anuncio

Parte 1 de 3: Comienza

  1. Imagen titulada Learn About Web Design Step 1
    1
    Ten en cuenta los aspectos que distinguen al diseño web. El diseño web no es igual al diseño de libros, no es diseño de pósteres, no es ilustración y los logros más importantes de esas otras disciplinas no son las mismas a las que apunta el diseño web. A pesar de que algunos sitios web pueden ser sistemas de entrega de juegos y videos, y a pesar de que esos sistemas de entrega pueden ser encantadores a la vista, tales sitios son ejemplares de diseño de juegos y de narraciones historias a través de video, pero no son ejemplares del diseño web.
    Anuncio
  2. Imagen titulada Learn About Web Design Step 2
    2
    Comprende qué es lo que abarca el diseño web. El diseño web es la creación de entornos digitales que:
    • Facilitan y alientan la actividad humana.
    • Reflejan o se adaptan a las voces y a los contenidos individuales.
    • Cambian con gracia a lo largo del tiempo pero siempre manteniendo su identidad.
  3. Imagen titulada Learn Web Design for Free Step 1
    3
    Determina qué recursos quieres usar. Los principales recursos son sitios web, videos y libros. Algunos sitios web populares son Codecademy y W3Schools. Sin embargo existen muchos más, así que ¡no dudes en probarlos!
    • Si has elegido un sitio web, abre una cuenta (regístrate). De esta forma podrás guardar tu progreso.
    • Si has elegido algunos videos, guarda entre tus marcadores todos aquellos que vayas a necesitar.
    • Ve a una biblioteca o librería local si has optado por la ruta de los libros. Si quieres algo más barato (o incluso gratuito), descarga eBooks o archivos PDF.
    • Si estás dispuesto a pagar, podrías contratar lecciones individualizadas dictadas por un diseñador web profesional.
  4. Imagen titulada Learn Web Design for Free Step 2
    4
    Determina cuánto tiempo vas a necesitar. Deberás determinar cómo ajustar esta nueva actividad a tus horarios si eres una persona muy ocupada.
  5. Imagen titulada Learn Web Design for Free Step 3
    5
    Descarga un programa de diseño web si aún no lo has hecho. A pesar de que podrías usar el Bloc de notas, sería una buena idea tener un programa como Adobe Dreamweaver, Microsoft Expression Web o KompoZer. Existen muchos, pero muchos otros programas, así que busca y descarga el que más te guste.
    Anuncio

Parte 2 de 3: Aprende

  1. Imagen titulada Learn Web Design for Free Step 4
    1
    Comienza con HTML. HTML es un requerimiento ineludible para cualquier diseñador web. Domina los conceptos de etiquetas, clases, IDs, entradas, etc.
    • La versión más reciente de HTML es HTML5. HTML5 incorpora algunas nuevas tecnologías, así que probablemente sea la mejor versión para aprender.
    • XHTML también es una opción, pero es un poco más estricto en cuanto a sus reglas.
  2. Imagen titulada Learn Web Design for Free Step 5
    2
    Aprende CSS. CSS significa "Hojas de estilo en cascada". Sin CSS, no existirían los hermosos diseños que seguramente has visto en algunos sitios web. HTML es únicamente el esqueleto, pero CSS es lo que hace que el sitio web sea colorido y vistoso.
    • CSS es un poco más estricto en sus reglas. Por ejemplo, si olvidas poner un punto y coma al final de cada línea, podría traerte varios dolores de cabeza intentado descubrir qué es lo que ha salido mal.
  3. Imagen titulada Learn Web Design for Free Step 6
    3
    Aprende JavaScript y jQuery. Esto es opcional para aquellos que planeen crear sitios web sencillos, pero esencial si quieres sitios web interactivos.
    • Si vas a usar jQuery, en realidad solo necesitas conocimiento básico de JavaScript porque jQuery hace las cosas mucho más simples.
    • Con jQuery puedes insertar widgets como un acordeón, un calendario, etc. También existen diferentes estilos, así que puedes elegir el que tú quieras para tu sitio web.
  4. Imagen titulada Learn Web Design for Free Step 7
    4
    Sigue adelante con lenguajes más avanzados. Tienes PHP, MySQL, Perl, Ruby y muchas otras. Una vez más, esto es opcional para creadores de sitios web más simples, pero muy útil para hacer sitios web más complejos e interactivos.
    • Algunos de estos lenguajes, como PHP, requieren de un servidor de prueba así que asegúrate de conseguir una cuenta con una compañía de alojamiento web o de instalar un software de servidor en tu computadora.
    Anuncio

Parte 3 de 3: Aplica tus conocimientos

  1. Imagen titulada Learn Web Design for Free Step 8
    1
    Crea proyectos de sitios web. Solo experimenta y crea sitios web desde cero. Esto te ayudará a poner en funcionamiento tus conocimientos para no permitir que se oxiden en tu cerebro.
  2. Imagen titulada Learn Web Design for Free Step 9
    2
    Pregúntales a tus amigos o familiares si quieren un sitio web. ¡Podrías hacerlo gratis para ganar algo de experiencia!
  3. Imagen titulada Learn Web Design for Free Step 10
    3
    Comienza a crear tu propio sitio web. Puede ser de lo que tú quieras y te dará una oportunidad para mostrarle tu trabajo al público en general.
  4. Imagen titulada Learn Web Design for Free Step 11
    4
    Trabaja como diseñador web en forma independiente si quieres. Cobra tarifas razonables y publica un portafolio en tu sitio. Tu negocio eventualmente podría crecer y convertirse en una compañía "con todas las letras".
    Anuncio

Consejos

  • Los archivos PDF son un poco más versátiles que los eBooks (libros electrónicos). Cualquier computadora puede leer un PDF, mientras que los eBooks por lo general están dirigidos hacia algún tipo de dispositivo, como un Kindle, iPad, etc.
  • ¡Tómate tu tiempo! Si intentas tragar todo el conocimiento en seis horas, lo olvidarás muy rápidamente.
  • No creas que tienes que pagar por un buen editor HTML. Existen muchos gratuitos que son tan buenos como los que cuestan cientos de dólares.
  • Cuando termines un proyecto, recolecta parte del código y transfórmalo en una librería. Esto evitará que tengas que escribir siempre lo mismo en cada proyecto. *Si resulta ser muy extenso, ¡incluso podrías considerar la posibilidad de venderlo!
  • Si tienes un amigo o familiar que sepa hacer diseño web, pídele que te dé algunas lecciones. Seguramente (con algo de suerte) lo hará gratis.
Anuncio

Advertencias

  • En los lenguajes de programación, existe algo llamado bucle infinito. Los programadores le tienen pavor a los bucles infinitos, ¡así que ten cuidado de que no te vaya a pasar a ti!
  • Cuando te suscribas a un sitio web, investiga un poco primero. Claro que si se trata de un sitio web muy popular, no debes tener mucho de qué preocuparte, pero los sitios menos conocidos podrían ser estafas para robarles dinero a sus usuarios.
  • ¡Ten cuidado cuando vayas a descargar programas! Cualquier cosa podría ser un virus.
  • ¡No trabajes o estudies hasta sentirte completamente agotado! Te olvidarás de las cosas cuando te sientas cansado y no aprenderás nada.

Cosas que necesitarás

  • Computadora
  • Programa de diseño web
  • Tutoriales de sitios web, libros o videos


Acerca del artículo

Categorías: Creación de sitios web y blogs