Cómo empezar a aprender el diseño web.

Answer 1

¿Debería centrarme más en aprender códigos como HTML y CSS o podré construir un sitio web directamente con WordPress?

Si está al tanto de la sintaxis básica y ha intentado escribir un código, le recomiendo que trate de abordar su primer proyecto web.

Pero espera, hay un giro!

No uses WordPress. Por varias razones:

1. Hacer un tema en WordPress (que supongo que intentarías hacer) también requerirá que te familiarices con php
2. Hacer un tema en WordPress requerirá que se familiarice con la API de WordPress
3. Lo más importante de todo : crear un tema en WordPress requerirá que aprendas los conceptos básicos del diseño, o de lo contrario … mirarás desesperadamente tus diseños y te preguntarás por qué no lucen profesionales .

Aprende a diseñar primero

Y ahí viene la pregunta:

¿Puedes realmente aprender a diseñar? ¿O estás condenado si “no tienes el talento”?

Sí, puedes y definitivamente deberías . Si quieres ser un diseñador web.

El diseño no tiene nada que ver con el talento. Y no es arte.

Un diseño hermoso y estéticamente agradable tiene mucho que ver con las matemáticas y la psicología. Lo que significa que hay reglas que puedes aprender. ¡Hurra! Eso significa que está a nuestro alcance, ¿verdad?

¿Cómo haces (hermoso) sitios web por tu cuenta?

Ahora esa es una pregunta que vale la pena un libro, pero aquí hay algunos consejos:

1. Lee sobre los principios básicos del diseño . Este manual de 7 pasos en diseño web te ayudará a comenzar. Además, esta serie de artículos.
2. Observe los diseños de otras personas. ¿Qué de los principios básicos usaron y cómo? Pero no se limite a observar, tenga en cuenta sus observaciones.
3. Diseñar con el objetivo de negocio en mente . Existe un diseño web para ayudar a una empresa a alcanzar su objetivo y para ayudar al usuario a lograr su propio objetivo. Cuando los 2 objetivos convergen, todos están felices. Entonces, esa meta debe ser tu punto de partida, siempre. Debe basar cada decisión de diseño que tome en este objetivo: opciones de fuente, opciones de color, diseño, etc.
4. Asegúrate de que haya armonía en todo tu diseño. En general, esto significa armonía entre el mensaje que desea enviar, los colores, las fuentes, el estado de ánimo del sitio web y la marca. Comience a integrar la armonía en sus diseños utilizando una escala modular para guiar sus decisiones de tamaño. Esta miniserie explica más sobre la armonía y el uso de una escala modular.
5. Lea esta increíble introducción a la tipografía: Tipografía práctica de Butterick o, al menos, esta introducción: http://practicaltypography.com/t…

Tu primer proyecto de diseño web.

Ahora, cuando haya terminado de leer sobre todas estas cosas y sepa HTML y CSS, podrá completar su primer proyecto de diseño web muy simple.

Intenta diseñar una sola página con solo texto, en blanco y negro.

¿Por qué sólo el texto? Porque el texto es, con mucho, el medio más utilizado para transmitir un mensaje en la web. Por lo tanto, es fundamental para usted, como diseñador web, poder hacer que el texto se vea bien y sea un placer leerlo.

¿Por qué el blanco y negro? Porque elegir colores es otra bestia. Tomar pequeños pasos lo hará sentirse feliz con el progreso que está logrando y lo ayudará a aprender más rápido.

Aplique los principios básicos de diseño que aprendió + use las observaciones de los diseños de otras personas + piense en el objetivo de esa página + ajuste el tamaño del texto usando una escala modular.

Te sentirás nuevamente atascado en este punto, porque no importa cuánto aprendiste, no tienes un proceso . Entonces, aquí, intente seguir este proceso de diseño web y utilice su conocimiento en cada paso: http://www.rumendimitrov.com/201…

Espero que esto te ayude a comenzar!

Answer 2

Realmente depende de tu ambición y de cuán profundamente quieras sumergirte en el campo, ¡todos los caminos llevan a Roma! Veamos algunos pasos juntos para que pueda acercarse más a su objetivo de convertirse en un mejor diseñador web.

1. Para tener una idea de qué es el diseño web, para inspirarse y encontrar una comunidad útil , no dude en consultar algunos de estos recursos:

hoverstate.es
http://dribbble.com  
http://behance.net
siteInspire – Inspiración Diseño Web
http://pinterest.com
http://skillshare.com – Esta es una comunidad increíble para aprender y vale mucho más que la tarifa de suscripción mensual de 9 €
Encuentra a tu gente – Meetup
Aprende a codificar – y por supuesto codeacademy

Podríamos seguir y seguir aquí, pero entiendes la idea. Es de gran ayuda encontrar amigos en tu área que tengan un conjunto de habilidades más amplio que tú. De esa manera, puede sobornarlos para que compartan sus mejores prácticas con usted para invitarlos a tomar un café. Preguntas como los idiomas y las aplicaciones que utilizan para crear sitios web se pueden responder mucho mejor de esta manera.

2. ¡Decide sobre un proyecto a pequeña escala y hazte responsable por su éxito!

¿Te mueres por conseguir tu propio sitio web? ¿O podría el negocio de su papá usar un nuevo cambio de imagen en términos de su presencia digital? Genial, no hay más excusas y empieza! De esa manera, su círculo social conoce su ambición y usted querrá asegurarse de cumplir sus expectativas en términos del pequeño proyecto con el que se compromete. Ahora, desde mi punto de vista en términos de velocidad de aprendizaje y conveniencia (y esa es también la forma en que diseñamos nuestros primeros sitios web), es recomendable utilizar un sistema de administración de contenido como WordPress. Tendrás innumerables plantillas visualmente atractivas con las que puedes jugar y WP ya gestiona alrededor de una cuarta parte de todos los sitios web.

Es genial que conozca un poco de Java Core, pero siempre que su ambición de crear una aplicación web completa no sea una prioridad, debería considerar comenzar con HTML5 y CSS3 como elementos básicos. Esto le permitirá, por ejemplo, modificar su código de WordPress a su gusto. Dependiendo de lo mucho que desee verse a sí mismo como diseñador o como programador, también puede valer la pena pensar en aprender Adobe Photoshop o InDesign, ya que es una práctica común crear maquetas de sitios web con Adobe Suite.

Espero que pueda ser de ayuda! 🙂

Answer 3

“Cuando empecé a aprender HTML y CSS, todavía no se habían creado muchos de los cursos en línea, guías de capacitación y tutoriales que existen hoy en día. Me enseñé a mí mismo de la manera más difícil. Acabo de comenzar a experimentar con HTML y CSS. tomaría las páginas web existentes y deconstruiría el código fuente, tratando de descubrir que todo encajaba. Cuando me encontré con un problema, haría una búsqueda rápida en Google. En estos días, existe una gran cantidad de conocimientos para cualquier persona que quiera poner El tiempo para aprender “.

Podemos obtener información sobre el diseño web a través de diseño web diferentes formas en que algunas de ellas se analizan a continuación:

Tutoriales y Guías

Hay miles de guías y libros electrónicos gratuitos en la red que son excelentes para aquellos que les gusta leer. Hemos escogido a mano lo mejor.

Cursos online

Los cursos representan un cambio de paradigma de guías y tutoriales. Los planes de estudio estructurados y el uso del video lo mantendrán más comprometido y lo ayudarán a absorber más material de aprendizaje. Los mejores cursos a menudo tienen interfaces de usuario hábiles, videos de alta calidad, foros comunitarios y ejercicios de codificación.

Instrucción en vivo

La mejor manera de aprender nuevo material es mediante la interacción en vivo y el entrenamiento personal, que puede ayudarlo a superar las barreras mentales más rápido. Esta experiencia es similar a la que podrías obtener en un campo de entrenamiento, pero cuesta una fracción del precio y al mismo tiempo proporciona un gran impulso a la carrera.

Contenido de referencia

Nuestra sección de referencia incluye repositorios de información gratuitos y de búsqueda, donde puede obtener exactamente lo que necesita, exactamente cuando lo necesita.

Answer 4

Tener un objetivo específico en mente. Comience con un caso de uso simple, por ejemplo, cree una página para que una revista local muestre las noticias locales.

Haga una lista de cómo desea mostrar información al usuario, dibuje el diseño en papel. Una vez que esté satisfecho, ahora sabe cómo debe verse su sitio.

Siguiente enfoque sobre cómo materializar esto en el navegador. Ahora tiene un objetivo específico en mente, y es más fácil aprender cómo lograrlo que simplemente disparar en la oscuridad. Es bueno conocer las mejores prácticas de HTML, CSS y JS junto con conocimientos básicos sobre cómo escribir lo mismo, ya que le permitirá hacer el trabajo más rápido.

Answer 5

Bueno, hay dos formas de atacar el diseño web. 🙂

La forma de codificación y la forma no de codificación.

1. Podría comenzar por aprender los lenguajes de scripting HTML / CSS / JS / Frontend. Y lea sobre alojamiento web, diseño de contenido, scripts de backend, bla bla bla y de la A a la Z. Así que esto depende de su calibre, su objetivo y propósito a largo plazo. Para ser honesto, parece intimidante, pero no vale la pena. Internet debe poder enseñarte cada uno de estos en detalle en poco tiempo. Intente http://bento.io para un comienzo en la codificación.
2. O podrías empezar de a poco y escalar a medida que avanzas. Ruta recomendada personalmente si no pretende ser un desarrollador de pila completa en un futuro próximo. Este es bastante simple, ve a Free Website Builder | Crear un sitio web gratuito | WIX.com o Weebly es la forma más sencilla de crear un sitio web, una tienda o un blog, y hay cientos de otros, que pueden ayudarlo a diseñar y desplegar un sitio web en poco tiempo. Si necesitas más ideas, aquí hay un artículo que escribí sobre el tema:

https://www.linkedin.com/pulse/h …

Answer 6

¡Hola!

Es bueno saber que está empezando a dar los pasos de su bebé para aprender diseño web.
Para responder a su pregunta, personalmente prefiero aplicar lo que he aprendido y comenzar a realizar algunos trabajos relacionados con el marco que ha aprendido. Además, puede tomar algunos proyectos básicos (wordpres) que involucran lenguajes / marcos que conoce bien antes de saltar al otro.
De esa manera, aprenderás a medida que avanzas por el camino. Es bueno ser más hábil en un 1er.
Pero si está familiarizado con el aprendizaje de nuevos idiomas, CSS puede ser un buen comienzo ya que tiene un poco de conocimiento de Java.
Para informarle qué debe estudiar, estos son los enlaces que puede leer para ayudarlo a tomar una buena decisión:

Aprenda diseño web desde cero: el último recurso para cada diseñador próximo
¿Por qué aprender Javascript y CSS no te harán el mejor diseñador web?

Espero que ayude.

Answer 7

Dependerá de su objetivo. Si desea elegir el diseño web como su carrera, es mejor que lo aprenda desde cero. Únase a un buen instituto que le ayudará a aprender herramientas / software como Photoshop & Dreamweaver, HTML y CSS.

Si solo quieres crear un sitio web simple para ti, utiliza Google, busca contenido relativo (en tu caso, wordpress) y comienza a aprender y practicar. La web es un océano, así que concéntrese y obtendrá recursos gratuitos de Internet para usar en su sitio web. Esto debería servir para su propósito inicial de tener un sitio web básico.

Answer 8

La pregunta del encabezado está en contradicción con la siguiente descripción.

Bueno, cuando aprendes Core java y poco JS, eres un programador. Puede desarrollar una aplicación basada en la web que no sea la misma que la del sitio web.

Cuando aprende HTML y CSS, está aprendiendo el desarrollo de Front-end de una aplicación o sitio web basado en web.

Cuando aprende WordPress, no está haciendo nada más que usar una herramienta que está preempaquetada con herramientas de diseño web y desarrollo web (no es necesario escribir código HTML personalizado, CSS, bootstrap, etc.) y (Próximamente con fuentes, paleta de colores, ubicación de contenido en su sitio web está pre-diseñado)

El desarrollo de WordPress es una bola de juego completamente diferente.

Diseño web: necesita saber cómo trabajar en Adobe Illustrator, Photoshop, Fireworks, Corel Draw, etc.

Entonces … espero que esta respuesta no sea demasiado larga pero lo suficientemente detallada

Answer 9

El diseño web implica una gran cantidad de tecnologías. Primero enumero las tecnologías involucradas, luego elaboraré las formas en que puede aprenderlas.

• HTML [Muy fácil de aprender, su versión más reciente es HTML 5]
• CSS [Se trata de diseñar los contenidos en una página web, CSS3 es el más nuevo]
• JavaScript
• jQuery [Puedes saltarte el extenso JavaScript e iniciar jQuery]
• PHP [Utilizado principalmente para el back-end, estar familiarizado con PHP te ayudará mucho]
• AJAX
• Photoshop [La herramienta más importante para hacer tus diseños]

Si realmente desea aprender diseño web y desea convertirse en un diseñador de sitios web profesional, personalmente, me gustaría recomendarle que se una a un curso de diseño web y tome clases de capacitación en diseño web de un instituto en el que pueda aprender las habilidades de diseño de sitios web en Orientación de expertos en diseño de páginas web para tutores. También me gustaría sugerirle uno de los nombres de instituto en la Academia de Capacitación y Desarrollo de Delhi .

Answer 10

Cuando se trata de TI, el diseño web es el más correcto y la mejor plataforma para elegir. La mejor parte del diseño web es que incluso si no tiene un conocimiento profundo del tema, sería más fácil dominar los conceptos. La demanda de diseño web está aumentando exponencialmente incluso cuando se trata del mercado internacional. Este aumento global de la necesidad de los diseñadores web ha planteado una gran demanda del curso.

Learning Slot proporciona capacitación en línea sobre diseño y desarrollo web. Tienen instructores de clase mundial que le brindarán una capacitación perfecta. Learning Slot tiene profesionales que dominan PHP y han desarrollado innumerables páginas web. La experiencia también se comparte con los alumnos. Los capacitadores también comparten los errores que un aprendiz puede incurrir durante el curso. Esto asegurará que no repita los errores en los que hubiera incurrido al tratar con la capacitación en línea. Se ejecutan lotes de días de semana y de fin de semana para la facilidad de los candidatos. Para obtener más información, visite este enlace. Curso de desarrollo de PHP Capacitación en línea con certificación Aquí puede registrarse de forma gratuita para aprender sobre diseño web. ¡¡Buena suerte!!

Answer 11

Het Idea de un instituto de cursos de diseño web. Guiarán la animación de la arena como la que se encuentra en Chennai, India.

Con el programa de capacitación de diseño y desarrollo web Arena Animation, aprende las habilidades técnicas de arte gráfico, diseño web, diseño digital e interactivo, lenguajes de programación web, estándares web y su facilidad de uso.

Curso de Diseño Web en Chennai

Answer 12

Objetivo: Desarrollo Web
Paso 1: html5, css3
Requerimientos

• Vlc media player / chrome
• Bloc de notas ++
• Xampp
• Plan de Internet para navegar en http://www.thenewboston.org
• Auricular / auricular

Tiempo requerido
7 a 15 dias

Paso 2 trabajando con script Java
Mismo sitio el mismo día requerimiento 10-15 días
Paso 3 php
Mismo sitio, mismo requisito junto con la ayuda de lynda.com tutorial de php mysql
Tiempo requerido 15-30 días.
Proyecto propio
Tiempo máximo de 10 días,
Ya casi está listo para comenzar, descanse, no hay límite de aprendizaje y conocimiento, encuentre un problema, planifique una solución, pregunte en Google / stackoverflow y continúe.

Answer 13

Para el diseño web tienes que ser lo suficientemente fuerte en HTML y CSS . Primero intentas aprender HTML y luego saltas a CSS. Con su lectura siempre trate de implementar su estudio de forma práctica. Los códigos HTML y CSS no necesitan ningún tipo de servidor para ejecutarse. Puede ejecutar sus códigos directamente a través de cualquier navegador web. Cuando era un principiante, prefiero los tutoriales en línea de W3Schools en línea y también sugerí este sitio a muchos novatos aquí. Todo lo mejor. 🙂

Answer 14

puede comenzar desde los conceptos básicos de html y css, lo que hace que la carne y los huesos de un sitio web sea fácil de aprender y puede trabajar a un lado y experimentar a medida que aprende los conceptos básicos.
Prefiero que obtenga Gimp, es similar a Photoshop y es gratuito, y se puede aprender a usar fácilmente. Es un software de manipulación de imágenes, que se utiliza para crear diseños y maquetas de sitios web simples.

Puede encontrar libros electrónicos gratuitos para aprender a codificar (información): eBooks de TI: un destino único para todos los programadores.

También puede obtener información sobre las tecnologías frontales para aprender: VishnuDileesh: Desarrollo web

Una vez que obtenga los conceptos básicos del diseño del sitio web, al aprender html y css, puede aprender sobre diseño web sensible y también sobre marcos como bootstrap y foundation.

Puede aprender html y css libremente y más rápido desde: https://www.codecademy.com/

Siempre estoy abierto a más ayuda y me encanta hacer nuevos amigos:
Agrégame amigo en: Vishnu Dileesh | Facebook
Sígueme en Twitter: Vishnu Dileesh

Answer 15

Aquí tienes, tienes tutoriales completos del programa del lado del cliente y del servidor aquí. Tutorial HTML … Disfruta el aprendizaje, te ayuda paso a paso y te guía para desarrollar tus habilidades en la web en poco tiempo.

¡Buena suerte!

Answer 16

Gracias por A2A.
HTML y CSS es imprescindible para el desarrollo web.
Mientras aprendes JS, también deberías aprender sobre su biblioteca, como Jquery.
Una base de datos es muy necesaria como mysql, hadoop.
También necesitará un lenguaje del lado del servidor como jsp, php.
Una sugerencia si sabes java por qué te estás moviendo a wordpress, puedes usar algún framework existente de java, ya que deberías tener un poco de comprensión de php antes de pasar a wordpress.

Answer 17

¿Has decidido aprender diseño web?
¡Felicidades! El diseño web puede ser una de las habilidades más útiles para adquirir en su carrera profesional. Sus primeros 30 días de aprendizaje son cruciales porque muchas personas simplemente se dan por vencidas después de una semana o dos. En este artículo, veremos algunos consejos y trucos útiles para ayudarlo a comenzar con el diseño web y mantenerse al día.

Fuente completa: http://www.1stwebdesigner.com/le …
Gerente: http://www.matemediadesigns.com

Answer 18

Hay muchos recursos en línea excelentes para aprender a desarrollar / diseñar en WordPress. Sin embargo, en 1WD.tv – Freelance Web Designer Training, ¡le facilitamos el éxito financiero con WordPress! Enseñamos a nuestros estudiantes a dar pequeños pasos para aprender a diseñar y codificar sitios con WordPress. Le enseñaremos CSS PHP HTML y Javascript junto con WordPress, pero la diferencia clave es que le ayudamos a GANAR mientras APRENDE.

Si estás interesado en aprender cómo llevar tus habilidades al siguiente nivel, deberías revisar nuestro Sistema completo de entrenamiento de WordPress y ver si es adecuado para ti.

Answer 19

Muchas personas usan photoshop para el diseño web y lo usan como protype para desarrollar un sitio web.
O puede usar WordPress directamente para diseñar y desarrollar su sitio.
Hay muchos videos en YouTube para referir.

Answer 20

Básicamente, hay tres formas de aprender a diseñar en la Web: asistir a Bootcamp, que es costoso, aprender de leer libros no recomendados para principiantes y de cursos de aprendizaje en línea.

Hay tantos buenos sitios web de e-learning de los que puedes aprender. La escuela de códigos me gusta más porque sus cursos de video son muy fáciles de seguir y, después de cada clase, tienen una sección de pruebas y exámenes. También ofrecen descuento el primer mes. Así que deberías intentar eso.
Inscribirse en el código de la escuela por 9 dólares