Você está na página 1de 18

PROGRAMAÇÃO PARA

WEB

INTRODUÇÃO DA DISCIPLINA

Ademar Alves Trindade


Introdução

Programação Web
AS 3 CAMADAS DE DESENVOLVIMENTO
Primeira camada : Informação
A camada de informação é a mais importante.
Ela vem antes de todas as outras.
Fica sob o controle do HTML.
O HTML marca a informação - dando-lhe
significado.
Segunda camada : Formatação
A segunda camada é responsável por
controlar o visual da informação exibida pelo
HTML.

É esta camada que deixa tudo bonito.


Segunda camada : Formatação
Atualmente essa camada é controlada pelo
CSS.

O CSS é a linguagem responsável por


controlar o visual da informação exibida pelo
HTML.
Terceira camada : Comportamento
O Javascript até hoje é o principal responsável
por essa camada.

Com o Javascript você definirá se os


elementos serão arrastados, dimensionados,
rotacionados, reformatados etc.
Terceira camada : Comportamento
O Javascript controla tudo isso manipulando
as características dos elementos pelo CSS.

O Javascript controla os valores definidos pelo


CSS e manipula estas propriedades.
Introdução
Linguagem de marcação de hipertexto (HTML)

folhas de estilos em cascata (CSS)

JavaScript

são os idiomas que executam a Web.


Introdução
HTML - CSS - JAVASCRIPT

Eles estão intimamente


relacionados, mas também são
projetados para tarefas muito
específicas.
Introdução
HTML - CSS - JAVASCRIPT

Compreender como eles interagem,


precisamos percorrer um longo
caminho.
Introdução
HTML - CSS - JAVASCRIPT

Nós estaremos expandindo isso ao


longo da disciplina.
HTML - CSS - JAVASCRIPT

A essência disso é:

HTML é para adicionar significado ao


conteúdo.

CSS é para formatar o conteúdo.

JavaScript é para tornar esse conteúdo e


formatação interativos.
HTML - CSS - JAVASCRIPT

Pense no HTML como o texto e as


imagens de uma página da Web.

CSS como a página e realmente exibida.

JavaScript como os comportamentos que


podem manipular o HTML e o CSS.
Linguagens versus
“desenvolvimento web”
Há um monte de outras habilidades
práticas que você precisa para executar um
site:

 Organizando HTML em modelos reutilizáveis

 Levantando um servidor web.

 Movendo arquivos do seu computador para o seu


servidor da web.
Linguagens versus
“desenvolvimento web”
Há um monte de outras habilidades
práticas que você precisa para executar um
site:

 Revertendo para uma versão anterior quando


você estraga algo.

 Apontando um nome de domínio no seu servidor.


Linguagens versus
“desenvolvimento web”
Há um monte de outras habilidades
práticas que você precisa para executar um
site:

Lidar com essas complexidades envolve a


configuração de vários “ambientes” para
organizar seus arquivos e lidar com a criação /
implantação do seu site.
Então, o que é “aprender” HTML e CSS?

RESUMINDO ........

Aprender HTML e CSS é uma questão de


entender a marcação HTML disponível e as
regras CSS para fazer um navegador renderizar
exatamente esses arquivos como deveriam.