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.