ESTRUCTURA HTML - REPASO

EN ESTE DOCUMENTO TE HAREMOS UN REPASO PARA LA PUBLICACIN PASO A PASO CON IMGENES POR SI TE QUEDO ALGUNA DUDA DESPUS DE VER LOS VIDEOS.

SECCIN 1: FORMATOS.
1.- YA QUE TERMINASTE DE EDITAR TU PLANTILLA EN POWER POINT BASNDOTE EN LOS EJEMPLOS DE LAS PLANTILLAS PREDISEADAS O CREANDO UNA NUEVA; LO QUE VAMOS A HACER ES GUARDARLA EN JPEG (RECOMENDADO ABAJO LA EXPLICACIN). LA RUTA ES: GUARDAR COMO - OTROS FORMATOS FORMATO DE INTERCAMBIO DE ARCHIVOS JPEG.

POR QU USAMOS ESE FORMATO? SIMPLE: POR EL PESO DE LAS DIAPOSITIVAS. LA SIGUIENTE COMPARACIN ES APRXIMADA. PNG = 1500 KB GIF = 400 KB JPEG = 125 KB COMO PODRN VER ES MUCHO MS LIGERO EL FORMATO JPEG POR ESO ES PREFERIBLE GUARDAR LAS DIAPOSITIVAS EN ESE FORMATO, PARA QUE CUANDO UN POSIBLE CLIENTE VISITE NUESTRA PUBLICACIN EN MERCADOLIBRE, NO SE DESESPERE POR EL TIEMPO QUE TARDA EN CARGAR Y NO SE VAYA CON LA COMPETENCIA. SECCIN 2: CONFIGURACIN DE HOSTING Y SUBIDA DE IMGENES El alojamiento web (en ingls web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar informacin, imgenes, vdeo, o cualquier contenido accesible va web. LAS FOTOS QUE PONEMOS EN NUESTRAS PUBLICACIONES SE TIENEN QUE SUBIR A UN HOSTING PARA QUE NO SALGA EL MOLESTO MENSAJE: ELTEXTO HTML COMPLETO NO DEBE SUPERAR LAS 25000 LETRASETC, ETC. Desventajas del Hosting Gratuito: Photobucket, Imageshack, tinipic, dropbox etc, etc No se conservan los archivos por mucho tiempo. Desventajas del Hosting de pago: Hay que pagar =(

Es por eso que nosotros utilizamos el almacenamiento SkyDrive de Hotmail ya que nos permite guardar archivos hasta un total de 7GB, no los borran y lo mejor: ES GRATIS =) Tiene aplicaciones para iphone, android, ipad, mac, entre muchas otras opciones. DESCRIBO A CONTINUACIN LOS PASOS A SEGUIR PARA CONFIGURAR EL HOSTING PASO A PASO. LO PRINCIPAL: Si no tienes una cuenta de Hotmail. Crear una =) 1.- YA QUE ESTS EN LA BANDEJA DE ENTRADA DAR CLIC EN LA PESTAA SKYDRIVE.

C 2.- DAR CLICK EN NEW FOLDER. O SI LO TIENES EN ESPAOL NUEVA CARPETA

3.- ESCRIBIRLE UN NOMBRE A LA CARPETA, EJEMPLO PRODUCTOS PLANTILLAS ETC, ETC.

4.- DAR CLICK EN LA CARPETA CREADA PARA ENTRAR

5.- DAR CLICK EN ADD FILES PARA AGREGAR ARCHIVOS.

6.- SELECCIONAR LAS IMGENES QUE SE CARGARN Y DAR CLICK EN ABRIR O CARGAR.

SUBIENDO DIAPOSITIVAS.

7.- AS SE VER CUANDO TERMINES DE SUBIR LAS IMGENES. DAR CLICK EN SHARE FOLDER DEL LADO INFERIOR DERECHO.

8.- NOS APARECER UNA PANTALLA COMO LA SIGUIENTE..CON EL MENSAJETHIS FOLDER IS NOT SHARED ESTE ARCHIVO NO EST COMPARTIDO DAR CLICK EN GET A LINK Y DESPUS EN MAKE PUBLIC.

9.- EN LA PARTE INFERIOR DERECHA VEREMOS QUE CAMBIO EL MENSAJE A EVERYONE CAN VIEW

CON ESA CONFIGURACIN LOS VISITANTES DE NUESTRAS PUBLICACIONES EN MERCADOLIBRE PODRN VER LAS PLANTILLAS.

10.- NUESTROS HOSTING EST CONFIGURADO Y LISTO. EXCELENTE!

SECCIN 3.- PUBLICACIN.

1.- YA QUE LE HEMOS DADO CLICK EN LA PESTAA VENDER DE MERCADOLIBRE. NOS APARECER EL NUEVO EDITOR COMO EL SIGUIENTE:

2.- AL DAR CLICK EN HTML Y NOS APARECER LA PANTALLA SIGUIENTE ES EL EDITOR HTML

3.- YA QUE ESTAMOS AQU, SELECCIONAREMOS EL CDIGO HTML DE LA PGINA SIGUIENTE Y LO PEGAREMOS EN EL EDITOR DEL CDIGO FUENTE (YA EST CONFIGURADO POR LO CUAL SER MS FCIL YA QUE SLO IREMOS REEMPLAZANDO LAS IMGENES Y PONDREMOS LOS HIPERVNCULOS COMO SE DESCRIBEN AL FINAL).

ESTRUCTURA PREDISEADA, SELLECIONAR TODO, COPIAR (CRTL C) Y PEGAR (CRTL V)

<table style="background-image: url('http://www.freewindowswallpaper.com/images/large/00612.jpg'); width: 900px;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td> <p><img src="https://public.blu.livefilestore.com/y1povxB0gkkSVsBnpB69lqJ96gmrlsJI5wwzypoSYjoHp_wZrgu6R67xyj7SL3n2faEn3GS9yrkox81R-uHR6gNQ/encabezado%20principal.jpg?psid=1" alt="" width="900" height="189" /><br /><a href="http://perfil.mercadolibre.com.mx/INTER-TECNOLOGY" target="_blank"><img src="https://public.blu.livefilestore.com/y1pSaKIJ9gQxFHWNtpliNIwRw12SLZwUfFM2NGPQDxHLqJvim8dQHcuDR4GnrMESO-FmieDsjFNvOoz8ZNYTJxkw/4.png?psid=1" alt="" width="180" height="30" /></a><a href="http://listado.mercadolibre.com.mx/_CustId_42093765" target="_blank"><img src="https://public.blu.livefilestore.com/y1pGd75riQYohYRPT1CA3SNpLsykCCqQSAsu5IHwVVbBnFemns6-TzkK7nh4A6NlXxIpt3_94InNMvk74ZL2HQjg/2.png?psid=1" alt="" width="180" height="30" /></a><a href="http://www.mercadopago.com/mp-mexico/" target="_blank"><img src="https://public.blu.livefilestore.com/y1pK0EjeQUMFG73p-cpBMNLMUVQkT_sTAxUh1SL9gFwrd_qNonOIqpBQzz6hqMp5cY1GUE-CWjuYxF24TUb0U3Cg/5.png?psid=1" alt="" width="180" height="30" /></a><a href="http://www.mercadolibre.com.mx/jm/ml.faqs.framework.main.FaqsController?pageId=FAQ&amp;faqId=2940&amp;categId=TOB UY&amp;type=FAQ" target="_blank"><img src="https://public.blu.livefilestore.com/y1pGd75riQYohaf7pP5TTi9iCBboYFlfDpba50bYIY7OoaF1hQ5ejYp1vQnJDKKSwvsjzexWsjRwGRUugEntpE_g/1.png?psid=1" alt="" width="180" height="30" /></a><a href="https://registration.mercadolibre.com.mx/registration/" target="_blank"><img style="width: 180px; height: 30px;" src="https://public.blu.livefilestore.com/y1pGd75riQYohZiE3V8F1iGt18loZcwc3u9thIRVLM30Xv8y5nyN2YYPhNwGGKUS4BPTrjAbrKH2y1 glpguIXYWIg/3.png?psid=1" alt="" width="180" height="30" /></a><br /><img src="https://public.blu.livefilestore.com/y1pnky_1AkjGtz18ijQMrqzQtTTC043bO3BO3x8XjNrSPCKYIrSSOvqkZ3o6qplKIOgu5xCHmyUANFI DprcceEdiw/Diapositiva1.JPG?psid=1" alt="" width="900" height="675" /><img style="width: 900px; height: 575px;" src="https://public.blu.livefilestore.com/y1pnky_1AkjGtxoxZa3AEsDdFKMTi5sr80tgfh5evShba5SdfHbghhEbGXhpWexU6iMM8VCTnDO3 0xr_cqXJJinRw/Diapositiva2.JPG?psid=1" alt="" width="900" height="675" /></p> <div style="text-align: left;"><img src="https://public.blu.livefilestore.com/y1pKNIYsCQki5RZq2ZcHKdnjGT9h_pDA3up8_tHjDuXfQy07fAANORjin1W8O3SSxbXsCf5ENeeht ovJoimhxs4-w/Diapositiva3.JPG?psid=1" alt="" width="900" height="675" /></div> <div style="text-align: left;"><img src="https://public.blu.livefilestore.com/y1pPfQJhYx4a0y3OCiLQCj11czv5MIGvbKCrJUKjffR1fAnBZXc9Zl_vyqfuyQKMYFVSKZYtCoXmUE7aLwBh9mBg/Diapositiva4.JPG?psid=1" alt="" width="900" height="675" /><img src="http://i1190.photobucket.com/albums/z453/INTER-TECNOLOGY/4.gif" alt="" width="300" /><img src="http://i1190.photobucket.com/albums/z453/INTER-TECNOLOGY/5.gif" alt="" width="300" /><img src="http://i1190.photobucket.com/albums/z453/INTER-TECNOLOGY/6.gif" alt="" width="300" /></div> <p><img src="https://qkafbq.bay.livefilestore.com/y1pFkhoywFJbkzR4kcjKQhanzMDJnfzeH0V4ImcPbGg4sFJ00ooASvxx9T3oLv2xRoMbV21qofdK n1BwuTh3R9WssuNlVc-XZFb/PROFESIONALES.gif?psid=1" alt="" width="900" height="35" /></p> </td> </tr> </tbody> <tbody> <tr> <td style="text-align: center;"> <p><span style="color: #ffffff; font-size: large;"><span style="font-family: Arial;"> <strong>ESPACIO PARA ESCRIBIR ALGO ADICIONAL, AL DARLE ENTER SE EXPANDIRA</strong></span></span></p> <p><span style="color: #00ffff;"><span style="font-family: Arial;"><span style="font-size: 23px;"><strong><span style="font-size: large; color: #ffffff;">HACIA ABAJO, SE LE PUEDE CAMBIAR LA LETRA Y EL TIPO DE LETRA EN LA BARRA DE HERRAMIENTAS HTML</span><br /></strong></span></span></span></p> </td> </tr> </tbody> </table>

AS LUCIR YA QUE HAYAMOS PEGADO EL CDIGO ANTERIOR:

4.- LE DAMOS CLICK EN ACTUALIZAR.Y SE REEMPLAZAR EL CDIGO HTML POR ESTAS IMGENES. AS

5.- AHORA CAMBIAREMOS ESAS IMGENES POR LAS NUESTRAS, REGRESAMOS AL SKYDRIVE CLICK LADO DERECHO SOBRE LAS DIAPOSITIVAS VIEW ORIGINAL

6.- YA QUE LE DIMOS CLIC EN VIEW ORIGINAL SE ABRE UNA NUEVA PESTAA

COPIE LA DIRECCIN WEB DE LA IMAGEN QUE SE ENCUENTRA EN BARRA DE DIRECCIONES.

7.- REGRESAS A LA PUBLICACIN: CLICK LADO DERECHO DEL MOUSE INSERTAR/EDITAR IMAGEN SOBRE LA IMAGEN QUE VAMOS A REEMPLAZAR.

8.- BORRA LA DIRECCIN ACTUAL DE LA IMAGEN Y PEGA LA QUE COPIASTE ANTERIORMENTECLICK EN ACTUALIZARVERIFICA EN APARIENCIA QUE LAS MEDIDAS SEAN 900PX POR 675 PARA LAS DIAPOSITIVAS. VALORES RECOMENDADOS, PARA EL ENCABEZADO Y LOS BOTONES SON OTRAS MEDIDAS, REVISALAS EN LA PGINA SIGUIENTE.
BORRA LA URL DE LA IMAGEN Y PEGA LA DIRECCIN DE TU IMAGEN, VERIFICA LAS MEDIDAS EN APARIENCIA Y LAS RECOMENDACIONES DE LA PG. SIGUIENTE.

9.- DESPUS DE DAR CLICK EN ACTUALIZAR, TE PREGUNTAR SI DESEAS CONTINUARLE DAS OK!

10.- Y AS SUCESIVAMENTE CON CADA UNA DE LAS SIGUIENTES DIAPOSITIVAS, LAS MEDIDAS RECOMENDADAS SON:

ENCABEZADO 900PX POR 180PX

DIAPOSITVAS 900PX POR 675PX

BOTONES

BOTONES 180 PX POR 30 PX

DESTILDA LA CASILLA BLOQUEAR RELACIN DE ASPECTO PARA QUE LAS MEDIDAS NO SE CAMBIEN AUTOMTICAMENTE Y ESCRIBELAS COMO SE RECOMIENDAN. LISTO. =) SECCIN 4.- HIPERVNCULOS (PLANTILLA INTERACTIVA).
1.- PRIMERO SELECCIONAMOS EL BOTN A CONFIGURAR DANDO CLIC SOBRE EL MISMO.

2.- DAMOS CLIC EN EL CONO QUE PARECE SER EL ESLABN DE UNA CADENA.

TE APARECER LA SIGUIENTE VENTANA:

DESTINO - DEJAR EN: Abrir en ventana nueva (_blank) 3.- REEMPLAZAN LO QUE EST REMARCADO (URL DEL HIPERVNCULO) Y PONEN LA DIRECCIN QUE APARECE EN: MI CUENTA MI REPUTACIN COMENTARIOS DE TUS COMPRADORES. LA DIRECCIN EMPEZAR CON ALGO MS O MENOS COMO LOS SIGUIENTES EJEMPLOS DEPENDIENDO DEL PAS QUE SEAS: http://perfil.mercadolibre.com.mx/TUSEUDNIMO http://perfil.mercadolibre.com.ar/TUSEUDNIMO TODO LO DEMS SE QUEDA IGUAL. 4.- PARA EL BOTN DE MIS ARTCULOS SEGUIREMOS EL MISMO PROCEDIMIENTO PERO EN LA URL DE IMAGEN PONDREMOS LO QUE APARECE EN: MI CUENTA MI REPUTACIN COMENTARIOS DE TUS COMPRADORES VER ARTCULOS A LA VENTA SER ALGO SIMILAR A ESTO: http://listado.mercadolibre.com.mx/_CustId_42093765 SIEMPRE DA CLICK EN ACTUALIZAR PARA QUE SE GUARDEN LOS CAMBIOS

5.- PARA EL BOTN QU ES MERCADOPAGO? SEGUIMOS LA SIGUIENTE RUTA: MI CUENTA AYUDA MERCADOPAGO Y HACEMOS EL MISMO PROCEDIMIENTO EN LOS OTROS TAMBIN 6.- PARA EL BOTN CMO COMPRAR? MI CUENTA AYUDA COMPRAR COMO COMPRAR COMPRAR UN PRODUCTO 7.- PARA EL BOTN CMO INSCRIBIRSE? MI CUENTA AYUDA TUS DATOS E INSCRIPCIN POR LTIMO GUARDAMOS LA PLANTILLA DANDO CLICK SOBRE LA IMAGEN DE UN DISCO DE 3 1/2

SE ABRIR LA SIGUIENTE VENTANALE ESCRIBES UN NOMBRE Y LE DAS CLIC EN GUARDAR

SI QUIERES PUBLICAR DE NUEVO CON OTRA DESCRIPCIN DAS CLIC EN CONO DE UNA HOJA CON UN SMBOLO DE MS

LA BUSCAS Y LE DAS CLIC NUEVAMENTE Y APARECER COMPLETASLO ES CUESTIN DE REEMPLAZAR LO QUE CONSIDERES. TE AHORRAS TIEMPO EN CONFIGURAR TODO DE NUEVO

HEMOS TERMINADO.FELICIDADES
ESPERO Y ESTA MINIGUA DE PUBLICACIN TE SEA REALMENTE TIL. SI TIENES DUDAS ESTOY PARA SERVIRTE.
NO SE INCLUYEN DERECHOS DE REVENTA. DERECHOS RESERVADOS INTER TECNOLOGY, NUEVO LEN MXICO.