Apostila - tecnologias web

Disponível somente no TrabalhosFeitos
  • Páginas : 22 (5393 palavras )
  • Download(s) : 0
  • Publicado : 24 de outubro de 2011
Ler documento completo
Amostra do texto
PROJETO E-JOVEM

APOSTILA HTML-CSS-JS

Projeto E-JOVEM

Índice
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. Introdução ao HTML ........................................................................................................... 4 Estrutura de um arquivo HTML ........................................................................................ 6 Textos................................................................................................................................... 10 Recursos Visuais ................................................................................................................. 13 Frames ................................................................................................................................. 20 DIV....................................................................................................................................... 23 Formulários ......................................................................................................................... 25 Desafio.................................................................................................................................. 30 Oque é CSS e como funciona. ........................................................................................... 31 O JavaScript........................................................................................................................ 51 EXERCÍCIOS RESOLVIDOS.......................................................................................... 72 Exercício Proposto HTML –CSS -JS ............................................................................... 98

3

Projeto E-JOVEM

Introdução
Nesta apostila vamos abordar a Linguagem básica de internet HTML, mas antes de começarmos os estudos do html vamos falar um pouco sobre o famoso www.
WWW:

Também conhecido como Web é a interface gráfica da grande rede de comunicação à internet. Sua idéia é criar umconjunto de informações sem fronteiras, tendo as seguintes características: • • • Interface consistente; Incorporar um vasto conjunto de tecnologias e tipos de documentos; E ter uma leitura universal;

E para isso faz-se necessário as seguintes ferramentas: • • • HTTP: protocolo de transmissão de dados; URL: sistema de endereçamento; HTML: linguagem de formatação para transmitir documentosatravés da rede;

1. Introdução ao HTML

1.1. O que é HTML? HTML – Hyper Text Markup Language ( Linguagem de marcação de Hypertexo.) é uma linguagem considerada a base de todas as outras linguagens de desenvolvimento de projetos para Web que trabalha com marcação de textos e é muito utilizada atualmente para a criação de páginas Web. Com ela você pode compartilhar fotos, vídeos, músicas, textos efazer muitas coisas. Documentos HTML podem ser interpretados por navegadores como: internet explorer, firefox, safari, opera entre outros. 1.2. História Foi a primeira linguagem no setor e é usada amplamente ate os dias atuais. Foi criada pelo Tim Berners-Lee. Html surgiu da união dos padrões Hytime e SGML

4

Projeto E-JOVEM HyTime: é um padrão de representação estruturada de hipermídia econteúdo baseado em tempo(áudio, vídeo etc.). É também um padrão independente de processamento de textos em geral. SGML: não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiper-objetos e para descrever as ligações. Existe muita coisa relacionada com a historia do HTML. Mas eu nesta apostila pretendo apenas ensinar como usá-lo. 1.3. Tags Uma pagina básica emHTML e um arquivo de texto simples contendo o texto da pagina e os comandos HTML que definem a formatação das mesmas. Os comandos são indicados entre os marcadores chamados TAG que vem entre os símbolos de < e >. A maioria das tags tem uma tag correspondente para o fechamento: ... Uma tag é formada, por comandos atributos e valores. Os atributos modificam os resultados padrões dos comandos e...
tracking img