Your SlideShare is downloading. ×
  • Like
Aula02 webdesign
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
684
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
20
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 1WEBDESIGN – AULA 02 - UNIDADE I -FUNDAMENTOS PARA ACONCEPÇÃO E CRIAÇÃO DECONTEÚDO EM AMBIENTE WEBRevisão HTML - Parte 2
  • 2. HTML (REVISÃO)2  TAG PARA INSERIR IMAGEM Ex: <IMG SRC=“FOTO.JPG” WIDTH=“200” HEIGHT=150” WIDTH= LARGURA DA IMAGEM EM PIXELS HEIGHT= ALTURA DA IMAGEM EM PIXELS
  • 3. HTML (REVISÃO)3  TAG FONT <FONT FACE> Permitirá alterar o tipo da letra. Havendo limitações na escolha de fontes. Somente no HTML5 é possível incluir qualquer tipo de letra. Ex: <FONT FACE=“verdana”>....</FONT>
  • 4. HTML (REVISÃO)4  TAG FONT <FONT SIZE> Permitirá alterar o tamanho da letra. Ex: <FONT SIZE=“1”>....</FONT>
  • 5. HTML (REVISÃO)5  TAG FONT <FONT COLOR> Permitirá alterar a cor da letra. A cor pode ser aplicada em formato HEXADECIMAL. As cores HEXADECIMAIS – letras e números / somente números / somente letras Ex: <FONT COLOR=“#FF0000”>....</FONT>
  • 6. HTML (REVISÃO)6  ALINHAMENTO DE TEXTO <P ALIGN=“CENTER”> O texto ficará centralizado dentro da página. Ex: <P ALIGN=“CENTER”> ...</P>
  • 7. HTML (REVISÃO)7  ALINHAMENTO DE TEXTO <P ALIGN=“LEFT”> O texto ficará alinhado à esquerda dentro da página. Ex: <P ALIGN=“LEFT”> ...</P>
  • 8. HTML (REVISÃO)8  ALINHAMENTO DE TEXTO <P ALIGN=“RIGHT”> O texto ficará alinhado à direita dentro da página. Ex: <P ALIGN=“RIGHT”> ...</P>
  • 9. HTML (REVISÃO)9  LISTAS NÃO-ORDENADAS O texto apresentará com marcadores em forma de lista. Ex: <UL> <LI>...</LI> <LI>...</LI> </UL>
  • 10. HTML (REVISÃO)10  LISTAS ORDENADAS O texto apresentará com marcadores em forma de lista. Ex: <OL> <LI>...</LI> <LI>...</LI> </OL>
  • 11. HTML (REVISÃO)11  NAVEGABILIDADE Inserir um LINK Ex: <A HREF=“destino.htm”>Texto do hiperlink</a> <A HREF=“http://www.msb.br”>Universidade Moacyr Bastos</A>
  • 12. DICAS12  HOSPEDAGEM DE SITE www.locaweb.com.br www.hostnet.com.br www.100br.com.br REGISTRO DE SITE www.registro.br
  • 13. OBRIGADO!13  PROF. SERGIO XAVIER E-mail: sergiosx@gmail.com Blog: www.profsergioxavier.wordpress.com