Inscripción Preguntas Home Mi Cuenta Mapa del Sitio
Buscar:
Buscar Guías sobre:
Escribe una guía
MANUAL PARA CREAR DESCRIPCIONES PROFESIONALES CON HTML
Autor:
Ver más Guías del autor | Ver eShop | Ver Artículos
10 de 20 usuarios encontraron útil esta guía.
Modificada el 05/05/2007

¿Dónde preferirías comprar un celular? en un puesto en el tianguis o en un centro comercial, es probable que el del tianguis sea mejor, pero la presentación de este no es la misma que en el centro comercial, lo mismo ocurre en internet, debes darle una presentación profesional a tu publicación para que esta sea agradable y genere confianza.

¿QUÉ NECESITO?
 
1.- UN HOSTING Y UN NOMBRE DE DOMINIO:

 El hosting es un servidor que está prendido todo el tiempo donde se van a guardar tus archivos para que estén disponibles en internet; el dominio es el nombre que vas a utilizar para facilitar el acceso, por ejemplo www.mitiendita.com. En mercadolibre puedes encontrar Hosting y dominio en la categoría servicios, hay unos muy básicos y económicos, para empezar, no necesitaremos mas que un hosting sencillo... supongamos  que ya disponemos del hosting con el nombre  mitiendita.com.

 
2.- IMÁGENES PARA PONER:
Para este ejemplo, necesitaremos 3 imágenes, una llamada logo.jpg que es la que va arriba, left.jpg  y descripción.jpg, cuando consigas tu hosting donde lo compres te dirá como subir archivos, sube esas tres imágenes, en el directorio principal, entonces quedará www.mitiendita.com/logo.jpg para acceder a ella, lo mismo aremos con las demás.
 
NO OLVIDES QUE CUANDO COPIES EL CÓDIGO EN EL BLOC DE NOTAS, DEBES GUARDARLO COMO nombre.html ESTO ES PARA QUE AL ABRIRLO INTERNET EXPLORER CONVIERTA EL CÓDIGO EN UNA PÁGINA DE INTERNET
La mejor manera de darle presentación a una publicación es utilizar código HTML, te daré un pequeño curso que te facilitará su uso, verás que es muy sencillo, realmente vale la pena leer hasta el final...
 
NO OLVIDES PRIMERO LEER LO QUE NECESITAS EN LA PARTE IZQUIERDA
 
¿COMO SE UTILIZA EL HTML?
 
1.- ABRE EL BLOCK DE NOTAS Y COLOCA LO SIGUIENTE: 
 

<!-- CABECERA -->

 

<TABLE cellSpacing=0 cellPadding=0 width=770 align=center border=0 bordercolor=#cc0099>

<TR>

<TD vAlign=top width=770 height=205>

 

<a href="http://listado.mercadolibre.com.mx/_NickName_JUAN*TRM_PrCategId_AD">

<IMG src="logo.jpg" width=770 border=0 height=205 ></a>

 

</TD>

</TR>

</table>

 

<!-- INICIA TABLA PARA DESCRIPCIÓN -->

 

<TABLE cellSpacing=0 cellPadding=0 width=770 align=center border=0 bordercolor=#cc0099>

<TR>

 

<!-- COLUMNA IZQUIERDA -->

 

 

<TD  width=176 bgcolor=yellow><center>

 

<img src=http://www.mitiendita.com/left.jpg border=0><BR><br>

BANAMEX<BR>

MERCADOPAGO<br>

 

</TD>

 

<!-- COLUMNA DERECHA, ES LA MAS ANCHA DONDE VA LA DESCRIPCIÓN -->

 

<TD vAlign=top width=520>

<CENTER><FONT FACE="Comic Sans MS" color=BLUE SIZE=2>

 

AQUÍ VA LA DESCRIPCIÓN DE TU ARTÍCULO

 

</TD></TR></TABLE>

<!-- FINALIZAMOS -->

 

Puedes ver que tenemos etiquetas, que es como se le lama a los que están entre < y >, bueno, te voy a decir como se estructura:

 

<TABLE> QUIERE DECIR QUE INICIAMOS UNA TABLA

<TR>        INICIAMOS UNA FILA DE LA TABLA

<TD>       INICIAMOS UNA COLUMNA DE LA TABLA

 

puedes ver que después existen </TD>, </TR> y </TABLE>. Eso quiere decir que está terminando la tabla, la fila y la columna, se deben cerrar en el mismo orden en que las abrimos. Si no se crea un conflicto.

 

Tienen además una variables como son:

WIDTH=  aquí ponemos el ancho que deseamos que tenga la columna, s edebe poner en pixeles

HEIGHT= aquí va el alto que queremos que tenga cada columna, si queremos un alto variable borramos esta variable.

BGCOLOR= indica el color de fondo, lo podemos poner en ingles, por ejemplo BLACK o en exagesimal, si lo conoces, si no el nombre en inglés está perfecto.

 

BUSCA LA PARTE QUE DICE <!-- CABECERA --> verás como se abrió una tabla , luego una fila y luego una columna, allí aparece la forma de hacer un Link, escribiendo <a href=??>, entre las comillas debe ir tu dirección donde están tus articulos o tu e-shop, después de eso está: <IMG src="www.mitiendita.com/logo.jpg" width=770 border=0 height=205 ></a>, quiere decir que abrimos la imagen que va de cabecera, la queremos que sea de 770*205, aquí por tu logo y algo que diga que des clic allí para ir a tu tienda... IMPORTANTE: debes colocar </a>, que quiere decir que hasta allí termina el link, de lo contrario, el resto de la página lleva a tu e-shop, y esto es molesto cuando ocurre.

 

Ya sabemos como poner una imagen y un link.

 

Lo demás ya es muy sencillo, recuerda que si no quieres complicarte no toques <TD> ni <TR>, en la columna izquierda podemos poner la imagen de las formas de pago, o algunas imágenes del producto, recuerda que es con <IMG SRC=??>, entre las comillas la dirección de la imagen.

 

Vas a encontrar otra etiqueta nueva, <BR> esta etiqueta nos va a ayudar a cambiar de renglón al escribir, es lo que represente un enter en HTML, si estás escribiendo y quieres saltar de renglón usas <BR>, si necesitas dos espacios hacia abajo poner <BR><BR> y a´si sucesivamente.

 

GUARDA EL ARCHIVO COMO articulos.html EN MIS DOCUMENTOS Y ABRELO DESPUÉS, SE ABRIRA EN INTERNET EXPLORER Y VERÁS YA NO EL CÓDIGO, SINO UNA PÁGINA CON UNA CABECERA, UNA COLUMNA IZQUIERDA CON DATOS DE PAGO Y UNA DERECHA CON LA DESCRIPCIÓN DE TU ARTÍCULO...

 

AHORA USA TU IMAGINACIÓN, MODIFICA EL CÓDIGO A TU ANTOJO Y COPIA Y PEGA EN MERCADOLIBRE, AHORA TIENES UNA DESCRIPCIÓN PROFESIONAL CON MUY POCO ESFUERZO.

 

ESPERO TE HAYA SERVIDO ESTA GUÍA.

 

A´SIS E VE EL CÓDIGO QUE TE DI:

 

 

Palabras Clave: Descripciones | Descripción | Profesional | Imagen | Imagenes
10 de 20 usuarios encontraron útil esta guía.
El autor asume la total responsabilidad por el contenido de esta guía.
¿Crees que esta guía está en contra de las Políticas de MercadoLibre? Infórmalo aquí.
En esta sección encontrarás información publicada por Usuarios bajo su exclusiva responsabilidad. MercadoLibre no controla los contenidos de las Guías y no responderá por información inexacta, errónea o difamatoria, o por el uso que se haga de ella. El ingreso a la misma es decisión voluntaria del navegante quien acepta la posibilidad de encontrar material que puede afectar su susceptibilidad.
Guías Relacionadas
Mejora Tus Publicaciones Con U...
Como Saber La Verdad Sobre Las...
Como Comprar El Video Juego Id...
Ipod - Descripción Completa
Como Poner Fotos Grandes (buen...

Ver Más...


Volver arriba