¿Cuál es la diferencia (excluyendo lo obvio visual) entre construir un sitio web con solo HTML CSS o usar Photoshop?

Photoshop es una herramienta de edición / creación de imágenes. Aunque tiene algunas funciones de creación de páginas web integradas, es más adecuado para producir activos visuales que se utilizarán en sitios web que para crear los propios sitios web. Muchas personas usan Photoshop para hacer maquetas de diseño y diseño para sitios web, bocetos visuales realmente, para mostrar cómo se verá un sitio web cuando se complete. Estas páginas de maquetas se pueden dividir y exportar como un “sitio web”. Con Adobe Generator y Edge Reflow, incluso puede agregar funcionalidades de diseño de sitio receptivo a su sitio, pero fiel a sus raíces, el sitio será principalmente un conjunto de imágenes divididas unidas con HTML y CSS básicos, por lo que no utiliza el plena potencia y funcionalidad de un sitio creado únicamente con HTML y CSS. Aún así, no puede evitar el hecho de que la codificación real aún debe realizarse en HTML y CSS derivados de Photoshop para agregar cualquier funcionalidad real al sitio web que ha creado en Photoshop.

Si está construyendo un sitio puramente con codificación manual, ya debería tener una muy buena idea de lo que quiere y cómo quiere que se vea. Haciendo el trabajo preliminar de crear wireframes, maquetas de página, prototipos, estas son todas herramientas de toma de decisiones para ayudarlo a enfocarse en lo que desea en su sitio. Luego, cree el sitio en función de las características y los parámetros que haya establecido. Para eso, puede considerar usar Dreamweaver en su lugar. Es una herramienta de creación de sitios que le permite ver el diseño gráficamente, así como también le permite escribir el HTML y otros elementos tecnológicos asociados que puede incluir: Javascript, CSS, PHP, etc., verifique su marcado de errores , revise sus páginas en varios navegadores y plataformas, administre el sitio localmente y cárguelo en su servidor a través de FTP.

El uso de Photoshop funciona mejor si está tratando de hacer una maqueta para un cliente solo para darles una idea visual de cómo se verá el sitio sin comprometerse realmente con el código. Esto ahorra tiempo porque si codifica necesita hacer varias cosas, html, css más algunos gráficos de photoshop. No vale la pena el esfuerzo si el cliente ni siquiera ha firmado el diseño.

Sin embargo, una vez que llegamos al lugar donde realmente ha conceptualizado su diseño y ahora está construyendo el producto real, entonces no veo ninguna razón por la que desee construirlo en Photoshop solo para convertir esto en código.

Si eres competente, creo que solo ‘codificar’ (una palabra incorrecta por cierto) tu solución es mucho más eficiente.

Por supuesto, mi argumento no es válido si está creando un sitio web rico en gráficos, pero si está creando algo tan sencillo desde el punto de vista gráfico como Quora to the Guardian, no veo ningún papel para el photoshop allí.

Al final del día, las personas trabajan de manera diferente, así que haz lo que sea mejor para ti.

Nunca he encontrado un editor WYSIWYG que me haya gustado. Y nunca he visto el punto de usar el tiempo para aprender un editor WYSIWYG cuando podría dedicar ese tiempo a aprender las tecnologías reales que impulsan la web: HTML, CSS, JS, PHP (o cualquier lenguaje de script del lado del servidor) usted prefiere), SQL, etc.

Photoshop es ideal para compilar y crear gráficos web. Úselo para eso.

No puedes construir un sitio web con Photoshop y ciertamente no lo necesitas para diseñar uno. HMTL5 y CSS3 pueden hacer ambas cosas.

No hay nada mejor que la creación de prototipos en el navegador de su dispositivo de destino. Wireframing es siempre una aproximación; No es código.

La creación de prototipos siempre es superior a la estructura de alambre.

Realmente son dos cosas completamente diferentes. Solo con Photoshop, no puedes crear un sitio web. Sin embargo, con HTML y CSS sí.

Utilizo Photoshop para ayudarme con ideas complejas que tengo en la cabeza y que el lápiz y el papel no les hacen justicia. Nunca trato de “copiar” lo que tengo en mi photoshop en html y css.

La mayoría de los sitios que hago simplemente planifico la idea en papel y luego la traduzco a HTML CSS.