Tecnologias de Desenvolvimento de Páginas web

Documentos relacionados
Programação para Internet I

Nesta disciplina aprenderemos. HTML CSS JavaScript Jquery PHP

Introdução a Web. Programação para a Internet. Prof. Vilson Heck Junior

Aula 11 Introdução ao Java Script

TECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML

Dreamweaver CC_15x21.indd 1 06/04/ :04:22

UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues

INTRODUÇÃO ÀS APLICAÇÕES PARA WEB

INTRODUÇÃO A PROGRAMAÇÃO PARA WEB

A Web, o Design, o Software Livre e outras histórias... Eduardo Santos -

CURSO PROFISSIONAL DE TÉCNICO DE MULTIMÉDIA

Programação para Web

SEMINÁRIOS INTEGRADOS EM ADS PROGRAMAÇÃO WEB E MOBILE

Desenvolvimento Web. Introdução Geral. Prof. Vicente Paulo de Camargo

Professor: João Macedo

HTML: INTRODUÇÃO TAGS BÁSICAS

Planificação Anual da disciplina de Redes de Comunicação 12º PI

Fundação Educacional Encosta Inferior do Nordeste

Curso online de. Formação em Front-End. Plano de Estudo

Mestrado em Engenharia Física Tecnológica

Gestão de Pessoas. Professor: Itair Pereira da Silva

Web I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E.

O CMS JOOMLA! UM GUIA PARA INICIANTES

Programação para Internet I

Escrever scripts de PHP com HTML

Aplicações Informáticas A

qwertyuiopasdfghjklzxcvbnmqwer tyuiopasdfghjklzxcvbnmqwertyuio pasdfghjklzxcvbnmqwertyuiopasd fghjklzxcvbnmqwertyuiopasdfghjk

INTRODUÇÃO AO. RESUMO

INTRODUÇÃO A PROGRAMAÇÃO AVANÇADA PARA WEB E AO HTML. Prof. Msc. Hélio Esperidião

Introdução ao HTML André Luiz Silva de Moraes Instituto Federal de Santa Catarina

Introdução 20 Diagramas de fluxos de dados 20 O processo de elaboração de DFD 22 Regras práticas para a elaboração de DFD 24 Dicionário de dados 26

MÓDULO 3 PÁGINAS WEB. Criação de Páginas Web

envolvidos numa comunicação

<HTML> Vinícius Roggério da Rocha

Facilitando sua vida com

GERAÇÃO DE ARQUIVOS DE SCRIPT EM PHP. Acadêmico: Leonardo Sommariva Orientador: Alexander Roberto Valdameri

Animação 2D. Sistemas de Informação e Multimédia Módulo 5

Especializado Web Programmer

Construção de sites Aula 1

Internet Explorer 8.0 Navegador (Browser)

José Vieira & José Esmeriz. Universidade do Minho

Especializado Web Programmer. Sobre o curso. Destinatários. Pré-requisitos. Tecnologias de Informação - Web e Mobile. Promoção: 15% Desconto

IFSC/Florianópolis - Programação Orientada a Objetos com Java - prof. Herval Daminelli

TOP 10 dos melhores editores de texto em 2017

Técnico em Informática. Web JavaScript. Profª Ana Paula Mandelli

Internet - Navegação. Conceitos. 1 Marco Soares

Introdução à Tecnologia Web. Ferramentas e Tecnologias de Desenvolvimento Web. Profª MSc. Elizabete Munzlinger

Dreamweaver CS5 -5- CAPÍTULO 1... Iniciando e conhecendo o dreamweaver...8 Interfaces...23 Criando e confi gurando sites...24 Exercícios...

web marketing 2.0 Publicidade e Marketing Aula 2

TOP 10 Melhores Editores de texto para programadores

HTML: Linguagem de Marcação de HiperTexto (HyperText Markup Language) Pimentel, Morganna BSI -UNIRIO DPW

Aula 17 Introdução ao jquery

Curso Online de E-commerce. Plano de Estudo

Introdução à Informática

MICROCOMPUTADORES MONTAGEM E MANUTENÇÃO REDE DE COMPUTADORES A IMAGEM DIGITAL NA EDITORAÇÃO. Ivan Max Freire de Lacerda

André Gonçalo Faria Queda

Capítulo 7. A camada de aplicação

Sistema de Gestão de Videoteca

Manual do usuário people

Gosta de acompanhar os rumos das linguagens de programação? Então não fique de fora dessa! Descubra o que é o HTML 5!

REDES DE COMUNICAÇÃO. 11º - ANO Professor: Rafael Henriques

DEPARTAMENTO DE MATEMÁTICA E CIÊNCIAS EXPERIMENTAIS

Alexandre S. Spengler Monica C. Lima Antônio José Resende

Algoritmos e Programação

Desenvolvimento de Aplicações para. Prof.: Bruno Rafael de Oliveira Rodrigues

Técnicas de Programação para a Web. Luiz Cláudio Silva. Novembro de Apresentação

O que é o HTML5? Tags Canvas

Ensino Técnico Integrado ao Médio FORMAÇÃO PROFISSIONAL. Plano de Trabalho Docente 2014

Programação para Internet

Olá pessoal, Hoje vamos entender os conceitos sobre linguagem de programação. Definição, tipos de linguagens e as linguagens mais utilizadas

Desenvolvimento de Software I

Algoritmos e Programação

PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS

WWW - World Wide Web

Um esquema de nomes para localização de fontes de informação na Web, esse esquema chama-se URI.

Protótipo de uma ferramenta de apoio para desenvolvimento de sistemas web para WebIntegrator

INTRODUÇÃO À TECNOLOGIA DA INFORMAÇÃO CONCEITO DE SOFTWARE PROFESSOR CARLOS MUNIZ

HTML 5, UM ESTUDO SOBRE SEUS NOVOS RECURSOS

Pesquisa e análise de informação

Protocolo HTTP. Professor Leonardo Larback

REFERENCIAL DE RVCC PROFISSIONAL

TOP 10 - Editores de texto para Windows e Linux

O que é necessário para aceder à Internet?

Programação WEB Introdução

Agrupamento de Escolas de Forte da Casa

Capítulo 2. Conceitos básicos 17

CODEPASS Documento de Visão

Internet. Explorar diferentes formas de informação disponível na Internet:

A G R U P A M E N T O D E E S C O L A S D E O L I V E I R I N H A ( ) E S C O L A B Á S I C A D E O L I V E I R I N H A ( )

EditWeb: Auxiliando professores na autoria de páginas Web que respeitem critérios de Usabilidade e Acessibilidade

ESCOLA BÁSICA INTEGRADA DE ANGRA DO HEROÍSMO PROGRAMA CURRICULAR

CSS Organizado e simples. Cercomp Equipe Web Nícolas Lazarte -

Instalação, Configuração e Operação em Redes Locais e Internet

Palavras-chave: Apostilas eletrônicas, Modernização do ensino, Aprendizado à distância.

DESENVOLVIMENTO DE SOFTWARE DE VOTAÇÃO WEB UTILIZANDO TECNOLOGIA TOUCHSCREEN

Programação para Internet I. Fernando F. Costa

Browser é um programa desenvolvido para permitir a navegação pela web, capaz de processar diversas linguagens, como HTML, ASP, PHP.

Transcrição:

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

HTML Hypertext Markup Language

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.

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.

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.

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

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.

DHTML Dynamic Hypertext Markup Language

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.

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.

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.

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.

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.

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.

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.

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.

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

CSS Cascading Style Sheets

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.

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).

JavaScript

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.

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.

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.

VBS Visual Basic Script

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.

Java

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.

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.