Ambiente web aula 02

414 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
414
No SlideShare
0
A partir de incorporações
0
Número de incorporações
149
Ações
Compartilhamentos
0
Downloads
12
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Ambiente web aula 02

  1. 1. Aula 02 Ambiente Web Prof. Fernando Vieira Blog: fernandoinstrutor.wordpress.com E-mail: fernandovbo@Hotmail.com
  2. 2. • O que é linguagem de programação • Hyper Text Markup Language (HTML) • Aplicativos • Comandos AULAAULA 02 LINGUAGEM DA INTERNET - HTML Pág. 12 a 18 30/06/15Turma: Ambiente Web
  3. 3. O QUE É A LINGUAGEM DE PROGRAMAÇÃO?  Código fonte  Todos os aplicativos que conhecemos foram desenvolvidos pelos mais diversos tipos de programação  Devido ao grau de competividade do mercado os programadores tendem a dominar mais de uma linguagem de programação
  4. 4. HYPER TEXT MARKUP LANGUAGE (HTML)  HTML é uma linguagem que possibilita apresentar informações (documentação de pesquisas científicas) na Internet.  Aquilo que você vê quando abre uma página na Internet é a interpretação que seu navegador faz do HTML PARA QUE DEVO USAR O HTML?
  5. 5. HYPER TEXT MARKUP LANGUAGE (HTML)  Se você quer construir websites terá que conhecer HTML.  Mesmo que você use um programa para criar seu website, tal como o Dreamweaver, um conhecimento básico de HTML será necessário para tornar as coisas mais simples  A boa notícia é que HTML é fácil de aprender e de usar HTML É USADO PARA CONSTRUIR WEBSITES. É SIMPLES!
  6. 6. O QUE SIGNIFICA HTML?  HYPER – Oposto de Linear  TEXTO – Somente texto  MARK UP – Marcação  LANGUAGE – Significa linguagem. Exatamente o que o HTLM é uma linguagem
  7. 7. PROTOCOLO  FTP: Transferências de dados  HTTP: Transferência de Hypertexto é usado para conectar as páginas WWW  TCP/IP: Sãos os protocolos de comunicação entre dois ou mais computadores
  8. 8. APLICATIVOS BLOCOS DE NOTAS NOTEPAD++
  9. 9. COMANDOS  Tags são rótulos usados para informar ao navegador como deve ser apresentado o website  Todas as tags têm o mesmo formato: começam com um sinal de menor "<" e acabam com um sinal de maior ">" < HTML> TAG DE ABERTURA </HTML> TAG DE FECHAMENTO
  10. 10. CONTINUANDO... < HTML> <HEAD> CABEÇALHO <TITLE> NOME DA PÁGINA </TITLE> </HEAD> CABEÇALHO <BODY> CONTEÚDO DA PÁGINA </BODY> </HTML> AO TERMINAR A EDIÇÃO VOCÊ DEVE SALVAR COMO: HTM OU HTML
  11. 11. IMPORTANTE Quando você estiver criando um website, os arquivos que fazem parte do mesmo, deve estar organizado numa mesma pasta. Não há diferenças digitar as tags em minúsculo ou maiúsculo  Demais páginas com os Links  Imagens  Vídeos  Músicas
  12. 12. COMANDO <H1> <H1> TAMANHO 01 </H1> <H2> TAMANHO 02 </H2> O COMANDO H1 PERMITE A VARIAÇÃO EM ATÉ 6 TAMANHOS
  13. 13. PARÁGRAFO E QUEBRA DE LINHA <P> DEFINE UM PARÁGRAFO DEIXA UMA LINHA EM BRANCO ENTRE CADA PARÁGRAFO <BR> QUEBRA DE LINHA FAZ UMA QUEBRA DE LINHA, SEM ACRESCENTAR ESPAÇOS EXTRAS ENTRE AS LINHAS A TAG <P> E <BR> NÃO NECESSITAM DA TAG DE FECHAMENTO PARA FUNCIONAR
  14. 14. COR DE FUNDO NA PÁGINA <BODY BGCOLOR=“ NÚMERO OU NOME”> <BODY BGCOLOR=“RED”> <BODY BGCOLOR=#CD5C5C” OBSERVE A TABELA DA PÁG. 17
  15. 15. INSERINDO IMAGENS E LINKS INSERINDO IMAGEM <IMG SRC=“LUGAR DA IMAGEM. E EXTENSÃO” EX: <IMG SRC=“HARLEMSHAKE.PNG” OUTROS COMANDOS DE EDIÇÃO DE TEXTO NA PÁG. 18 CRIANDO LINK <A HREF=“LINK.HTML/">NOME DO LINK</A> EX: <A HREF=WWW.HARLEMINSTRUTOR.BLOGSPOT.COM>MEU BLOG</A>
  16. 16.  Pág. 19 – Atividade 1 a 5

×