Afinal o que é HTML?



Documentos relacionados
CONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web;

Análise da Nova Linguagem HTML5 para o Desenvolvimento Web

Aplicativos para Internet Aula 01

XHTML 1.0 DTDs e Validação

DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3

Web Design. Prof. Felippe

Técnicas e processos de produção. Profº Ritielle Souza

Introdução à Tecnologia Web. Tipos de Sites. Profª MSc. Elizabete Munzlinger

Desenvolvimento em Ambiente Web. HTML - Introdução

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2

Análise Comparativa dos Recursos e Diferenças das Tecnologias de Programação HTML5 e HTML4

Internet. Gabriela Trevisan Bacharel em Sistemas de Infomação

PADRÕES PARA O DESENVOLVIMENTO NA WEB

CAPÍTULO 2. Este capítulo tratará :

Desenvolvendo Websites com PHP

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz

CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET

HTML5 - POR QUE USÁ-LO?

Aula 1 Desenvolvimento Web. Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme

PRnet/2013. Linguagem de Programação Web

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML

Linguagem de Estruturação e Apresentação de Conteúdos

Organizar a estrutura do site

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

HTML Página 1. Índice

CSS. Oficina de CSS Aula 10. Cascading Style Sheets. Cascading Style Sheets Roteiro. Cascading Style Sheets. Cascading Style Sheets W3C

Construção Páginas de Internet

ATIVIDADES PRÁTICAS SUPERVISIONADAS

DWEB. Design para Web. CSS3 - Fundamentos. Curso Superior de Tecnologia em Design Gráfico

Desenvolvendo com Bootstrap 3: um framework front-end que vale a pena!

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

Introdução. História. Como funciona

Índice. 3 Capítulo 1: Visão Geral do Blog. 4 Capítulo 2: SEO. 5 Capítulo 3: Backend: Como Funciona. Visão Geral Plataforma Frontend Backend

História e Evolução da Web. Aécio Costa

HTML5. André Tavares da Silva.

APOSTILA BÁSICA INFORMÁTICA: 1. PROCESSADOR DE TEXTOS 1.1 Conhecendo o aplicativo Word EDITOR DE PLANILHAS

Desenvolvendo para WEB

Programação Web Prof. Wladimir

UFG - Instituto de Informática

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -HTML 5: ARMAZENAMENTO DE DADOS (CLIENTE) Prof. Angelo Augusto Frozza, M.Sc.

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -HTML 5: ARMAZENAMENTO DE DADOS (CLIENTE) Prof. Angelo Augusto Frozza, M.Sc.

TECNOLOGIA WEB Aula 1 Evolução da Internet Profa. Rosemary Melo

X3DOM E WEBGL: O 3D INDEPENDENTE NA WEB

ANEXO 11. Framework é um conjunto de classes que colaboram para realizar uma responsabilidade para um domínio de um subsistema da aplicação.

HTML5 E WEB SEMÂNTICA, A WEB COM SIGNIFICADO

HTML5. Jhonny R. S. Frischembruder

O Office para ipad e iphone ficou bem melhor.

Programação para a Web - I. José Humberto da Silva Soares

CURSO : Empreendedorismo 40 Hrs aulas

Inicialização Rápida do Novell Vibe Mobile

Desenvolvimento de Sites. Subtítulo

Desenvolvimento Web Introdução a XHTML. Prof. Bruno Gomes

Plano de Ensino IDENTIFICAÇÃO. SEMESTRE ou ANO DA TURMA: 3º EMENTA

Sistema de Informação para Coleções de Interesse Biotecnológico

Primeiro contato com JavaScript

O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem.

PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS


DESENVOLVIMENTODE APLICAÇÕESPARAINTERNET:PHP. VitorFariasCoreia

Design 3D. Formação em Web WEB DESIGN 3D 1

DWEB. Design para Web. Fundamentos Web I. Curso Superior de Tecnologia em Design Gráfico

HTML5. Prof. Salustiano Rodrigues de Oliveira

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.

Programação para Internet I 9. HTML5. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt

Web Design Aula 11: XHTML

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto

Guia de Início Rápido

Aula 2: RIA - Aplicações Ricas para Internet Fonte: Plano de Aula Oficial da Disciplina

Fone: (19) Site: HTM3.0. Tutorial HTML. versão 4.01

VENDA MAIS USANDO AS REDES SOCIAIS

Web Services. Autor: Rômulo Rosa Furtado

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Estrutura Básica do Documento HTML

Sumário. 1 Tutorial: Blogs no Clickideia

Análise dos Navegadores de Internet

10 DICAS DE TECNOLOGIA PARA AUMENTAR SUA PRODUTIVIDADE NO TRABALHO

DocuWare Mobile ProductInfo. Gerenciamento móvel de documentos. Benefícios

PROJ. Nº LLP NL-ERASMUS-ECUE

Web Design Aula 02: HTML

Guia de Início Rápido

UM NOVO CONCEITO EM AUTOMAÇÃO. Série Ponto

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto

Internet Visão Geral. O que é a Internet? Ong Ação Cidadã

Sumário. HTML CSS JQuery Referências IHC AULA

ÍNDICE... 2 POWER POINT Abas... 7 Salvando Arquivos... 8 Abrindo um arquivo LAYOUT E DESIGN... 13

SenchaTouch + PhoneGap

Agregadores de Conteúdo

O W3C Futuro da Web HTML5 Web Semântica. Março/2011 SENAC Ribeirão Preto Road Show TI 2011

Guia de Início Rápido

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO

Médio Integrado Aula Thatiane de Oliveira Rosa

Transcrição:

Aluno : Jakson Nunes Tavares Gestão e tecnologia da informacão Afinal o que é HTML? HTML é a sigla de HyperText Markup Language, expressão inglesa que significa "Linguagem de Marcação de Hipertexto". Consiste em uma linguagem de marcação utilizada para produção de páginas na web, que permite a criação de documentos que podem ser lidos em praticamente qualquer tipo de computador e transmitidos pela internete. Para escrever documentos HTML não é necessário mais do que um editor de texto simples e conhecimento dos códigos que compõem a linguagem. Os códigos (conhecidos como tags) servem para indicar a função de cada elemento da página Web. Os tags funcionam como comandos de formatação de textos, formulários, links (ligações), imagens, tabelas, entre outros. Os browsers (navegadores) identificam as tags e apresentam a página conforme está especificada. Um documento em HTML é um texto simples, que pode ser editado no Bloco de Notas (Windows) ou Editor de Texto (Mac) e transformado em hipertexto. A linguagem HTML foi criada por Tim Barners Lee na década de 1990. As especificações da linguagem são controladas pela W3C (World Wide Web Consortium). As versões de evolução da HTML incluem XHTML (uma linguagem com sintaxe mais rigorosa, baseada em XML) e HTML5 (quinta versão da HTML que traz novos recursos, principalmente a manipulação de conteúdo gráfico e multimídia). A estrutura básica Todo HTML começa do mesmo jeito. Não há segredos aqui. Você pode simplesmente copiar em algum lugar para usar esse código toda vez iniciar um novo HTML. <!DOCTYPE html> <html lang="pt-br"> <head> </head> <body> <meta charset="utf-8"> <title>título da página</title>

... aqui vai todo o codigo HTML que faz seu site... </body> </html> HTML5 HTML 5 é uma tecnologia criada para modernizar a web e o desenvolvimento de aplicações web, online e offline, que ainda tem bastante caminho por percorrer para ser realidade. No momento de escrever este artigo, a especificação de HTML 5 está ainda em fase de prova, não obstante, em alguns navegadores, recentemente estão se colocando em funcionamento, de forma experimental, algumas das características que trará consigo este novo padrão. Paralelamente, vão surgindo novas informações e referências que explicam o que é HTML 5, o que faz com que nos sintamos cada vez mais impacientes por conhecer bem as novas particularidades da linguagem e sobretudo, por começá-las a aplicar em nossos desenvolvimentos. Este artículo de CriarWeb.com pretende oferecer algumas pistas para conhecer o caminho que atualmente está percorrendo a linguagem de marcação para se converter em uma realidade, e ainda explicar um pouco quais são as novidades mais importantes que estão por vir. Por que se cria HTML 5 Aos que se dedicam a fazer páginas web sabem que um website é como um quebracabeça de tecnologias que operam entre si. Para fazer uma página, à princípio, se necessita simplesmente HTML, porém esta afirmação hoje tem pouco a ver com a realidade e com as necessidades dos desenvolvedores para criar uma rica experiência de usuário. É que hoje poucos websites se baseiam unicamente em HTML. Pode-se utilizar CSS para definir o aspecto da página, algum tipo de script do lado do cliente, em Javascript, vídeos em diversos formatos ou Flash para realizar alguma animação ou interação com o usuário. Para poder se

beneficiar e integrar todas estas tecnologias, existem uma infinidade de etiquetas que se foram criando, segundo iam se necessitando, e as quais não passaram pelo filtro dos normalizadores de tecnologias como o W3C. Portanto, mais de 10 anos depois que se publicasse a última especificação do HTML, resulta primordial para o futuro da web a criação de um novo padrão que recolha e solucione de alguma maneira, as necessidades dos desenvolvedores que se foram criando ao longo de todo este tempo. Esforços em diversas vertentes para a criação de HTML 5 Sem dúvida já faz tempo que se necessitava esta nova especificação, que hoje ainda está em fase de prova e poderíamos nos perguntar: Por que se passou tanto tempo sem se publicar esta nova versão da linguagem? A resposta é que HTML 5 se converteu em um projeto muito ambicioso, onde há muitas pessoas, empresas e instituições que têm muito que opinar. É de vital importância, portanto, coordenar a todos os implicados para criar um único ponto comum, que assegure esta vez um êxito da tecnologia como um padrão. À princípio, os encarregados de regular os padrões da Internet são os integrantes do W3C, que estiveram trabalhando durante bastante tempo em outras linguagens como XML. Não se pode dizer que deixaram de lado HTML, porém de alguma maneira estavam criando outros padrões mais rígidos que substituíssem a linguagem. Diante dessa falta de interesse em HTML e as necessidades reais dos desenvolvedores de webs por parte do W3C, se criou em 2004 uma comunidade de pessoas interessadas em melhorar e modernizar a linguagem de marcação. Este novo grupo, chamado WHATWG (Web Hypertext Application Technology Working Group), se criou a raiz de uma conferência do W3C com pessoas integrantes das equipes de desenvolvimento de Apple, a Fundação Mozilla e Opera, ao que se foram agregando pessoal de Microsoft e outras empresas implicadas no mundo web. O WHATWG, que funciona de maneira independente do W3C, tem como objetivo principal trabalhar na nova especificação do HTML 5 e a eles devemos muitos dos avances que estão por chegar com relação à linguagem. É uma organização aberta, onde qualquer um pode participar livre e gratuitamente. De fato, segundo comentam em sua web, estão realmente interessados nas opiniões e interesses das pessoas que trabalham com o desenvolvimento web, para criar umas especificações que respondam às necessidades reais dos profissionais da Internet.

Vantagens e desvantagens da arquitetura da linguagem HTML5 As vantagens do HTML5 são: 1. Torna a internet mais rápida: desenvolvedores vem usando HTML5 para reduzir o tamanho de arquivos e tornar a experiência do usuário mais limpa. 2. HTML5 tem Canvas que é uma poderosa ferramenta para a criação de conteúdo gráfico. Com Canvas é mais fácil criar animações, desenhos e outros elementos visuais complexos sem usar aplicativos externos. 3. Cada vez mais navegadores dão suporte ao HTML5. Quer saber se o seu navegador é compativel com HTML5? Vá para html5test.com e verifique, caso não seja, é melhor atualizar a versão de seu navegador. 4. Um dos grandes diferenciais do HTML5 é sua capacidade de vídeo. Desenvolvedores podem integrar vídeos e HTML5 sem a necessidade de plugins. E como temos cada vez mais navegadores que são compatíveis ao HTML5, vemos um rápido crescimento na porcentagem de vídeos online. 5. O mesmo acontece com sons. HTML5 vem com uma ferramenta de suporte poderosa para elementos de áudio. 6. HTML5 está disponível em diversas plataformas e sua performance é ótima em PC's, dispositivos móveis e tablets. Já as desvantagens são : 1. O armazenamento local de dados é limitado 2.Dados locais podem ser manipulados 3.Segurança pode ser desprotegida 4.Suporte do browsers (apenas os navegadores modernos suportam o HTML5

5.Problemas de licenciamento, você provavelmente vai usar algo como áudio mp3 para navegadores webkit (Safari, Chrome) e ogg para o Mozilla (Firefox) browsers. Podemos concluir que A versão mais recente da linguagem HTML, a HTML5 trouxe várias novidades para o desenvolvimento web. Novas tags foram inseridas, bem como outras foram descontinuadas. Com essa versão, objetiva-se obter a maior compatibilidade entre browsers (cross browser), que até então era um dos principais problemas dos desenvolvedores web front-end (responsáveis pela página em si, o lado cliente). Com o auxílio das folhas de estilo e da Javascript (linguagem de script responsável por dar mais dinamismo à página HTML), que não são foco deste artigo, é possível montar páginas bastante complexas, com efeitos diversos. Porém, muitas vezes o código que funcionava em um browser, era incompatível com os demais, o que fazia com que os designers precisassem escrever vários códigos para obter a compatibilidade, quando conseguiam. Muitas vezes se tornava impossível adicionar uma funcionalidade a uma página, pois essa não poderia ser visualizada em todos os navegadores. Em alguns casos, porém, o usuário ficava preso a um navegador, se quisesse utilizar um determinado recurso, precisaria usar o browser sugerido. Esse foi o principal objetivo do lançamento das mais recentes versões das Web Standards, tecnologias base da web (HTML, CSS e Javascript). Com elas, espera-se obter total (ou maior) compatibilidade entre os navegadores, inclusive aqueles de dispositivos móveis, cuja quantidade de usuários vem crescendo rapidamente. Bibliografia : www.significados.com.br/html/ www.tableless.com.br/o-que-html-basico/ https://pt.wix.com/support/html5/primeiros-passos/templates/kb/as-vantagens-do-html5