La mayoría de la gente siente que es más fácil hacer el diseño por separado y luego codificarlo.
Aunque puede hacerlo todo en un editor WYSIWYG como Dreamweaver, la vista previa del diseño no siempre coincidirá con lo que vería en un servidor web, por lo que aún querrá verlo en el navegador. También necesitaría crear activos como imágenes de pancartas en un programa de gráficos.
Solía diseñar y codificar al mismo tiempo, y funciona para algunas cosas, pero otras veces tomó más tiempo.
Dichos editores también facilitan el desorden de su código, por lo que si creó en modo de diseño, necesitaría hacer una gran cantidad de limpieza en la vista de código. (A menudo he visto cosas como esta en los archivos que los no codificadores han creado en Dreamweaver. Por supuesto, vi mucho peor salir de Front Page).
- ¿Qué es mejor estudiar para un curso de invierno a corto plazo, con la esperanza de una futura pasantía extranjera: sistemas integrados o diseño VLSI?
- ¿Podemos diseñar un vehículo que realmente reabsorba sus propias emisiones para hacer funcionar el mismo vehículo?
- ¿Cuál es la diferencia entre el diseño digital ASIC y el ingeniero de diseño físico?
- ¿Cómo diseñarías un arma arrojada tanto para distancias cortas como para lanzamientos de largo alcance?
- Cómo aprender diseño de envases de alimentos
Algunas palabras y otras palabras .
Limpiar esas tonterías es un dolor.
Prefiero
1) Cree wireframes para los distintos tipos de páginas, como la página de inicio, las páginas de inicio de sección y las páginas interiores (se puede hacer con lápiz y papel)
2) Dibuje un diseño basado en la estructura alámbrica (lápiz y papel cuadriculado, lápices de colores, marcadores mágicos, lo que quiera) o puede omitir este paso y pasar directamente al n. ° 3 si prefiere trabajar de esa manera.
3) Crear diseños en Photoshop tamaño (en píxeles) para que coincida con lo que quiero producir en la web. Por ejemplo, 1024 px de ancho para escritorio, 320 px para teléfonos pequeños, etc.)
4) Codifique las páginas y CSS en un editor HTML. (podría ser el modo de código de un editor WYSIWYG o cualquier editor de texto sin formato).
5) Cargue periódicamente en el servidor para ver cómo se ve en la vida real.
6) editar y repetir.
Si no tiene un presupuesto de software, puede probar Un editor de código moderno y de código abierto que entienda el diseño web. para el lado del código y el Programa de manipulación de imágenes GNU en lugar de Photoshop.
A la larga, si trabaja con otros diseñadores, querrá obtener Photoshop para poder compartir archivos. A menudo construyo sitios que otros han diseñado y generalmente me dan archivos de Photoshop en capas.
¡Buena suerte!