Tecnologias de Desenvolvimento de Páginas web

Transcrição

1 Tecnologias de Desenvolvimento de Páginas web HTML DHTML CSS Javascript Visual Basic Script Java

2 HTML Hypertext Markup Language

3 HTML Hypertext Markup Language Linguagem com a qual se definem as páginas web. Basicamente trata-se de um conjunto de etiquetas que servem para definir a forma na qual se apresentará o texto e outros elementos da página. Todas as páginas web são escritas em HTML ou, pelo menos, numa estrutura baseada e compatível com ela.

4 HTML Hypertext Markup Language O HTML é uma versão especial do SGML Standard Generalized Markup Language (usado em grandes companhias para a troca de dados) que utiliza a noção de hipertexto. Um documento em hipertexto contém texto realçado que efectua ligações com outras páginas. Ao seleccionar este texto, passamos para uma página distinta que pode estar armazenada localmente ou em rede.

5 HTML Hypertext Markup Language A sua primeira versão, o HTML 1.0 surgiu no início dos anos 90. No entanto, a versão não foi considerada um standard pois não apresentava inovações relativamente a alguns desenvolvimentos já feitos na área, nomeadamente através do primeiro e popularizado browser Mosaic. A primeira versão oficial e considerada standard foi o HTML 2.0.

6 HTML Hypertext Markup Language No entanto, outras versões da linguagem já surgiram. A mais recente (disponível 2009) é o HTML A versão mais recente em HTML, em 2 de Março de 2011 é o HTML 5 Disponível em O HTML, tal como a Worl Wide Web, foi criado e desenvolvido por Tim Berners-Lee.

7 HTML Hypertext Markup Language Esta linguagem escreve-se num documento de texto, pelo que necessitamos de um editor de textos para escrever uma página web. O ficheiro de texto terá depois de ter a extensão.html ou.htm.

8 DHTML Dynamic Hypertext Markup Language

9 DHTML Dynamic HTML O DHTML surgiu para colmatar deficiências do HTML a nível do dinamismo e interactividade. É um conjunto de tecnologias que, juntas, disponibilizam as ferramentas necessárias para tornar dinâmica a linguagem HTML.

10 DHTML Dynamic HTML As principais tecnologias utilizadas pelo DHTML são: HTML; CSS (Cascading Style Sheets): Conhecidas como folhas de estilo, essa tecnologia permite controlar a formatação dos diversos elementos que compõem uma página web. - CSS Positioning: Permite a alteração do posicionamento de um elemento da página como textos e imagens dinamicamente, através de uma linguagem client scripting.

11 DHTML Dynamic HTML Client scripting: Trata-se de um pequeno programa, que será interpretado pelo browser do cliente e não no servidor. Algumas linguagens de scripting que podem ser utilizadas são JavaScript e VBScript. - DOM (Document Object Model): Trata-se do modelo de objectos (com suas propriedades e métodos) que são expostos ao programador DHTML. Através do envio de mensagens a estes objectos, o programador pode explorar a interactividade com o usuário.

12 DHTML Dynamic HTML Existem dois tipos de DHTML: DHTML de cliente; DHTML de servidor. O primeiro desenvolve-se tirando partido do browser do cliente. O segundo desenvolve-se tirando partido de software específico do servidor para execução de scripts.

13 DHTML Dynamic HTML A programação no cliente serve para muitas coisas, exemplos disso são efeitos diversos nas páginas, áudios, vídeos, menus interactivos, controle e resposta às acções de um visitante na página, controle sobre os formulários, etc. Para fazer muitas destas coisas podemos utilizar diversas linguagens de programação como Javascript e VBScript, ou inclusive Flash.

14 DHTML Dynamic HTML No entanto, está mais próxima a ideia do DHTML a programação de scripts dentro da página com as linguagens ao lado do cliente. Javascript para todos os navegadores e VBScript para Internet Explorer. Estas linguagens trabalham integradas com o navegador e dependem do modelo e da versão deste.

15 DHTML Dynamic HTML Existem uma série de linguagens que se baseiam no servidor para executar seus scripts. Quando uma página é solicitada por parte de um cliente, o servidor executa os scripts e gera uma página resultado, que envia ao cliente. A página resultado contém unicamente o código HTML, pelo que pode ser interpretada por qualquer navegador sem lugar para erros, independentemente de sua versão.

16 DHTML Dynamic HTML Linguagens do lado do servidor são ASP, desenvolvido pela Microsoft, PHP de código livre, JSP para programar em Java, ou alguma outra interface como CGI, que se desenvolve em linguagens como C ou Perl.

17 DHTML Dynamic HTML Esquema do funcionamento das páginas com scripts do servidor

18 CSS Cascading Style Sheets

19 CSS Cascading Style Sheets Tecnologia que nos permite criar páginas web controlando de uma forma mais exacta o estilo e formatação de múltiplas páginas web em simultâneo. As CSS foram criadas para resolver o problema criado pelo progressivo aumento de elementos de formatação de um documento junto ao conteúdo efectivo da página web.

20 CSS Cascading Style Sheets As CSS permitem poupar muito trabalho já que para alterar as formatações de uma ou mais páginas web basta alterar o ficheiro de CSS. As CSS podem ser internas (no cabeçalho da página) ou externas (num ficheiro à parte).

21 JavaScript

22 JavaScript Javascript é uma linguagem de programação utilizada para criar pequenos programas encarregues de realizar acções dentro do âmbito de uma página web. É uma linguagem do lado cliente que, devido à sua alta compatibilidade, é uma das mais usadas.

23 JavaScript Com Javascript podemos criar efeitos especiais nas páginas e definir interactividades com o utilizador. É simples e foi pensada para fazer as coisas com rapidez. É fácil de aprender.

24 JavaScript Com Javascript o programador converte-se no verdadeiro dono e controlador de cada uma das acções que ocorrem na página quando esta é visualizada pelo cliente.

25 VBS Visual Basic Script

26 VBS Visual Basic Script Linguagem de programação de scripts do lado do cliente, apenas compatível com Internet Explorer. É por isso que a sua utilização está desaconselhada a favor do Javascript. É baseada no Visual Basic, uma linguagem popular para criar aplicações Windows. Tanto a sua sintaxe como a sua forma de trabalhar são semelhantes.

27 Java

28 Java Linguagem de programação com a qual podemos realizar qualquer tipo de programa. Ela é muito extensa e cada vez tem mais importância no âmbito de Internet e na informática em geral. Foi desenvolvida pela Sun Microsystems.

29 Java Uma das principais características pelas quais Java tornou-se tão famosa foi o facto de ser uma linguagem independente da plataforma. Isto quer dizer que se fizermos um programa em Java poderá funcionar em qualquer computador do mercado. Isto é possível devido à Máquina de Java que faz a ponte entre o sistema operativo e o programa de Java e possibilita que estes comuniquem perfeitamente.