Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

[Old] Curso de programação web dia 01

95 views

Published on

Dia 01 do Curso de Web

Published in: Internet
  • Be the first to comment

  • Be the first to like this

[Old] Curso de programação web dia 01

  1. 1. CURSO DE WEB-DESIGN
  2. 2. As linguagens de programação Web ● HTML ● CSS ● JavaScript ● PHP ● MySQL ● Outras
  3. 3. A programação Web ● HTML (estruturação) ● CSS (estilização) ● JavaScript (Dinâmica) ● PHP (Interação) ● MySQL (Base de dados)
  4. 4. O HTML ● Criada por Tim Berners-Lee em 1990 ● HyperText Markup Language ● Linguagem de marcação com hipertexto ● Consiste no uso de “marcas” para estruturação de paginas ● Uso de textos clicaveis para redirecionamento à outras paginas ou seções
  5. 5. As regras do HTML ● Todo comando deve está entre < e > ● Um comando é chamado de: ● Marcas ou marcador ● Etiquetas ● Targetas ● Tags ● Exemplos: <marquee>, <img>, <quote>
  6. 6. As regras do HTML ● Existem dois tipos de tags: ● Container's ● Vazias ● Container's: São usados dois comandos, o de inicio e o de fim. ● Vazias: Só existe um comando.
  7. 7. Tags Containers ● Comando de Inicio entre < e > ● Comando de Fim entre < e >, porém com uma barra “/” depois do sinal de <. ● Exemplos: ● <font></font> ● <body></body> ● <a></a>
  8. 8. Tags Vazias ● Comando entre < e > ● <img>, <input>, <hr> ● Recomendações da W3C: Uso do espaço e barra “/” antes do sinal >. ● <img />, <input />, <hr />
  9. 9. Primeiro Programa em HTML <html> <head> <title>Primeiro Programa</title> </head> <body> Olá, Mundo! </body> </html>
  10. 10. Comandos Usados no primeiro programa ● HTML: Define o inicio e fim da pagina ● HEAD: Define o inicio e fim do cabeçalho ● BODY: Define o inicio e o fim do corpo ● TITLE: Define o titulo da pagina
  11. 11. Estrutura Básica de uma pagina HTML <html> <head> Aqui fica o cabeçalho! </head> <body> Aqui fica o Corpo! </body> </html>
  12. 12. Estrutura Básica de uma Pagina HTML HTML HEAD BODY
  13. 13. Niveis de hierarquias ● A ultima tag aberta é a primeira a ser fechada. ● <a><b><form>texto</form></b></a> ● Igual a matemática ● { [ ( ) ] }
  14. 14. Usando comando MARQUEE ● Marquee: tag container que gera um movimento horizontal em tudo que estiver entre ela. ● Mais uma regra HTML: ● O HTML NÃO É case-sensitive.
  15. 15. Usando MARQUEE <HTML> <Head> <title>Usando MARQUEE</TITLE> </head> <Body> <marquee>Eu estou vivo!</marquee> </boDY> </html>
  16. 16. Tags de Corpo e Cabeçalho ● Existem tags que somente podem ser usadas no corpo e outra só no cabeçalho ● Exemplo: a tag MARQUEE só pode ser usada no corpo
  17. 17. Teste-drive <html> <head> <marquee> <title>Meu Titulo</title> </marquee> </head> <body> Funciona? </body> </html>
  18. 18. Usando o BLINK <HTML> <Head> <title>Usando BLINK</TITLE> </head> <Body> <marquee>Eu estou vivo!</marquee> <blink>Pisca-pisca!</blink> </boDY> </html>

×