Hasta ahora hemos ido generando diseño sin pararnos a pensar en la posterior conversion de las imagenes en codigo html y css que podamos visualizar finalmente desde nuestro navegador y hoy aprenderemos la opcion mas directa que nos ofrece photoshop para exportar nuestros diseños y comenzar ese trabajo aunque veremos como sera necesario una posterior edicion del codigo para obtener algo aceptable.
Revisaremos etiquetas y caracteristicas basicas del codigo html y css basico para trabajar con diversos elementos e incorporar el texto a los bloque que deseemos, guardar para web nos ofrecera la opcion de ajustar el tamaño y calidad de las imagenes para ajustarlar a nuestras necesidades posteriores y completara el conjunto de utilidades basicas para nuestra tarea.
Trabajaremos con la division y seleccion de sectores para segmentar nuestro diseño, ajustaremos los diferentes formatos y niveles de compresion para exportar con el mejor equilibrio, revisaremos segmentos basicos de codigo html y css para poder asignar el texto a los bloques que deseemos y seleccionaremos las caracteristicas de texto o imagen de cada elemento a traves de las opciones de los sectores para terminar con el diseño final en codigo editable.
Saludos.