aula 1 - 16/05/2015 de 10:30 - 12h

conteúdo - Programação para a internet

 

1 - introdução ao HTML e javascript

1.1 - O que é HTML -> HTML(Hyper Text Markup Language) Linguagem de marcação baseada em SGML. Utilizada para publicação na web. foi criada por Tim Berners-Lee.

1.2 - O que é javascript -> é uma linguagem de programação derivada do java, do lado cliente, ou seja, é processada pelo próprio navegador.

 

2 - estrutura HTML

2.1 - estrutura principal < html >< /html > -> estrutura total da pagina(corpo)

2.2 - cabeçalho < head >< /head > -> inicia antes da pagina

2.3 - corpo < body >< /body > -> a pagina

 

3 - TAGs iniciais HTML

3.1 -< meta >< /meta > -> entre outras coisas, descrevem o conteúdo do seu site para os buscadores. É nelas que você vai inserir as palavras-chave que facilitarão na hora de te encontrar sua pagina

3.2 - < title >< /title > -> finalidade é escrever o titulo de sua pagina no navegador

3.3 - < input/ > -> múltiplas finalidades dependendo do tipo.(submit, button, text, hidden, checkbox, password ...)

4 - Atributos de TAGs
4.1 - Atributos da TAG < body >< /body > ->

4.1.1 - bgcolor="#FF0000" -> troca a cor de fundo padrão branco para a cor desejada em hexadecimal.

4.1.2 - background="img_de_fundo.jpg" -> adiciona uma imagem ao fundo da pagina

4.1.3 - text="#0000FF" -> formata todos os textos com a cor em hexadecimal

4.1.4 - link="#0000FF" -> muda a cor de todos os links da pagina para a cor em hexadecimal

4.1.5 - alink="#FF0000" -> muda a cor de todos os links ativos da pagina para a cor em hexadecimal

4.1.6 - vlink=" #FFFF00" -> muda a cor de todos os links visitados da pagina para a cor em hexadecimal

4.1.7 - bottommargin="100px" -> distancia o corpo da borda do navegador para o pixel setado

4.1.8 - topmargin="100px" -> distancia do topo para o inicio da pagina em pixels

4.1.9 - leftmargin="100px" -> distancia da borda esquerda para o inicio da pagina em pixels

4.1.10 - rightmargin="100px" -> distancia da borda direita para o inicio da pagina em pixels

4.2 - Atributos da TAG < input/ > ->

4.2.1 - type="" -> seta o tipo de input que você deseja usar em sua aplicação

4.2.2 - style="background:#F00" -> define o estilo da TAG, ex cor de fundo, alinhamento etc...

4.2.3 - style="background:#F00" -> define o estilo da TAG, ex cor de fundo, alinhamento etc...

5 - função javascript

5.1 - O que é função javascript ->é uma função cria uma alteração ou efeito em cima de uma tag no HTML e é chamada com um metodo(onclick, onblur, onchange, indbclick)

5.2 - chamando a função -> método nome da função() ex: onclick="minhafuncao()"

Arquivo .doc
por victorpitts@gmail.com / gsantos.c18@gmail.com