Quiero ser diseñador web. Soy un principiante que aprendió HTML, CS y PHP, pero estoy confundido acerca de cómo se hacen los sitios grandes. ¿Cómo se codifican? ¿Qué herramientas se usan?

Hola,

Felicidades por poner tu pie en la puerta 🙂

Si te sientes cómodo con esto, entonces deberías poder crear un sitio web simple.

Los sitios web “grandes” generalmente dependen de algún tipo de CMS. No creo que encuentres un sitio web grande que esté codificado desde cero. Nadie hace eso. No tiene sentido diseñar un sistema completo por su cuenta cuando hay tantos sistemas robustos por ahí.

Para crear sitios web por su cuenta, además de codificar el conocimiento, necesita otros 2 conjuntos de habilidades:

1. Conocimiento de diseño

Hay una gran idea errónea sobre el diseño que cada principiante se enamora:

El diseño se trata de hacer las cosas bonitas. Tienes que ser un tipo creativo de persona para convertirte en diseñador.

¡No, no y, por el amor de Dios, no!

El diseño es el arte de resolver problemas.

Cuando crea sitios web, esto significa que, en el sentido más amplio, está resolviendo un problema comercial .

Existe un sitio web para alcanzar un objetivo comercial.

Los usuarios de un sitio web también vienen con su propio objetivo en mente: pueden querer comprar algo, comparar productos, leer sobre un tema, etc.

Es su trabajo como diseñador ayudar a la empresa asegurándose de que tantos usuarios como sea posible cumplan el objetivo comercial y ayudar a los usuarios a navegar por el sitio web para que cumplan su propio objetivo.

Por ejemplo, está diseñando una tienda de comercio electrónico: el objetivo comercial aquí sería vender los productos. Y el objetivo de los usuarios es encontrar exactamente lo que quieren comprar, lo más rápido posible y pagar, lo más rápido posible.

Una gran parte del proceso de diseño consiste en resolver el problema, construir un perfil del usuario, pensar cómo alcanzar el objetivo comercial, etc.

Todo esto significa que necesita un proceso para resolver los problemas y resolverlos con sus diseños. Un proceso que lo ayuda a tomar decisiones informadas .

Un proceso de diseño web en pocas palabras

  1. Define el proyecto. Sumérgete en el proyecto y conoce más sobre:
    1. Su propósito, resultados previstos para las partes interesadas
    2. Sus (futuros) usuarios
    3. La experiencia prevista para sus usuarios / visitantes
    4. La marca detrás del proyecto.
  2. Adquirir los recursos necesarios. Obtenga contenido (de muestra) (pida prestado de sitios similares o pregúntele al cliente)
  3. Dar forma al contenido
    1. Elija un tipo de letra para componer el contenido (elija uno que se ajuste al estado de ánimo y al mensaje del sitio)
    2. Elija el tamaño de fuente para la copia del cuerpo
    3. Genere una escala modular (una tabla de dimensiones armónicas proporcionales) a partir del tamaño de fuente de la copia del cuerpo (usando Type Scale – A Visual Calculator)
    4. Dibuje diferentes diseños según los requisitos del proyecto
    5. Cree el diseño (en HTML y CSS) con la ayuda de la escala modular: ancho de columna, altura de línea, tamaños de encabezado, márgenes inferiores, columnas (si es necesario)
    6. Aplicar color de acuerdo con la directriz de la marca.

Puede leer en detalle sobre cada uno de estos puntos aquí: ¿Se siente atrapado después de aprender HTML y CSS? Te mostramos cómo crear sitios web por tu cuenta

2. Habilidades de gestión de proyectos

Cuando comienzas un proyecto “grande” (más grande que lo que hiciste antes), inevitablemente te sentirás abrumado.

Aquí hay un proceso de 3 pasos que puede usar para reducir la sobrecarga y avanzar más rápido en grandes proyectos:

Paso 1: corta el proyecto en pequeñas tareas

Lo primero que debe hacer es cortar su proyecto en pequeñas tareas manejables. Las tareas tienen que ser tan pequeñas y claras que puedas hacer cada una de ellas en menos de una hora. En el momento en que lo hagas, te sentirás cómodo.

Sentirás que estás progresando cada vez que taches una tarea.

Paso 2: priorizar

Primero vienen las tareas importantes sin las cuales no puede tener ningún sitio web y luego, solo entonces, las tareas relacionadas con hacer que ese sitio web se vea aceptable y luego, mejor y mejor.

Su segundo paso es elegir solo las tareas más importantes como primer lote; su número será mucho menor que la suma total.

Completa las tareas más vitales primero.

Paso 3: regrese al paso 2 y elija otro lote de tareas

Sí, es totalmente un bucle.

Si ha elegido el primer lote correctamente, debería haber eliminado el núcleo del problema.

Tienes la v0.1 de tu proyecto. Date unas palmaditas en la espalda. 🙂

La solución puede ser incompleta, pero es una solución . Puede tomar algunas rondas más para lanzarlo, pero cada versión mejora.

Volver y mejorar el sitio web es otra iteración . Cada iteración produce otra versión de su sitio.

Itere rápidamente y progresará rápidamente.

Este consejo de gestión de proyectos fue tomado de aquí: Superando sus temores de proyectos web “grandes”

Espero haberte señalado en la dirección correcta.

Hola, también soy nuevo en diseño web y estoy usando una plantilla de software de diseño para crear un tema. Es una herramienta útil para diseñar y admite todas las características más recientes, ya que le permite crear un sitio web sin tener que escribir una codificación larga y compleja, admite múltiples CMS, compatible con todos los navegadores, ultra sensible, etc.

Comienza abriendo una cuenta gratuita en WordPress.com y tómala desde allí.

More Interesting

¿Por qué utilizo un índice z en CSS?

Estoy buscando un creador de sitios web gratuito en línea, que es perfecto para músicos. ¿Puede usted ayudar?

Soy diseñador web y a menudo diseño correos electrónicos. ¿Merece la pena construir mis correos electrónicos HTML con texto en vivo para que más personas puedan verlos en lugar de usar una sola imagen grande y tener más libertad de diseño?

Quiero hacer un buen sitio web para mi empresa recién abierta, ¿cuáles son algunas sugerencias?

Estoy interesado en el desarrollo web pero tengo habilidades de codificación promedio. ¿Cómo puedo mejorar yo mismo?

Voy a tomar el control de un sitio web (www.frags.org) en los próximos meses. Soy un ávido aficionado a la marina, pero no sé mucho sobre diseño web y CSS. ¿Podría alguien explicarme PHP, mySQL y señalarme en la dirección correcta? Cualquier sugerencia o sugerencia sería muy apreciada.

¿Cuál es la mejor manera de encontrar ideas para darle a un diseñador las diferentes variaciones de mi página de destino a la prueba A / B para que pueda obtener una página de destino ganadora?

Tengo 25 años con un título en informática y certificación CCNA. Me encanta el diseño web y las redes, pero ¿hay alguna manera de tener éxito en ambas áreas o es demasiado tarde?

He estado estudiando el desarrollo front-end. Aprendí mucho, incluyendo jQuery & React. ¿Cuál es el siguiente paso si quiero ser empleado?

Si compro un tema de licencia regular de Themeforest, ¿puedo usarlo para crear un sitio web donde los usuarios puedan comprar un servicio?

Soy un artista gráfico y quiero ser un desarrollador web completo dentro de 6 a 12 meses. ¿Cuál es la mejor manera de hacerlo?

Los encuentro casi en cada sitio web que visito. ¿Quién los hace y para qué sirven esos anuncios falsos?

Quiero crear mi propio sitio web dinámico y aplicación en cualquier idioma. ¿Cuáles son algunas sugerencias de software, codificación y PDF para esto?

Me gradué en BCA de simbiosis y estoy buscando hacer un curso de diploma en desarrollo web antes de continuar con mi maestría. ¿Qué sugerencias tiene que me ayudarían a encontrar un trabajo en desarrollo web rápidamente?

No entiendo el desarrollo web / móvil. ¿Diseñas, luego codificas lo que acabas de diseñar? ¿Como funciona?