Tecnología

Inicio

Cómo construir plantillas de comercio electrónico

plantillas de comercio electrónico son creados por diseñadores de páginas web, que suelen vender sus plantillas para las personas que buscan iniciar un sitio de comercio electrónico, pero que no tienen las habilidades o el tiempo para diseñar el sitio sí mismos. Para crear sus propias plantillas web de comercio electrónico, se necesita algún conocimiento de trabajo en HTML y CSS (ver Recursos más adelante).

Instrucciones

1 Decidir sobre un nicho para su plantilla de comercio electrónico para apuntar. Dibuje un diagrama de su plantilla en papel. Divida su plantilla en cuatro secciones. Etiqueta de las secciones como "Título", "Contenido y Menú", "Navegación Alternativa" y "Pie de página".

2 Planificar su contenido para cada sección. Crear un logotipo de empresa genérico y lema de la "sección de cabecera", y muestra el texto de la sección "Contenido y Menú". Crear nombres de las páginas de muestra, tales como "Contacto", "productos" y "Ventas" en la sección "Contenido y Menú" de navegación del sitio.

3 Escribe los nombres de las páginas de la sección "Navegación Alternativa" si quieres una sección de navegación de texto puramente a estar disponible. Utilice el pie de página de información de derechos de autor, información de contacto - y cualquier otra información que deseen prestar con su plantilla.

4 Pega este código en tu editor de texto (por ejemplo, el Bloc de notas):

<Html>

<Head>

<Link rel = "stylesheet" href = "style.css" type = "text / css">

</ Head>

<Body>

<Div id = "div1">

<Div id = "div1-left"> Poner un nombre de la empresa muestra aquí (o una imagen). </ Div>

<Div id = "div1-derecha"> Coloca una consigna sitio de ejemplo aquí. </ Div>

</ Div>

<Div id = "div2">

<Div id = "div2-left"> contenido de texto Poner muestra aquí. </ Div>

<Div id = "div2-derecha"> Añade nombres de las páginas de muestra aquí para su menú. </ Div>

</ Div>

<Div id = "div3">

<Div id = "div3-left"> Lugar información de derechos de autor aquí. </ Div>

<Div id = "div3-media"> Coloca un texto único mapa del sitio aquí. </ Div>

<Div id = "div3-derecha"> Lugar información de contacto de la muestra aquí. </ Div>

</ Div>

<Div id = "DIV4"> Lugar información sobre cómo contactar con usted aquí (si alguien quiere crear una plantilla para ellos.) </ Div>

</ Body>

</ Html>

5 Personalizar la plantilla mediante la adición de imágenes. Optimizar sus imágenes cargándolos en un editor de imágenes y cambiar el tamaño de ellos para que estén lo más cerca posible de 72 ppp como sea posible. Guardar como JPEG para las fotografías, o un archivo GIF para logotipos y emblemas sitio.

6 Ajustar su plantilla hasta que esté satisfecho con su apariencia. Asegúrese de que todos los archivos que se utilizan en la plantilla están en la misma carpeta. Cambiar el nombre de la carpeta para representar a su plantilla, a continuación, comprimir la carpeta (clic derecho en la carpeta y elegir la opción "Comprimir" o "Enviar a ... / carpeta comprimida", según la versión de Windows que esté utilizando. Para Mac OS X 10.4 y hasta, haga clic (o "control-click") en la carpeta, a continuación, haga clic en "Crear archivo de 'Nombre de archivo'."

Consejos y advertencias

  • Asegúrese de que sabe cómo agregar imágenes a un documento HTML - y cómo
  • para crear enlaces.
  • El punto de una plantilla es visualmente atractivo para aquellos que poseen sitios de comercio electrónico, mientras que permanece lo suficientemente generales para que puedan personalizar fácilmente la plantilla para adaptarse a las necesidades de su nicho.
  • Tenga cuidado al usar las imágenes que no posee los derechos.
  • Asegúrese de que tiene permiso para utilizar el contenido no es propiedad de usted.