1




WEBDESIGN – AULA 02

 - UNIDADE I -
FUNDAMENTOS PARA A
CONCEPÇÃO E CRIAÇÃO DE
CONTEÚDO EM AMBIENTE WEB
Revisão HTML - Parte 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
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>
HTML (REVISÃO)
4


       TAG FONT
        <FONT SIZE>
        Permitirá alterar o tamanho da letra.
        Ex:
        <FONT SIZE=“1”>....</FONT>
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>
HTML (REVISÃO)
6


       ALINHAMENTO DE TEXTO
        <P ALIGN=“CENTER”>
        O texto ficará centralizado dentro da página.
        Ex:
        <P ALIGN=“CENTER”> ...</P>
HTML (REVISÃO)
7


       ALINHAMENTO DE TEXTO
        <P ALIGN=“LEFT”>
        O texto ficará alinhado à esquerda dentro da
        página.
        Ex:
        <P ALIGN=“LEFT”> ...</P>
HTML (REVISÃO)
8


       ALINHAMENTO DE TEXTO
        <P ALIGN=“RIGHT”>
        O texto ficará alinhado à direita dentro da
        página.
        Ex:
        <P ALIGN=“RIGHT”> ...</P>
HTML (REVISÃO)
9


       LISTAS NÃO-ORDENADAS
        O texto apresentará com marcadores em forma de
        lista.
        Ex:
        <UL>
             <LI>...</LI>
             <LI>...</LI>
        </UL>
HTML (REVISÃO)
10


        LISTAS ORDENADAS
         O texto apresentará com marcadores em forma de
         lista.
         Ex:
         <OL>
              <LI>...</LI>
              <LI>...</LI>
         </OL>
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>
DICAS
12


        HOSPEDAGEM DE SITE
         www.locaweb.com.br
         www.hostnet.com.br
         www.100br.com.br

         REGISTRO DE SITE
         www.registro.br
OBRIGADO!
13


        PROF. SERGIO XAVIER

         E-mail:
         sergiosx@gmail.com

         Blog:
         www.profsergioxavier.wordpress.com

Aula02 webdesign

  • 1.
    1 WEBDESIGN – AULA02 - UNIDADE I - FUNDAMENTOS PARA A CONCEPÇÃO E CRIAÇÃO DE CONTEÚDO EM AMBIENTE WEB Revisã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.
    DICAS 12  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