Aplicativos WEB_01

Prévia do material em texto

Aplicativos WEB
Professor Paulo José de Carlo Almeida
Cronograma
Introdução + HTML
Aula 1
Aula 2
CSS
Aula 3
Aula 4
JS
Aula 5
Aula 6
JS + CSS + HTML
Aula 7
Aula 8
Aula 9
Exercícios
Exercícios
Avaliação P1
Avaliação P2
HTML
Por que usamos?
É importante saber HTML?
Onde você vê o HTML sendo aplicado?
Pelo que falam HTML é fácil?
O que é o HTML
Camadas de desenvolvimento
Existem 3 linguagens básicas que utilizamos para criar websites: HTML, CSS e JavaScript.
O HTML é a linguagem que irá exibir a informação. 
O CSS é a linguagem que vai deixar essa informação bonitona. 
O JavaScript é a linguagem que vai fazer essa informação receber alguns comportamentos, como por exemplo ao criar um submenu ou controlar algo que aparece e desaparece na tela.
O HTML sem dúvida é a mais importante de todas, por que como dissemos no começo, é ela que exibe a informação. 
Além de exibir a informação e passar informações de SEO (SEO significa Search Engine Optimization(Otimização para mecanismos de busca). É um conjunto de técnicas de otimização para sites, blogs e páginas na web. Essas otimizações visam alcançar bons rankings orgânicos gerando tráfego e autoridade para um site ou blog).
 Isso é importante por que alguns sistemas como o Google, que irão ler sua página, precisam entender o que é cada elemento nela e o que cada um desses elementos significam.
O nome HTML
O acrônico HTML significa em inglês: HyperText Markup Language. Para gente aqui fica: Linguagem de Marcação de Hipertexto. Bonito, né?
Por trás das palavras Hipertexto e Marcação tem muita história e guardam a real essência da função do HTML. Você vai saber mais na próxima página, onde falamos sobre Semântica, que nada mais é do que a organização da informação usando HTML.
Se você tiver que guardar alguma coisa sobre o que é HTML, guarde isso: HTML serve para dar significado e organizar a informação dos websites.
Tendo isso em mente, você já saberá muito mais do que a maioria dos profissionais por aí.
Lugar legal para aprender e se manter atualizado
https://www.w3schools.com/
Primeiro HTML
Abra o bloco de notas
Digite o código
Salve com a extensão .html
Abra o arquivo no navegador.
Adicionando uma figura
Coloque o arquivo que você acabou de gerar em uma pasta chamada “site”.
Dentro dela crie uma pasta chamada “imagens”.
Copie um imagem (jpg, gif ou png) para esta pasta.
Abra o arquivo html e digite o código marcado
Salve e abra o arquivo no navegador.