Programação web

15
HTML é uma sigla inglesa da expressão Hypertext Markup Language e designa uma linguagem de descrição de documentos standartd da World Wide Web. É uma aplicação da SGML que utiliza tags para definir os diferentes elementos, tais como texto, elementos multimédia, formulários, hiperligações, etc. Acompanhando a evolução da Internet e dos próprios navegadores (ou browsers), a linguagem HTML também tem vindo a evoluir de forma a incorporar novas funcionalidades. A versão mais recente é a HTML 5, desenvolvida pelo W3C (World Wide Web Consortium) HTML é uma sigla inglesa da expressão Hypertext Markup Language e designa uma linguagem de descrição de documentos standartd da World Wide Web. É uma aplicação da SGML que utiliza tags para definir os diferentes elementos, tais como texto, elementos multimédia, formulários, hiperligações, etc. Acompanhando a evolução da Internet e dos próprios navegadores (ou browsers), a linguagem HTML também tem vindo a evoluir de forma a incorporar novas funcionalidades. A versão mais recente é a HTML 5, desenvolvida pelo W3C (World Wide Web Consortium)

description

HTML,Css,HTML5,java,

Transcript of Programação web

Page 1: Programação web

HTML é uma sigla inglesa da expressão Hypertext Markup Language e designa uma linguagem de descrição de documentos standartd da World Wide Web.

É uma aplicação da SGML que utiliza tags para definir os diferentes elementos, tais como texto, elementos multimédia, formulários, hiperligações, etc.

Acompanhando a evolução da Internet e dos próprios navegadores (ou browsers), a linguagem HTML também tem vindo a evoluir de forma a incorporar novas funcionalidades. A versão mais recente é a HTML 5, desenvolvida pelo W3C (WorldWide Web Consortium)

HTML é uma sigla inglesa da expressão Hypertext Markup Language e designa uma linguagem de descrição de documentos standartd da World Wide Web.

É uma aplicação da SGML que utiliza tags para definir os diferentes elementos, tais como texto, elementos multimédia, formulários, hiperligações, etc.

Acompanhando a evolução da Internet e dos próprios navegadores (ou browsers), a linguagem HTML também tem vindo a evoluir de forma a incorporar novas funcionalidades. A versão mais recente é a HTML 5, desenvolvida pelo W3C (WorldWide Web Consortium)

Page 2: Programação web

Dynamic HTML, ou DHTML, não é uma linguagem mas sim a união das tecnologias HTML, javascrypt. É uma linguagem de apresentação, como folhas de estilo CSS aliada a um Modelo de Objecto de Documentos, para permitir que uma página Web seja modificada dinamicamente na própria máquina cliente, sem necessidade de novos acessos ao servidor web.

Resumindo, DHTML é um conjunto de ingredientes que proporcionam um maior controle sobre a apresentação do conteúdo de páginas da Web, além de possibilitar a inclusão de componentes multimédia, como animações, embebidas directamente no código HTML, sem a necessidade de plug‐ins.

Dynamic HTML, ou DHTML, não é uma linguagem mas sim a união das tecnologias HTML, javascrypt. É uma linguagem de apresentação, como folhas de estilo CSS aliada a um Modelo de Objecto de Documentos, para permitir que uma página Web seja modificada dinamicamente na própria máquina cliente, sem necessidade de novos acessos ao servidor web.

Resumindo, DHTML é um conjunto de ingredientes que proporcionam um maior controle sobre a apresentação do conteúdo de páginas da Web, além de possibilitar a inclusão de componentes multimédia, como animações, embebidas directamente no código HTML, sem a necessidade de plug‐ins.

Page 3: Programação web

O termo CSS (sigla da expressão inglesa Cascading Style Sheets) designa folhas de estilo a serem aplicadas em páginas da Web por via de uma ligação com uma aplicação XML, permitindo alterar o aspecto de determinados componentes html da página.

O termo CSS (sigla da expressão inglesa Cascading Style Sheets) designa folhas de estilo a serem aplicadas em páginas da Web por via de uma ligação com uma aplicação XML, permitindo alterar o aspecto de determinados componentes html da página.

Page 4: Programação web

O termo JAVA designa uma linguagem de programação orientada por objectos desenvolvida na década de 90 pela Sun Microsystems. 

Contrariamente às linguagens de programação convencionais, que são compiladas para código nativo, a linguagem Java é compilada para bytecode que é executado por uma máquina virtual.

O termo JAVA designa uma linguagem de programação orientada por objectos desenvolvida na década de 90 pela Sun Microsystems. 

Contrariamente às linguagens de programação convencionais, que são compiladas para código nativo, a linguagem Java é compilada para bytecode que é executado por uma máquina virtual.

Page 5: Programação web

Não deve ser confundida com Java (linguagem de programação) . 

JavaScript (por vezes abreviado JS) é um protótipo baseado em linguagem de script que é dinâmica, linguagem de programação de propósito geral e tem funções de primeira classe . 

O JavaScript foi formalizado no ECMAS Scrypt linguagem padrão e é utilizado principalmente na forma de cliente‐side Java Scrypt, implementado como parte de um navegador da Web a fim de proporcionar reforço de interfaces entre utilizador de sites dinâmicos . 

Isto permite programático acesso a objectos computacionais dentro de um ambiente de host.

Não deve ser confundida com Java (linguagem de programação) . 

JavaScript (por vezes abreviado JS) é um protótipo baseado em linguagem de script que é dinâmica, linguagem de programação de propósito geral e tem funções de primeira classe . 

O JavaScript foi formalizado no ECMAS Scrypt linguagem padrão e é utilizado principalmente na forma de cliente‐side Java Scrypt, implementado como parte de um navegador da Web a fim de proporcionar reforço de interfaces entre utilizador de sites dinâmicos . 

Isto permite programático acesso a objectos computacionais dentro de um ambiente de host.

Page 6: Programação web

XML (Extensible Markup Language) é uma recomendação da W3C para gerar linguagens demarcação para necessidades especiais.É um dos subtipos da SGML (acrônimo de Standard Generalized Markup Language ouLinguagem Padronizada de Marcação Genérica) capaz de descrever diversos tipos de dados.O seu propósito principal é a facilidade de compartilhamento de informações através dainternet.Entre linguagens baseadas em XML incluem‐se XHTML (formato para páginas Web), RDF, SDMX,SMIL, MathML (formato para expressões matemáticas), NCL, XBRL, XSIL e SVG (formato gráficovectorial).A principal característica do XML, de criar uma infra‐estrutura única para diversas linguagens, éque linguagens desconhecidas e de pouco uso também podem ser definidas sem maiortrabalho e sem necessidade de ser submetidas aos comités de padronização.

XML (Extensible Markup Language) é uma recomendação da W3C para gerar linguagens demarcação para necessidades especiais.É um dos subtipos da SGML (acrônimo de Standard Generalized Markup Language ouLinguagem Padronizada de Marcação Genérica) capaz de descrever diversos tipos de dados.O seu propósito principal é a facilidade de compartilhamento de informações através dainternet.Entre linguagens baseadas em XML incluem‐se XHTML (formato para páginas Web), RDF, SDMX,SMIL, MathML (formato para expressões matemáticas), NCL, XBRL, XSIL e SVG (formato gráficovectorial).A principal característica do XML, de criar uma infra‐estrutura única para diversas linguagens, éque linguagens desconhecidas e de pouco uso também podem ser definidas sem maiortrabalho e sem necessidade de ser submetidas aos comités de padronização.

Page 7: Programação web

O que é o HTML5?HTML5 será o novo padrão de HTML.

HTML5 ainda é um work in progress. No entanto, os principais navegadores suportam muitos dos elementos do HTML5 e novas APIs.

HTML5 é uma cooperação entre a World Wide Web Consortium (W3C) e da Web Hypertext Tecnologia de Aplicação Working Group (WHATWG).Algumas regras para HTML5 foram estabelecidos:

Novos recursos deve ser baseada em HTML, CSS, DOM e JavaScriptReduzir a necessidade de plugins externos (como o Flash)Melhor tratamento de errosMais de marcação para substituir scriptingHTML5 deve ser independente do dispositivo

O que é o HTML5?HTML5 será o novo padrão de HTML.

HTML5 ainda é um work in progress. No entanto, os principais navegadores suportam muitos dos elementos do HTML5 e novas APIs.

HTML5 é uma cooperação entre a World Wide Web Consortium (W3C) e da Web Hypertext Tecnologia de Aplicação Working Group (WHATWG).Algumas regras para HTML5 foram estabelecidos:

Novos recursos deve ser baseada em HTML, CSS, DOM e JavaScriptReduzir a necessidade de plugins externos (como o Flash)Melhor tratamento de errosMais de marcação para substituir scriptingHTML5 deve ser independente do dispositivo

Page 8: Programação web

O HTML5 <! DOCTYPE>Em HTML5 não é apenas uma declaração,e é muito simples <doctype!>:O HTML5 <! DOCTYPE>Em HTML5 não é apenas uma declaração,e é muito simples <doctype!>:

<!DOCTYPE html>

Novas FuncionalidadesAlgumas das características mais interessantes em HTML5:

O elemento <canvas> para desenho em 2DOs elementos <vídeo> e <áudio> para reprodução de multimédiaSuporte para armazenamento localNovos conteúdos elementos específicos, como <article> e <rodapé> e <header> e <nav>, <seção>Novos controles de formulário, como calendário, data, hora, email, url pesquisa,etc.

Page 9: Programação web

Documento HTML5 mínimoAbaixo é um documento HTML 5 simples, com o mínimo de TAGS necessárias:Documento HTML5 mínimoAbaixo é um documento HTML 5 simples, com o mínimo de TAGS necessárias:

<!DOCTYPE html>< html>< head>< title>Titulo do documento</title>< /head>

< body>The content of the document......< /body>

< /html>

Page 10: Programação web

Elementos novos do HTML5

A internet mudou muito desde HTML 4.01 tornou‐se um padrão em 1999.

Hoje, alguns elementos em HTML 4.01 são obsoletos, esses elementos são removidos ou reescritos no HTML5.

Para melhor lidar com o uso da Internet de hoje, HTML5 inclui novos elementos para uma melhor estrutura, melhor tratamento de forma, desenho e do conteúdo de multimédia.

Page 11: Programação web
Page 12: Programação web
Page 13: Programação web
Page 14: Programação web

http://www.w3schools.com/html5/html5_new_elements.asp

Exemplos de TAG

Page 15: Programação web