Como cliente de IMVU, la mayoría de las páginas de catálogo son una gran decepción. Sabes, como desarrollador, que se ha dedicado a la creación de un gran producto, pero cuando un comprador potencial hace clic en esa pequeña imagen de vista previa del catálogo para aterrizar en una página blanca simple con, tal vez, una imagen más grande es en serio decepcionante.
Date una oportunidad real de vender más productos IMVU. Diseñe una plantilla de página de catálogo que se pueda utilizar para todos sus productos y muestre su trabajo.
Todas las páginas de catálogo IMVU aceptan HTML, por lo que realmente no tiene excusa para aburrir a clientes potenciales. En cambio, deberían recibir el tratamiento completo y permitir que estén comprando a un profesional, y al presentarse como uno, está mucho más cerca de ser realmente uno. Promesa, lo sé.
Preparando las cosas
Para mostrar su producto en gloria HTML, deberá tener un lugar que pueda alojar tus gráficos. Los hosts de imagen gratuito son una excelente opción para la mayoría de las personas. Algunos hosts de imagen requieren que configure una cuenta gratuita, mientras que otros simplemente le ofrecen una URL para usar.
Tómese el tiempo para encontrar un host de imagen que cree que es confiable. Algunos incluyen FreeImagehosting, Picent Pic, Image Bam, Photo Bucket y Image Chicken. Ni siquiera comenzaré a dar opiniones sobre cuál es “el mejor” porque todos tienen sus propias preferencias.
Si tiene su propio sitio web, puede alojar sus imágenes en su servidor. Solo asegúrese de crear una carpeta que sea específicamente para las “cosas” de IMVU para mantener las cosas limpias. A medida que se vuelve más popular, es probable que desee seguir esta ruta para que los compradores potenciales no estén atrapados con el error “excesivo” para sus imágenes.
ingredientes < /P>
Si desea seguir este tutorial exactamente para que termine con precisamente la misma página de catálogo en las Vistas previas, querrá descargar estos ingredientes:
Imagen de fondo | Fuente HTML (¡solo para referencia!)
La mayoría de las personas querrán seguir el tutorial utilizando sus propios gráficos, para terminar con algo más único. Todo lo que es necesario es que tome nota de píxeles cuando se les da. Aparte de eso, siéntase libre de mezclar los gráficos tanto como desee para que su página final sea todo usted.
Dancing de la mesa
Creando un La gran página del catálogo de IMVU requiere más Dreamweaver que cualquier otra cosa. ¿Por qué? Simple: desea que el enfoque gráfico esté en el producto que está vendiendo; El diseño de la página del catálogo debe mejorar el producto, no distraer al cliente de su trabajo. Más allá de eso, debe esforzarse por mantener la cantidad de gráficos bajos para que su página de catálogo se cargue rápidamente. Admitamos que no hay nada más frustrante que hacer clic en un producto solo para tener que esperar 5 minutos para ver cómo se ve.
1. Abra DreamWeaver y cree un nuevo documento HTML (archivo, nuevo, HTML ).
2. Hagamos que las cosas funcionen configurando nuestras propiedades básicas de la página. Haga clic en “Modificar” en la barra de herramientas y elija “Propiedades de la página en el menú desplegable. El primer conjunto de opciones que modificaremos son las opciones de” apariencia “. Comenzando desde la parte superior del diálogo, primero elija su texto. El más común. (y la más recomendada) La opción aquí es la opción “Verdana, Arial, Helvetica, Sans-Serif”. A continuación, configure el tamaño de su texto. Para este diseño, vamos a usar un tamaño de texto de 12 píxeles. Nuestros fondos van Para estar oscuro, así que estableceremos nuestro color de texto en blanco (#ffffff) y nuestro color de fondo a negro (#000000).
Aquí es donde entra su primera url de imagen. Para crear exactamente la página En las vista previas de este tutorial, deberá cargar la imagen de fondo de la página de damasco. Si está creando sus propios gráficos, cree una imagen de fondo que sea un mosaico sin costuras, en un tamaño de archivo tan pequeño como puede hacerlo. No. importa de qué manera lo haga, cargue su gráfico de fondo y copie su URL. Pegue la URL en el cuadro “Imagen de fondo”. Luego, asegúrese de configurar el siguiente cuadro en “Repetir”.
El único Otra opción con la que necesitaremos jugar son los “enlaces”. Haga clic en la lista a la izquierda para extraer el diálogo de enlaces. Deje la fuente del enlace solo (debe leer “igual que la fuente de la página”) y ir al tamaño. Vamos a mantener los enlaces del mismo tamaño que nuestro texto regular e ingresar a 12 píxeles.
Ahora, es hora de pensar en qué colores está planeando usar. Para la página del catálogo en las avances, decidí que quería un aspecto muy oscuro, dramático y elegante. Quería un alto contraste entre las imágenes y el diseño. Así que he mantenido los grises monocromáticos gráficos de fondo y planeo mantener todo lo demás muy oscuro y monocromático también. Entonces, para realmente configurar las cosas, estoy creando enlaces de rojo intenso (#660000). No quiero que el color de los enlaces cambie cuando alguien los roda, hace clic en ellos o después de haber visitado una página. Solo quiero que los enlaces permanezcan del mismo color todo el tiempo. Así que estoy configurando cada una de las opciones de enlace al mismo color.
Cuando haya terminado, haga clic en Aceptar para continuar.
En este punto, debería tener un Página con un fondo de mosaico simple. Consulte la segunda ilustración adjunta a este artículo.
4. Ahora estamos listos para comenzar a configurar las celdas que nuestras secciones de página de catálogo Viviremos. Comenzaremos con una sola celda de 915 píxeles de ancho, el ancho máximo que podemos escapar. Haga clic en “Insertar” en la barra de herramientas y elija “Tabla” en el menú desplegable.
5. La primera celda de la tabla es para nuestra imagen de encabezado, por lo que hemos seguido adelante y maximizamos su tamaño . Para el cuerpo de nuestra página de catálogo, queremos dos columnas. Por lo tanto, asegúrese de colocar su cursor fuera de su primera celda (no verá su cursor, pero la celda ya no se resaltará), presione ENTER e inserte una segunda tabla que contiene dos columnas. Luego, con la tabla insertada, arrastre la “línea” en el medio para que la columna de la izquierda tenga 300 píxeles de ancho.
6. Finalmente, queremos una celda de pie de página que contenga nuestra información de derechos de autor. Haga esto exactamente como lo hizo para agregar la celda de 2 columnas, pero asegúrese de que sea solo 1 columna. Lo que te queda debería ser similar a la tercera ilustración adjunta a este artículo .
Obtenga tu diseño en
Estamos listos para comenzar a conectar los gráficos que siempre permanecerán igual: elementos de plantilla, básicamente. Comenzaremos en la parte superior y nos avanzaremos.
encabezado
La imagen del encabezado es lo que siempre introducirá sus productos, así que toma algún tiempo con eso. Debe tener un tamaño de 915 píxeles de ancho, y cualquier altura se adapte mejor a su idea de diseño. Elegí crear un encabezado que sea 915 x 86 píxeles.
Recuerde hacer eco de colores y formas que se usan o se utilizarán en otro lugar de su página. Por ejemplo, la vista previa utiliza un fondo floral oscuro y enlaces rojos. Entonces, el encabezado en el que me concentré también tenía elementos florales y llevado a él algunos de los rojos oscuros utilizados para los enlaces.
encabezados de sección
La columna izquierda de nuestra página de catálogo se dividirá en secciones utilizando encabezados pequeños. Estos deben ser unos pocos píxeles más pequeños en ancho que la columna misma. Entonces, para una columna de 300 píxeles, los encabezados deben tener aproximadamente 297 píxeles de ancho. Vamos a necesitar dos gráficos de encabezado: mi catálogo y créditos.
Para dejar espacio para estas secciones, agregue una tabla a la columna izquierda que tenga 1 columna de ancho y 4 filas de alto, 297 píxeles de tamaño . Luego, agregue sus gráficos de encabezado a dos filas, dejando una fila intermedia para el contenido. .
Complete los espacios en blanco
Todo lo que nos queda hacer es hacer es … Bueno, complete los “espacios en blanco”. Primero, establezca el color de fondo de cada celda vacía en el color más oscuro utilizado. Luego, escriba alguna forma de aviso de derechos de autor en su celda de pies de página. Recomiendo algo en las siguientes líneas (cámbielo como mejor le parezca):
Todo el contenido de diseño y contenido del producto copyright â © lolaness
En la celda de los créditos, solo pondremos un poco de “ficticio “Texto: haga una lista baleada de aproximadamente 5 palabras (no tienen que tener ningún sentido) y vincularlas a #. Aquí es donde colocará enlaces a los productos utilizados en sus fotos de vista previa: incluso si son sus propios productos, esta es una excelente manera de generar más ventas, así como mantener a otros desarrolladores contentos con usted … que siempre es Una buena cosa.
Ahora, es hora de agregar una descripción ficticia y una imagen de vista previa. Puede usar lo que desee para su imagen de vista previa, está ahí para la plantilla. Recomiendo una imagen previa del tamaño de una imagen de 600 x 600 píxeles, pero la altura depende totalmente de usted, simplemente no haga que el ancho sea más grande o que las cosas comiencen a extenderse en su página.
I ‘He usado una imagen temporal de mis propias páginas de catálogo actual, por lo que los colores no coinciden, pero ese no es el punto por ahora. Haga clic en el espacio sobre su celda “mi catálogo”, y en la sección Propiedades debajo de su página, establezca la alineación vertical en “arriba”.
He guardado la celda “mi catálogo” para el final porque el último Vamos a hacer algo divertido con él: cree un menú desplegable para que los visitantes elijan.
Primero, centre su cursor en la celda “mi catálogo”. Luego, elija “Insertar” en la barra de herramientas, elija “Formularios” y haga clic en “Menú Jump”. A continuación se muestra el diálogo. La configuración que utiliza se basan en las opciones que desea que los clientes elijan: por tipo de ropa (camisas, pantalones, zapatos, etc.), por color o por colección. Según esas opciones, deberá proporcionar la URL a esa opción. La forma más fácil de hacerlo es ejecutar una búsqueda de sus propios elementos. Por ejemplo, para encontrar la URL en mi colección de Darque, ejecuté una búsqueda de “lolaness darque”.
El nombre de la opción va en el campo superior (texto), y la URL va en la parte inferior campo. Para agregar otra opción, haga clic en el botón +. Siempre puedes agregar a estas opciones más adelante . Cuando haya terminado, haga clic en Aceptar para insertar el formulario. Su menú de salto aparecerá directamente en la celda del catálogo.
Es hora de guardar la plantilla de su página de catálogo en un lugar al que será fácilmente accesible. Si planea jugar con algunos estilos de plantilla, asegúrese de nombrarlo algo descriptivo para que no tenga que obtener una vista previa de cada plantilla para encontrar la que desea usar.
Uso de su plantilla
Realmente usar su plantilla es fácil como pastel, en serio.
Primero, pase por su plantilla cambiando el texto de descripción y la imagen de vista previa grande al producto que está agregando al catálogo (o editar para actualizar con su nuevo aspecto fantástico).
Una vez que haya cambiado el texto de la plantilla y las fotos, subidas a su servidor de imágenes y su catálogo Vista previa Conjunto de imágenes, envíe al catálogo o edite un producto existente.
terminará en la página de envío (o editará un producto) en IMVU. Déle a su artículo un artículo y luego copie todo el código HTML entre e incluye las etiquetas y las etiquetas en el cuadro Descripción – Referencia a la quinta ilustración adjunta a este artículo . < /P>
Continúe a través del resto de la página agregando sus ganancias, imagen de icono de catálogo, etc. y siendo muy honesto sobre la calificación. Cuando haya terminado, haga clic en el botón Enviar para terminar.
Una vez que su producto esté aprobado, podrá verlo en toda su gloria completa en vivo en Internet. Prometo que, entre tener una gran página de catálogo y una imagen de vista previa realmente buena, sus ventas de IMVU (y la posibilidad de hacer algo de efectivo real) aumentará drásticamente a medida que su exposición aumenta.
puede También descargue este tutorial libremente en formato PDF para navegar adicional aquí . Este archivo PDF está disponible exclusivamente a través de contenido asociado y desde esta página específica. Cualquier re -post o compartir es ilegal; en su lugar, vincule a esta página. ¡Gracias!
