A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Fundamentos de WEB - HTML, CSS e JS

Apresentações semelhantes


Apresentação em tema: "Fundamentos de WEB - HTML, CSS e JS"— Transcrição da apresentação:

1 Fundamentos de WEB - HTML, CSS e JS
Desenvolvimento Java - Turma I Fundamentos de WEB - HTML, CSS e JS Esp. Marcelo Mendes Esp. Arnaldo Costa

2 Programação Período: 31/01/2011 a 11/02/2011 CH: 30 horas
Avaliações: 1 Conteúdo:

3 Tópicos abordados Mundo Web Processos de software
Cenário de desenvolvimento Linguagens HTML, xHTML, CSS Padrões W3C Linguagem Javascript Linguagem PHP

4 Linguagem HTML HTML – Hyper Text Markup Language
Desenvolvida por Tim Berners-Lee Durante década de 90 Conhecida através do browser Mosaic(NCSA) Linguagem entendida mundialmente Interpretada por browser’s (navegadores)

5 Linguagem HTML Facilidade na codificação Facilidade na formatação
Essencial em um sistema web Requer padronização Compatibilidade com navegadores

6 Linguagem XHTML e Padrões W3C
XHTML e W3C – Padronização de tags W3C – Comitê de validação Tags em letras minúsculas Atualizar tags obsoletas Especificar tipo de documento html

7 Exemplos Errado: <DIV><P>Aqui um texto</P></DIV> Certo: <div><p>Aqui um texto</p></div> <div><i><p>Aqui um texto negrito</i></p></div> <div><i><p>Aqui um texto negrito</p></i></div> <p>Um parágrafo.<p>Outro parágrafo. <p>Um parágrafo.</p><p>Outro parágrafo.</p>

8 Estrutura de uma página validada pelo W3C
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Página Exemplo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso "> </head> <body> <b><font color=“blue" size="3" face="Verdana">Olá Mundo!</font></b> <br> <img src="imagens/w3cxhtml.bmp" title=“Comitê W3C"> </body> </html>

9 Estrutura de uma página com imagem e link

10 CSS - Cascading Style Sheets Linguagem de Estilos
Define a apresentação de documentos escritos em HTML; Benefício: Prover a separação entre o formato e o conteúdo de um documento

11 CSS - Cascading Style Sheets Linguagem de Estilos
<html><head> <title>Exemplo de CSS</title> <style> body { font-family: Arial, Verdana, sans-serif; background-color: #FFF; margin: 5px 10px; } </style> </head> <body> OLÁ MUNDO. </body> </html>

12 CSS - Cascading Style Sheets Linguagem de Estilos
Incluindo CSS na página através de link <html><head> <title>Exemplo de CSS</title> <link rel="stylesheet" type="text/css" href="estilos.css"> </head> <body> OLÁ MUNDO. </body> </html>

13

14 Formulários, Tabelas e Formatações
<form name=“formcad” method=“post” action=“endereco.html” </form>

15 Formulários, Tabelas e Formatações

16 Formulários, Tabelas e Formatações

17 Formulários, Tabelas e Formatações

18 Atividade

19 Linguagem JavaScript Executada no cliente Não protege o código fonte
Executada pelo navegador Incompatibilidade com navegadores Bastante utilizada para efeito visuais Utilizada em checagem de formulários

20 Exemplo de JS

21 Código fonte JavaScript

22 Linguagem PHP Breve histórico da linguagem
Personal Home Page Tools – PHP Hipertext Preprocessador – PHP Software livre Independência de Sistema Operacional Código fonte somente no servidor Trabalha em conjunto com html (form’s)

23 Linguagem PHP Permite mesclagem de HTML+PHP Versão 5
POO – Programação Orientada a Objetos Concorrente da Linguagem JAVA (JEE) Tem suporte a maioria dos banco de dados

24 Características Independência de servidor web Case sensitive
Identifica dinamicamente os tipos de variáveis Segurança Rápido Flexível na configuração (warnings e erros) Não necessita de instalação no cliente

25 Exemplos

26 Resultado no browser

27 Mãos a obra!


Carregar ppt "Fundamentos de WEB - HTML, CSS e JS"

Apresentações semelhantes


Anúncios Google