La primera parte consiste en utilizar Photoshop para crear una plantilla de imagen JPGE.
El resumen de los principales módulos de la plantilla bebé es el siguiente: A. Imagen grande del producto B. Descripción del producto C. Asuntos del comprador D. Método de entrega E. Clasificación de la tienda F. Conexión de la tienda
El segundo segmento
Para acelerar la visualización de la plantilla al abrir la página web, la plantilla debe cortarse en pedazos y cargarse en el álbum respectivamente. De esta manera, cuando se abre la página web, cada segmento de la plantilla se muestra al mismo tiempo. El tiempo que lleva abrir la página se reduce considerablemente y los compradores no se impacientarán. A continuación se explica cómo dividir la plantilla:
Primero, aunque Photoshop también tiene una herramienta de corte, a menudo requiere un corte muy preciso de la imagen, sin grietas. Si usa ImageReady para cortar, no tendrá tantos problemas. Cuando la imagen de la plantilla esté abierta, cambie ImageReady para el procesamiento de corte;
En segundo lugar, el corte es particular. Cualquier lugar donde se deba colocar el texto de la imagen debe cortarse en una sola pieza por separado. Aquí, elija dividirlo horizontalmente. en 10 rebanadas;
En tercer lugar, haga clic en la herramienta de corte, mueva el mouse hacia el punto amarillo en la imagen y el mouse adoptará la forma de una flecha, tire de la línea de corte para ajustarla a la posición apropiada
Cuarta división Después de eso, regrese a Photoshop, seleccione la herramienta de corte en la barra de herramientas izquierda y verá la partición. El siguiente paso es almacenar los cortes;
Quinto, opere. y luego guárdelo; tenga cuidado al elegir el formato JPG
Sexto, luego guárdelo para generar una carpeta para almacenar los cortes y una plantilla de página web html.
Las imágenes siguientes son cortes que deben transferirse al espacio de la imagen. Esto es muy importante y se utilizará más adelante.
La tercera parte, use Dreamweaver para convertir la plantilla en código
Primero, abra Dreamweaver y abra la plantilla
En segundo lugar, ingrese a la página de operación de diseño
En tercer lugar, aquí hay enlaces para compras en tiendas y evaluaciones de crédito
Cuarto, haga clic en la imagen del segmento debajo de la pantalla del bebé, porque la imagen detallada del bebé debe insertarse aquí, y debe convertirse en una tabla, de modo que no importa cuán grande sea la imagen insertada, la tabla se extenderá como un lienzo.
En quinto lugar, ingrese el ancho de la tabla. Nota: ignore las instrucciones de "Seleccione la barra de menú..." en la imagen a continuación, porque la tabla ya se ha insertado en la imagen de arriba.
No. Sexto, ingrese la altura y complete el fondo de la tabla
Una vez completado, el efecto se muestra a continuación. Siga también los pasos cuarto a sexto anteriores para convertir los sectores que deben modificarse. a la tabla
Siga este paso para En otros lugares donde sea necesario agregar imágenes o texto, las porciones deben convertirse en tablas
Séptimo, vaya a la página de códigos y copie el código en el editor de código descrito en Taobao
Copie todo el código si lo copia en la descripción del bebé y luego cambie la dirección del enlace local dentro a la dirección en el espacio de la imagen donde acaba de cargar el. corte, esto es muy importante si no lo cambia, no tendrá éxito y no tendrá ningún efecto.
Ingrese todas las direcciones de enlace válidas y podrá insertar imágenes y texto en el lugar donde esté. acabas de cambiar el formulario. Haz clic en la vista previa para ver una hermosa plantilla de descripción de bebé. ¡Date prisa y pruébalo!