Cuando utilicé la herramienta de corte en cada parte y exporté como HTML, ¿genera un código HTML esquelético donde consiste en diseños de marcos? Me gustaría saber tanto para Photoshop CS4 como para GIMP.
Para darle una respuesta sincera, la respuesta es "HTML terrible". Como dijo Scott, Photoshop producirá un diseño basado en tablas. Lo mismo ocurre con GIMP.
Aquí hay una salida de muestra para GIMP:
<table cellpadding="0" border="0" cellspacing="0">
<tr>
<td><img alt="" src="slice_0_0.png"/></td>
<td><img alt="" src="slice_0_1.png"/></td>
</tr>
<tr>
<td><img alt="" src="slice_1_0.png"/></td>
<td><img alt="" src="slice_1_1.png"/></td>
</tr>
</table>
Esta es una forma de diseño web increíblemente obsoleta e incorrecta. Para obtener una explicación más detallada de por qué, consulte este artículo: Por qué las tablas para el diseño son estúpidas
El problema con el uso de tablas
- mezcla datos de presentación con su contenido.
- Esto hace que los tamaños de archivo de sus páginas sean innecesariamente grandes , ya que los usuarios deben descargar estos datos de presentación para cada página que visitan.
- El ancho de banda no es gratis.
- Esto hace que los rediseños de sitios y contenido existentes sean extremadamente laboriosos (y costosos ).
- También hace que sea extremadamente difícil (y costoso) mantener la consistencia visual en todo el sitio.
- Las páginas basadas en tablas también son mucho menos accesibles para usuarios con discapacidades y espectadores que usan teléfonos celulares y PDA para acceder a la Web.
Está bien usar Photoshop o GIMP para producir maquetas de diseño web, y está bien usar la herramienta de división para subdividir y exportar las imágenes necesarias para su sitio, ¡pero no está bien generar su HTML usando la herramienta de división!
div
usan el posicionamiento absoluto y solo hace que todo sea mucho más difícil. i.stack.imgur.com/8eRCg.pngAgregando a la respuesta de John:
La herramienta Sector (tanto en Photoshop como en Gimp) le permite definir áreas rectangulares para exportar como imágenes individuales, con algunas limitaciones: solo puede existir un conjunto de sectores por documento y los sectores no se pueden superponer .
El resultado final será una tabla llena de imágenes. Además de las razones mencionadas anteriormente, las tablas son la peor idea para los diseños receptivos, porque no se puede cambiar el orden de las TD
s (incluso los marcos son mejores para esto).
Los programas gráficos son buenos para probar estilos y preparar maquetas (junto con las herramientas de wireframing), pero una vez que necesites hacer la transición a HTML, lo mejor que puedes hacer es escribir tu propio código.
scott
scott