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 |