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

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

Linguagens Web - Cliente Aula 1 Desenvolvimento Web Prof. Gilmar Medeiros – Agosto/2009 Instituto Metodista Izabela Hendrix Curso de Tecnologia em Análise.

Apresentações semelhantes


Apresentação em tema: "Linguagens Web - Cliente Aula 1 Desenvolvimento Web Prof. Gilmar Medeiros – Agosto/2009 Instituto Metodista Izabela Hendrix Curso de Tecnologia em Análise."— Transcrição da apresentação:

1 Linguagens Web - Cliente Aula 1 Desenvolvimento Web Prof. Gilmar Medeiros – Agosto/2009 Instituto Metodista Izabela Hendrix Curso de Tecnologia em Análise e Desenvolvimento de Sistemas

2 Assuntos Abordados Histórico do desenvolvimento da Web Histórico do desenvolvimento da Web Primeiros passos como desenvolvedor Web: Primeiros passos como desenvolvedor Web: Linguagens de Markup – HTML, XML e XHTML Linguagens de Markup – HTML, XML e XHTML Folhas de estilo em cascata – CSS Folhas de estilo em cascata – CSS Estudo do protocolo de transporte – HTTP Estudo do protocolo de transporte – HTTP Interação Browser Cliente: Interação Browser Cliente: JavaScript JavaScript Ajax = JavaScript +XML – Web 2.0 Ajax = JavaScript +XML – Web 2.0 Aplicações Internet Ricas = RIA – Web 2.0 Aplicações Internet Ricas = RIA – Web 2.0 Interação Browser Servidor: Interação Browser Servidor: Linguagens de Script Linguagens de Script Arquitetura Java Enterprise Edition – Servlets e JSPs Arquitetura Java Enterprise Edition – Servlets e JSPs Assuntos Futuros: Assuntos Futuros: Estudo de Frameworks MVC: Java Server Faces e Struts Estudo de Frameworks MVC: Java Server Faces e Struts WebServices e Arquitetura Orientada a Serviços (SOA) WebServices e Arquitetura Orientada a Serviços (SOA)

3 Apresentação O que é o desenvolvimento Web? O que é o desenvolvimento Web? Quais os paradigmas envolvidos? Quais os paradigmas envolvidos? O que eu preciso aprender para desenvolver para a Web? O que eu preciso aprender para desenvolver para a Web? E porque o desenvolvimento Web é tão fascinante assim? E porque o desenvolvimento Web é tão fascinante assim? Somente o HTML me basta? Somente o HTML me basta? Para que servem as linguagens de Script? Para que servem as linguagens de Script? E esse tal de HTTP? CSS? JavaScript? E esse tal de HTTP? CSS? JavaScript? Java EE? Ajax? SOA? WebServices? Java EE? Ajax? SOA? WebServices?

4 Breve Histórico da Web Inicialmente um projeto acadêmico, toda a apresentação feita em modo texto Inicialmente um projeto acadêmico, toda a apresentação feita em modo texto O grande impulso da Web veio com o uso do protocolo www ou World Wide Web, ou seja, uso de imagens em um browser O grande impulso da Web veio com o uso do protocolo www ou World Wide Web, ou seja, uso de imagens em um browser O Mosaic foi um dos primeiros browsers, seguido do Netscape O Mosaic foi um dos primeiros browsers, seguido do Netscape Nessa época a Microsoft simplesmente se recusava a acreditar que a Internet e recursos www pudessem ser o grande “boom” do momento e daí em diante Nessa época a Microsoft simplesmente se recusava a acreditar que a Internet e recursos www pudessem ser o grande “boom” do momento e daí em diante

5 Paradigmas de Desenvolvimento Web Quais são os paradigmas aqui envolvidos? Quais são os paradigmas aqui envolvidos? Paradigma Web Paradigma Web Paradigma de Orientação a Objetos Paradigma de Orientação a Objetos Paradigmas de Desenvolvimento Gráfico Paradigmas de Desenvolvimento Gráfico Padrões de Projetos, como o MVC – Model, View, Controller Padrões de Projetos, como o MVC – Model, View, Controller etc etc

6 Protocolo HTTP HTTP: HyperText Transfer Protocol HTTP: HyperText Transfer Protocol Protocolo que permitiu o uso da Internet como ela é hoje, com a definição de páginas HTML e adjacentes, além da interação cliente-servidor Protocolo que permitiu o uso da Internet como ela é hoje, com a definição de páginas HTML e adjacentes, além da interação cliente-servidor Por trás dos bastidores – protocolo TCP/IP, responsável por toda a infra-estrutura da Internet Por trás dos bastidores – protocolo TCP/IP, responsável por toda a infra-estrutura da Internet O TCP/IP é um protocolo aberto, extremamente confiável e testado, inicialmente desenvolvido para Unix, e depois copiado em SOs Microsoft O TCP/IP é um protocolo aberto, extremamente confiável e testado, inicialmente desenvolvido para Unix, e depois copiado em SOs Microsoft

7 Fundamentos Web-Cliente: HTML O HTML é uma linguagem de markup, que faz uso de tags com funcionalidades estáticas; O HTML é uma linguagem de markup, que faz uso de tags com funcionalidades estáticas; Tudo que fugir de um conteúdo estático, pede “algo mais”, que se funde ao HTML, como: Tudo que fugir de um conteúdo estático, pede “algo mais”, que se funde ao HTML, como: Uso de XML: XHTML; Uso de XML: XHTML; Uso de folhas de estilo em cascata: CSS; Uso de folhas de estilo em cascata: CSS; Uso de linguagens de script, como o JavaScript; Uso de linguagens de script, como o JavaScript; Uso de formulários HTML – tag, que redireciona páginas HTML para processamento dinâmico, executado em servidores Uso de formulários HTML – tag, que redireciona páginas HTML para processamento dinâmico, executado em servidores

8 XHTML – Exemplo de Código Execução: basta abrir o código XHTML em um browser

9 Folhas de Estilo em Cascata – CSS “Folha de estilo em cascata é um mecanismo simples para adicionar estilos (p.ex., fontes, cores, espaçamentos) aos documentos Web” “Folha de estilo em cascata é um mecanismo simples para adicionar estilos (p.ex., fontes, cores, espaçamentos) aos documentos Web” Finalidade básica: Finalidade básica: Devolver ao (X)HTML o propósito de ser uma linguagem de marcação e estruturação de conteúdos; Devolver ao (X)HTML o propósito de ser uma linguagem de marcação e estruturação de conteúdos; Deste modo, detalhes de apresentação dos elementos ficam a cargo do CSS, que gerencia: Deste modo, detalhes de apresentação dos elementos ficam a cargo do CSS, que gerencia: Cores de fontes, tamanhos de textos, posicionamentos Cores de fontes, tamanhos de textos, posicionamentos Ou seja, todo o aspecto visual de um documento Ou seja, todo o aspecto visual de um documento

10 CSS – Sintaxe - I Regras CSS: Regras CSS: Unidade básica de uma folha de estilo Unidade básica de uma folha de estilo Responsável por produzir um efeito de estilização Responsável por produzir um efeito de estilização Declaração: uma propriedade e um valor Declaração: uma propriedade e um valor seletor { propriedade : valor } Seletor: alvo da regra; geralmente a tag html Seletor: alvo da regra; geralmente a tag html Declaração: determina os parâmetros da estilização Declaração: determina os parâmetros da estilização

11 CSS – Sintaxe - II Exemplo: Exemplo: p { font-family: “Times New Roman”; font-style: italic; color: #ff0000; } O exemplo acima altera propriedades de fonte e cor da tag html, ou seja, da tag de parágrafo O exemplo acima altera propriedades de fonte e cor da tag html, ou seja, da tag de parágrafo Obs: o mesmo pode ser feito para outras tags html, definindo estilos a serem aplicados e mais importante: Obs: o mesmo pode ser feito para outras tags html, definindo estilos a serem aplicados e mais importante: Promove a separação entre conteúdo e estilo !

12 Uso do CSS em código (X)HTML

13 Web Standards Web Standards ou Padrões Web são compostos por: Web Standards ou Padrões Web são compostos por: um conjunto de normas, diretrizes, recomendações, notas, artigos, tutoriais e afins, de caráter técnico, produzidos pelo W3C; um conjunto de normas, diretrizes, recomendações, notas, artigos, tutoriais e afins, de caráter técnico, produzidos pelo W3C; são destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos; são destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos; Acessível, independentemente dos dispositivos usados ou de suas necessidades especiais. Acessível, independentemente dos dispositivos usados ou de suas necessidades especiais.

14 Bibliografia * SILVA, MAURICIO SAMY. Construindo Sites com CSS e (X)HTML. 1a Edição, Editora Novatec. ISBN: SILVA, MAURICIO SAMY. Construindo Sites com CSS e (X)HTML. 1a Edição, Editora Novatec. * DEITEL & DEITEL: Ajax, Rich Internet Applications e Desenvolvimento Web para programadores. 1a Edição, Editora Pearson Prentice Hall, ISBN: * DEITEL & DEITEL: Ajax, Rich Internet Applications e Desenvolvimento Web para programadores. 1a Edição, Editora Pearson Prentice Hall, ISBN: SIERRA, KATHY; BASHAN, BRIAN. Use a Cabeça! Servlets e JSP. 1a Edição, Editora Alta Books. ISBN: SIERRA, KATHY; BASHAN, BRIAN. Use a Cabeça! Servlets e JSP. 1a Edição, Editora Alta Books. ISBN: FREEMAN, ERIC; FREEMAN, ELISABETH. Use a Cabeça! HTML com CSS e XHTML. 1a Edição, Editora Alta Books. ISBN: FREEMAN, ERIC; FREEMAN, ELISABETH. Use a Cabeça! HTML com CSS e XHTML. 1a Edição, Editora Alta Books. ISBN: MURACH, JOEL; STEELMAN, ANDREA. Murach's Java Servlets and JSP – Training & Reference. 1a Edição, Editora Mike Murach and Associates. ISBN: MURACH, JOEL; STEELMAN, ANDREA. Murach's Java Servlets and JSP – Training & Reference. 1a Edição, Editora Mike Murach and Associates. ISBN:

15 Recursos Internet Site do Mauricio Samy: Site do Mauricio Samy: Consórcio WWW -W3C: Consórcio WWW -W3C: CSS Zen Garden: CSS Zen Garden: XHTML Resource Center: XHTML Resource Center:


Carregar ppt "Linguagens Web - Cliente Aula 1 Desenvolvimento Web Prof. Gilmar Medeiros – Agosto/2009 Instituto Metodista Izabela Hendrix Curso de Tecnologia em Análise."

Apresentações semelhantes


Anúncios Google