como utilizar html
DESCRIPTION
testeTRANSCRIPT
![Page 1: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/1.jpg)
MercadoLivre Brasil1
Como usar HTML em seus anúncios no MercadoLivre
![Page 2: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/2.jpg)
MercadoLivre Brasil2
Conteúdo
• Apresentação
• O que é necessário para editar os templates
• Como começar a editá-los
• Como salvar uma imagem em um servidor
![Page 3: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/3.jpg)
MercadoLivre Brasil3
Apresentação
O MercadoLivre oferece templates gratuitos em HTML para que você possa melhorar a qualidade e o conteúdo de seus anúncios e assim, conseguir mais vendas.
São páginas pré-desenvolvidas que deixarão seus anúncios mais atrativos. Para utilizá-las basta incluir suas fotografias, a descrição do produto e colocar seus links personalizados.
Para aqueles que já têm conhecimento básico de HTML é muito simples de utilizar, e para quem não tem, disponibilizamos a seguir um pequeno tutorial com mais informações.
Também oferecemos a todos os vendedores um curso sobre esse tema. Para participar, envie um e-mail para [email protected] e informe sobre seu interesse no "Curso exclusivo de HTML".
Para começar seus novos anúncios com HTML, acesse a Central de Vendedores e baixe os códigos.
![Page 4: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/4.jpg)
MercadoLivre Brasil4
Apresentação
![Page 5: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/5.jpg)
MercadoLivre Brasil5
Apresentação
![Page 6: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/6.jpg)
MercadoLivre Brasil6
Ideal para
leilões
Link para venda
imediata
Apresentação
![Page 7: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/7.jpg)
MercadoLivre Brasil7
Conteúdo
• Apresentação
• O que é necessário para editar os templates
• Como começar a editá-los
• Como salvar uma imagem em um servidor
![Page 8: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/8.jpg)
MercadoLivre Brasil8
O que é necessário para editar os templates
1. Editor de Html: para incluir as fotos e os textos, é necessário ter um editor de HTML.Os mais conhecidos são:
• (vem no pacote office)
• Macromedia Dreamweaver
• Ou qualquer outro editor de HTML
![Page 9: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/9.jpg)
MercadoLivre Brasil9
O que é necessário para editar os templates
2. Editor de imagens: para alterar o tamanho das imagens, podem ser:
• Paint (vem no Windows)
•
• Ou qualquer outro editor de imagens
![Page 10: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/10.jpg)
MercadoLivre Brasil10
O que é necessário para editar os templates
3. Além disso, é necessário ter um servidor FTP para salvar as imagens. Geralmente, os provedores de Internet disponibilizam para os assinantes um certo espaço em seus servidores.
• Também existem alguns serviços grátis que permitem armazenar as imagens:
• www.photobucket.com
• www.free-webhosts.com
• www.2and2.net
![Page 11: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/11.jpg)
MercadoLivre Brasil11
Conteúdo
• Apresentação
• O que é necessário para editar os templates
• Como começar a editá-los
• Como salvar uma imagem em um servidor
![Page 12: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/12.jpg)
MercadoLivre Brasil12
1º Escolha o template de sua preferência
Escolha 1 dos 6 templates que desejar usar e abra-o com o editor de HTML.
![Page 13: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/13.jpg)
MercadoLivre Brasil13
2º Substituição dos textos
Troque o texto pelo título desejado.
Coloque o logo (texto ou imagem) Em caso de imagem, o tamanho deve ser 670X80.
![Page 14: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/14.jpg)
MercadoLivre Brasil14
Substitua todos os textos
2º Substituição dos textos (cont)
![Page 15: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/15.jpg)
MercadoLivre Brasil15
Insira as imagens com o tamanho informado no quadro 160 x 160 píxels
3º Inserção das imagens
![Page 16: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/16.jpg)
MercadoLivre Brasil16
Para que as fotos possam ser inseridas e visualizadas em seu anúncio, elas devem estar hospedadas em um servidor. Você pode utilizar um servidor próprio ou um dos mencionados no início dessa apresentação. (ver)
Ao armazenar uma imagem em um servidor, você automaticamente receberá um endereço – URL. Copie essa URL no campo “Src” do editor HTML.
Copie aqui a URL da imagem armazenada.
3º Cargar las imágenes (cont)
![Page 17: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/17.jpg)
MercadoLivre Brasil17
Como inserir utilizando o FrontPage
Para inserir a imagem:
Clique em inserir imagem > escolha a opção “Do arquivo”. Selecione a foto que deseja colocar na descrição, nesse caso nomeada “SonyW5.jpg”. A mesma aparecerá na sua descrição.
Sem dúvida, se o código dessa foto for colocado na web, ela não aparecerá, uma vez que estará armazenada apenas em seu disco rígido. Então você deve modificar o código (HTML).
Para que a foto fique “visível na Internet”, clique na aba HTML no FrontPage. Você verá uma série de códigos, de onde selecionará uma parte específica:
<img border="0" src=" SonyW5.jpg" width="252" height="321">.
Selecione a parte onde diz “SonyW5.jpg” e substitua pela URL que copiou anteriormente do servidor de imagens. O código final será o seguinte:
<img border="0" src="http://xxxx/yyyy/ SonyW5.jpg" width="252" height="321">
Nota: a URL da imagem irá variar, já que o endereço é o servidor escolhe para cada uma.
3º Inserir as imagens (cont)
![Page 18: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/18.jpg)
MercadoLivre Brasil18
Apenas será necessário substituir os links.
4º Modificar os links
![Page 19: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/19.jpg)
MercadoLivre Brasil19
Como fazer isso?
1) Copie a URL da barra de endereços para direcionar o link de seu anúncio. Por exemplo, para “Nossos produtos”, você deverá fazer o seguinte:
Clique no link “Buscar” na barra de navegação do MercadoLivre (1) e busque o seu apelido (2)Depois clique em “Ver produtos” (3) e filtre a sua lista de produtos da forma que desejar. Então copie a URL da barra de endereços (4).
(1)
(2)(3)
(4)
4º Modificar os links (cont)
![Page 20: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/20.jpg)
MercadoLivre Brasil20
4º Modificar os links (cont)Como fazer isso?
2) Uma vez copiado o endereço para onde o seu link deverá ser direcionado, você terá que incluí-lo no código HTML.
Para fazer isso, abra o Editor de HTML e selecione o link que deseja editar, então cole o endereço (URL) no campo “Link”.
![Page 21: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/21.jpg)
MercadoLivre Brasil21
Cole o código HTML.
Clique na aba “Código Html”1
2
5º Inserir o código HTML no MercadoLivreAgora que você já tem o template pronto, copie o código HTML e cole no campo de descrição
de seu anúncio no MercadoLivre.
1) Antes de colar, clique na aba “Código HTML”.
![Page 22: Como Utilizar HTML](https://reader031.vdocuments.net/reader031/viewer/2022020311/577c7d5c1a28abe0549e7cd9/html5/thumbnails/22.jpg)
MercadoLivre Brasil22
Revise a descrição.
Clique na aba “pré-visualização”.3
4
5º Inserir o código HTML no MercadoLivre2) Volte à página de “pré-visualização” e verifique se está tudo correto.