O documento resume uma apresentação sobre HTML5, CSS3 e JavaScript feita por Fábio Flatschart na Campus Party 2011. A apresentação discute as novas especificações e recursos introduzidos pelo HTML5, como estrutura semântica, formulários, vídeo, SVG e APIs, e como essas tecnologias permitem o desenvolvimento de aplicações web ricas. O documento também aborda compatibilidade entre navegadores e ferramentas da Adobe para suporte a HTML5.
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
Material apresentado na Semana de Tecnologia UniToledo
Araçatuba - 28 de setembro de 2011
O documento apresenta as novidades do HTML5 em 8 capítulos, incluindo novas tags semânticas, formulários aprimorados, armazenamento offline, acesso a dispositivos e multimídia. Apresenta também CSS3 com novas propriedades para efeitos visuais e design responsivo para diferentes telas.
O documento discute as mudanças trazidas pelo HTML5, incluindo a adição de elementos semânticos que melhor descrevem o conteúdo, como section, header e article, e a capacidade de incorporar vídeos e mídia diretamente na página sem a necessidade de plugins.
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PTAndré Luís
O documento apresenta as principais mudanças na semântica da web com a introdução do HTML5, incluindo novos elementos estruturais como <section>, <article>, <nav>, <time> e <data> que fornecem informações sobre o conteúdo de maneira mais clara e significativa do que tags genéricas.
O documento descreve as principais linguagens usadas para criar páginas web: HTML para estrutura, CSS para estilo e formatação, e JavaScript para comportamento e interatividade. Explica brevemente o que cada uma faz e recomenda ferramentas como Notepad++ e navegador Chrome para começar a programa-las.
O documento discute os principais conceitos da Web 2.0, incluindo sua evolução, tecnologias envolvidas e oportunidades de mercado. Aborda tópicos como a história da web, modelos de desenvolvimento, linguagens como HTML, CSS e JavaScript e padrões como W3C.
O documento discute os fundamentos da HTML5, incluindo tags semânticas, links descritivos, meta tags e formas de adicionar semântica a documentos HTML como RDFa, Microformats e Microdata. Apresenta exemplos dessas técnicas e discute como elas melhoram a acessibilidade e o desempenho de sites.
O documento apresenta uma aula sobre HTML5, incluindo: (1) uma visão geral da evolução da web e dos navegadores; (2) os pilares da web e a estrutura básica do HTML5; (3) novos elementos e atributos no HTML5 como section, nav, article, aside, header e footer.
0 Introdução ao Desenvolvimento Web - ApresentaçãoMauro Duarte
Este documento apresenta um curso introdutório sobre desenvolvimento web que inclui 20 aulas sobre HTML, CSS e padrões web. O curso é ministrado pelo professor Mauro Duarte e inclui três provas para avaliar o conhecimento dos alunos.
Introdução à Criação De Páginas Web Aula1marioreis
Este documento apresenta um curso sobre criação de páginas web. O curso ensina sobre a história da web, conceitos básicos como cliente-servidor e URL, e ferramentas como HTML, editores WYSIWYG e navegadores. O plano do curso inclui 5 aulas sobre elementos HTML básicos e avançados e construção de um site.
O documento resume os principais conceitos da arquitetura da web, incluindo o modelo cliente-servidor, protocolo HTTP, URLs e como as páginas interagem entre o browser e o servidor. Também discute o desenvolvimento de sistemas web usando linguagens como HTML, Java e PHP.
1. O documento descreve as principais novidades da versão HTML5, incluindo novas tags para áudio, vídeo e canvas, além de melhor suporte para armazenamento local de dados e formulários.
2. Entre as novidades, destacam-se a inclusão das tags <audio>, <video> e <canvas> para reprodução nativa de mídia, e os objetos sessionStorage e localStorage para armazenamento offline de dados.
3. Também são apresentados novos elementos semânticos como <header>, <footer>, <article> e <section>, al
O documento fornece instruções para construir layouts sem tabelas utilizando tags <div> e CSS. Explica os 6 passos para criar o layout: 1) escolher os blocos, 2) nomeá-los, 3) criar a marcação HTML, 4) posicionar os blocos com CSS, 5) adicionar conteúdo, 6) criar menu dropdown. Também discute como tornar o layout responsivo e acessível em diferentes dispositivos.
Slides da quarta aula do curso de HTML5 da Especializa. O curso está disponível gratuitamente no endereço: http://ead.especializa.com.br/curso/html5-basico
O documento descreve as principais novidades do HTML5 e CSS3, incluindo a reorganização semântica do HTML5 com elementos como header, nav, section e article, assim como recursos multimídia como vídeo e canvas, e propriedades avançadas de CSS3 como borda arredondada, sombras e transições. Exemplos são fornecidos para ilustrar o uso desses recursos.
O documento discute as primeiras configurações necessárias para criar um site, incluindo registro de domínio, hospedagem e projeto. Também apresenta uma introdução ao HTML5, cobrindo tópicos como estrutura básica de documentos, tipos de linguagens da web e modelos de conteúdo.
O documento fornece uma visão geral do desenvolvimento web, discutindo seus principais conceitos ao longo de quatro ciclos. Apresenta também as vantagens da web, como informação disponível a qualquer hora e em qualquer lugar, além de explicar brevemente como funciona através da troca de dados entre cliente e servidor.
O documento resume a história da World Wide Web e dos padrões web como HTML, XHTML e CSS. Explica as diferenças entre HTML e XHTML e os benefícios da semântica e validação. Também discute como vincular folhas de estilo e melhorar a acessibilidade.
O documento discute o desenvolvimento de sites web utilizando os padrões XHTML e CSS. Aborda a história da web, os padrões web, as diferenças entre HTML e XHTML, e como CSS pode ser usado para separar a apresentação do conteúdo em sites web.
O documento discute a construção de layouts de sites com CSS. Ele apresenta os principais tópicos do CSS como inserção, seletores, propriedades e box model. Também demonstra na prática como estilizar um documento XHTML usando CSS e discute diretrizes e novidades do CSS3.
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
O documento apresenta uma introdução sobre a história da web, desde sua criação por Tim Berners-Lee até os padrões atuais. Aborda conceitos como HTML, XHTML, CSS e a importância da semântica e dos padrões web para um código acessível.
O documento descreve as principais linguagens usadas para criar páginas web: HTML para estrutura, CSS para estilo e formatação, e JavaScript para comportamento e interatividade. Explica brevemente o que cada uma faz e recomenda ferramentas como Notepad++ e navegador Chrome para começar a programa-las.
O documento discute os principais conceitos da Web 2.0, incluindo sua evolução, tecnologias envolvidas e oportunidades de mercado. Aborda tópicos como a história da web, modelos de desenvolvimento, linguagens como HTML, CSS e JavaScript e padrões como W3C.
O documento discute os fundamentos da HTML5, incluindo tags semânticas, links descritivos, meta tags e formas de adicionar semântica a documentos HTML como RDFa, Microformats e Microdata. Apresenta exemplos dessas técnicas e discute como elas melhoram a acessibilidade e o desempenho de sites.
O documento apresenta uma aula sobre HTML5, incluindo: (1) uma visão geral da evolução da web e dos navegadores; (2) os pilares da web e a estrutura básica do HTML5; (3) novos elementos e atributos no HTML5 como section, nav, article, aside, header e footer.
0 Introdução ao Desenvolvimento Web - ApresentaçãoMauro Duarte
Este documento apresenta um curso introdutório sobre desenvolvimento web que inclui 20 aulas sobre HTML, CSS e padrões web. O curso é ministrado pelo professor Mauro Duarte e inclui três provas para avaliar o conhecimento dos alunos.
Introdução à Criação De Páginas Web Aula1marioreis
Este documento apresenta um curso sobre criação de páginas web. O curso ensina sobre a história da web, conceitos básicos como cliente-servidor e URL, e ferramentas como HTML, editores WYSIWYG e navegadores. O plano do curso inclui 5 aulas sobre elementos HTML básicos e avançados e construção de um site.
O documento resume os principais conceitos da arquitetura da web, incluindo o modelo cliente-servidor, protocolo HTTP, URLs e como as páginas interagem entre o browser e o servidor. Também discute o desenvolvimento de sistemas web usando linguagens como HTML, Java e PHP.
1. O documento descreve as principais novidades da versão HTML5, incluindo novas tags para áudio, vídeo e canvas, além de melhor suporte para armazenamento local de dados e formulários.
2. Entre as novidades, destacam-se a inclusão das tags <audio>, <video> e <canvas> para reprodução nativa de mídia, e os objetos sessionStorage e localStorage para armazenamento offline de dados.
3. Também são apresentados novos elementos semânticos como <header>, <footer>, <article> e <section>, al
O documento fornece instruções para construir layouts sem tabelas utilizando tags <div> e CSS. Explica os 6 passos para criar o layout: 1) escolher os blocos, 2) nomeá-los, 3) criar a marcação HTML, 4) posicionar os blocos com CSS, 5) adicionar conteúdo, 6) criar menu dropdown. Também discute como tornar o layout responsivo e acessível em diferentes dispositivos.
Slides da quarta aula do curso de HTML5 da Especializa. O curso está disponível gratuitamente no endereço: http://ead.especializa.com.br/curso/html5-basico
O documento descreve as principais novidades do HTML5 e CSS3, incluindo a reorganização semântica do HTML5 com elementos como header, nav, section e article, assim como recursos multimídia como vídeo e canvas, e propriedades avançadas de CSS3 como borda arredondada, sombras e transições. Exemplos são fornecidos para ilustrar o uso desses recursos.
O documento discute as primeiras configurações necessárias para criar um site, incluindo registro de domínio, hospedagem e projeto. Também apresenta uma introdução ao HTML5, cobrindo tópicos como estrutura básica de documentos, tipos de linguagens da web e modelos de conteúdo.
O documento fornece uma visão geral do desenvolvimento web, discutindo seus principais conceitos ao longo de quatro ciclos. Apresenta também as vantagens da web, como informação disponível a qualquer hora e em qualquer lugar, além de explicar brevemente como funciona através da troca de dados entre cliente e servidor.
O documento resume a história da World Wide Web e dos padrões web como HTML, XHTML e CSS. Explica as diferenças entre HTML e XHTML e os benefícios da semântica e validação. Também discute como vincular folhas de estilo e melhorar a acessibilidade.
O documento discute o desenvolvimento de sites web utilizando os padrões XHTML e CSS. Aborda a história da web, os padrões web, as diferenças entre HTML e XHTML, e como CSS pode ser usado para separar a apresentação do conteúdo em sites web.
O documento discute a construção de layouts de sites com CSS. Ele apresenta os principais tópicos do CSS como inserção, seletores, propriedades e box model. Também demonstra na prática como estilizar um documento XHTML usando CSS e discute diretrizes e novidades do CSS3.
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
O documento apresenta uma introdução sobre a história da web, desde sua criação por Tim Berners-Lee até os padrões atuais. Aborda conceitos como HTML, XHTML, CSS e a importância da semântica e dos padrões web para um código acessível.
Web Development with HTML5, CSS3 & JavaScriptEdureka!
With the commercialization of the web, web development has become one of the blooming industries. Learning web development enables you to create attractive websites using HTML, CSS, JQuery and JavaScript. Web development includes developing simple and complex web-based applications, electronic businesses and social networking sites. Being a web developer you can deliver applications as web services which is only available in desktop applications.
O documento apresenta informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria, incluindo sua formação acadêmica, experiência profissional e objetivos do curso.
O documento descreve os 4 ciclos do Farol Santa Maria entre 2016-2017. O 1o ciclo focou na divulgação do Farol na Universidade Federal de Santa Maria. O 2o ciclo expandiu a divulgação para igrejas locais. O 3o ciclo envolveu trabalhos sociais com ONGs. O 4o ciclo objetivou expandir a influência para outras universidades da região.
CSS NA PRÁTICA PARA ALUNOS DE WEBDESIGNRenato Melo
O documento discute programação web, especificamente HTML, CSS e JavaScript. CSS é usado para estilizar o conteúdo HTML, enquanto JavaScript adiciona interatividade. O documento também fornece instruções sobre como abrir e editar arquivos HTML e CSS no Bloco de Notas e salvar alterações.
Este documento fornece informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria. O curso ensina HTML5, CSS3, JavaScript e frameworks como o Bootstrap. O professor tem formação em Ciência da Computação e MBA em Gerenciamento de Projetos e experiência como analista, professor e empreendedor na área de tecnologia.
HTML was first defined by Tim Berners-Lee in 1991 and has evolved through several versions. HTML5 and CSS3 are the next generation standards that will enhance the richness and interactivity of web content. HTML5 introduces new semantic tags and APIs for multimedia, geolocation, and offline storage. CSS3 includes features for rounded corners, drop shadows, columns, animations, and media queries for responsive design. While legacy browsers present challenges, HTML5 and CSS3 will improve the functionality of the mobile web and make the interface of the web comparable to native applications.
Este documento fornece uma introdução sobre HTML, CSS, JavaScript e Ajax. Resume as seguintes informações essenciais:
1. HTML é usado para estruturar e dar significado à informação em páginas web. CSS é usado para estilizar a apresentação dessa informação. JavaScript permite adicionar comportamento interativo. Ajax permite atualizar partes de páginas web sem recarregá-las completamente.
1. O documento discute HTML5, apresentando sua história, arquitetura, elementos e semântica. Também aborda CSS3 e JavaScript.
2. São apresentados diversos elementos HTML5 como vídeo, áudio, listas e formulários, além de CSS como fontes, cores e bordas.
3. O documento fornece links e exemplos para auxiliar no aprendizado de HTML5, CSS3 e JavaScript.
O documento descreve como criar formulários em HTML, listando e explicando os principais elementos de formulário como inputs de texto, checkbox, radio, textarea, select e submit. Ele também fornece um exemplo de formulário a ser criado com esses elementos para coletar dados pessoais de um usuário.
As novas features que essas duas tecnologias trouxeram para o mundo da Web. Formas de se ter agilidade com elas e a semântica ao documento. Bem-vindo ao mundo do HTML5 e CSS3!
Desenvolvimento de sites responsivos utilizando o framework Bootstrap com apl...joselialcosta
Este documento descreve um trabalho de conclusão de curso sobre o desenvolvimento de sites responsivos utilizando o framework Bootstrap com foco em user experience. O trabalho foi realizado por Flavia de Azevedo Marques Miguel e Josélia Leite Costa sob a orientação do professor Eduardo Rosalém Marcelino na Faculdade de Tecnologia Termomecânica.
O documento discute a história e evolução do HTML, desde sua versão 4.0 até a atual HTML5. Detalha as principais mudanças e novos recursos introduzidos na versão 5, como conectividade em tempo real, gráficos vetoriais, armazenamento offline e novas APIs. Também explica elementos como tags semânticas e como implementar estilos com CSS3, como bordas arredondadas e sombras.
1) Existem nomes próprios e nomes comuns, sendo que nomes próprios designam indivíduos de modo individualizado, como "Daniel", e nomes comuns designam coisas ou grupos sem individualização, como "teste" ou "turma".
2) Pronomes substituem nomes, adjetivos ou frases de modo pessoal, demonstrativo ou possessivo, como "eles" em "O Vasco e o André já chegaram. Eles estão a lanchar.".
3) Determinantes antecedem nomes fornecendo informação sobre eles, podendo
Este documento fornece informações sobre estilos em CSS (Cascading Style Sheets). Explica o que é CSS, como aplicar estilos através de folhas externas, seletores e propriedades. Também discute como especificar cores em CSS usando nomes predefinidos, valores hexadecimais, RGB e outros métodos.
HTML5 e o futuro da Web - Senac Consolação 2012Reinaldo Ferraz
O documento discute o futuro da web com a introdução do HTML5. Em 3 frases:
Discute a história da web desde sua criação por Tim Berners-Lee em 1989 e do W3C em 1994. Apresenta as novidades do HTML5 como vídeo, áudio, geolocalização e formulários aprimorados, facilitando o desenvolvimento para web. Conclui afirmando que o HTML5 trará multimídia sem limites e maior acessibilidade para a web.
Aprenda HTML5 e CSS3 de forma simples e descontraída criando um site responsivo do “zero”, usando apenas os recursos do Windows. Este curso é ponto de partida a todos que desejam aprender a desenvolver para WEB.
O documento descreve brevemente a história da Web, como funciona o modelo cliente-servidor, e introduz as tecnologias (X)HTML e CSS. (X)HTML é usado para estruturar páginas web através de tags, enquanto CSS é usado para definir a apresentação/formatação desse conteúdo através de folhas de estilo. Propriedades CSS comuns como cores, fontes e dimensões são explicadas.
O documento discute a história e uso do HTML e CSS. Resume os principais pontos sobre como o HTML foi desenvolvido para marcar documentos na web e como o CSS foi criado posteriormente para separar a estrutura do conteúdo e estilo visual. Explica como HTML e CSS são usados juntos para criar sites modernos de forma estruturada e flexível.
O documento discute os padrões W3C para desenvolvimento web, incluindo seu objetivo de tornar a web acessível para todos através de qualquer dispositivo, bem como a história da evolução das tecnologias web como HTML e CSS.
O documento apresenta uma introdução sobre XHTML e CSS com Dreamweaver CS3. Resume conceitos como:
1) XHTML é uma reformulação da linguagem HTML baseada em XML para melhorar a acessibilidade em diversos dispositivos.
2) CSS é usada para separar a formatação do conteúdo, definindo a apresentação de documentos em HTML ou XML.
3) Dreamweaver CS3 permite validar, converter e estilizar documentos usando XHTML e CSS de forma integrada.
O documento discute o XHTML, incluindo sua definição como uma linguagem de marcação que combina HTML e XML. Explora quando e por que o XHTML surgiu e suas vantagens em relação ao HTML. Também aborda o W3C, que desenvolve padrões para a criação de conteúdo na web, e elementos básicos para criar arquivos XHTML, como estrutura, DOCTYPES e tags.
O documento discute a evolução da web e da linguagem HTML. Resume os principais pontos da criação da web por Tim Berners-Lee em 1989, a criação do W3C em 1994, e as principais versões da linguagem HTML ao longo do tempo, culminando na discussão do futuro da web com a especificação HTML5.
O documento discute as principais novidades da quinta versão da linguagem HTML, incluindo novas tags para vídeos, canvas e geolocalização, além de permitir o cache de aplicações web e uso de bancos de dados offline.
Este documento fornece uma introdução ao HTML5, discutindo sua história, desenvolvimento e principais características. Em três frases: O HTML5 é a nova versão do HTML desenvolvida pelo WHATWG para trazer mais recursos semânticos, interatividade e compatibilidade entre navegadores. Ele introduz novos elementos que melhoram a estrutura semântica das páginas e APIs que facilitam a manipulação de conteúdo através de CSS e JavaScript. O HTML5 também busca manter a retrocompatibilidade para que sites existentes não precisem ser total
Este documento fornece um resumo da história da linguagem HTML desde sua criação por Tim Berners-Lee no CERN até os dias atuais. Detalha os principais marcos como o lançamento dos primeiros navegadores, padronização pelo W3C, guerras entre navegadores, lançamento do HTML5 e popularização da web móvel. O texto também apresenta um resumo das principais funcionalidades trazidas pela versão HTML5.
O documento fornece uma visão geral do HTML5, discutindo seu objetivo de ser uma linguagem de marcação de hipertexto independente de plataforma. Detalha a formação do WHATWG para desenvolver o HTML5 e as mudanças trazidas, como novas tags e atributos para melhor semântica e interatividade.
O documento explica o que são HTML e CSS, suas origens e evoluções. HTML é a linguagem usada para criar páginas web, inventada por Tim Berners-Lee em 1992 para permitir compartilhamento de pesquisas online. CSS é usado para estilizar páginas HTML, separando conteúdo de formatação. O texto detalha a linha do tempo do desenvolvimento destas tecnologias.
No dia 27 de março de 2013, das 10h15 às 11h30, eu apresentei a palestra "Suporte a padrões Web no Internet Explorer 10 e outros browsers, em múltiplas plataformas e em múltiplos dispositivos" no evento MVP Virtual Conference 2013.
Na palestra, eu mostrei o suporte a alguns dos principais recursos de HTML5, CSS3 e JavaScript nas versões mais recentes dos principais browsers (Internet Explorer, Chrome, Firefox, Safari e Opera), em múltiplas plataformas (Windows 8, Mac OS X Mountain Lion, Ubuntu Linux) e em múltiplos dispositivos (desktops, notebooks, ultrabooks, netbooks, smartphones e tablets).
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Reinaldo Ferraz
O documento discute o passado, presente e futuro da Web, desde sua criação em 1989 até as tecnologias emergentes como a Internet das Coisas. Ele traça a evolução das especificações da Web como HTML, CSS, SVG e Canvas. Também aborda tecnologias atuais como geolocalização, APIs de sensores e a Web Semântica. Por fim, apresenta visões sobre a Web do futuro, incluindo a Internet das Coisas e a Web das Coisas.
Este documento fornece um resumo sobre HTML avançado, CSS e JavaScript. Ele é dividido em três partes, cobrindo HTML avançado, CSS e uma introdução a JavaScript. A estrutura visa fornecer conceitos básicos no início e aumentar gradativamente o nível técnico ao longo dos capítulos.
O documento discute as tecnologias front-end do século 21, incluindo HTML5, CSS3 e JavaScript. Também discute o passado da web, como os navegadores e desenvolvedores estavam começando, e como a abordagem front-end melhorou ao longo do tempo com foco em semântica, multimídia, animações e compatibilidade entre navegadores.
O documento resume as principais tendências para o desenvolvimento web, incluindo HTML5, CSS3, web semântica, design responsivo e marketing digital. O autor discute cada uma dessas tecnologias e suas aplicações, além de apresentar sua experiência profissional e educacional.
A linguagem HMTL, básica para o funcionamento da web como a conhecemos hoje, vem evoluindo garaças ao Consórcio W3C e o seu papel definidor dos padrões web. Essa palestra vai apresentar o histórico da Web e sua evolução desde o seu surgimento, as novidades da futura recomendação HTML5, os novos elementos com valor semântico e suas diferenças com o HTML4 e porque a nova versão do HTML vai mudar a web.
Curso de processo civil teoria do processo civil volume 1 Mitidierohblsidope141
Curso de processo civil teoria do processo civil volume 1 Mitidiero
Curso de processo civil teoria do processo civil volume 1 Mitidiero
Curso de processo civil teoria do processo civil volume 1 Mitidiero
Slideshare Lição 10, CG, João Marcos, um Legado de Restauração e Perseverança, 2Tr25, Com. Extras Pr. Henrique, EBD NA TV, CENTRAL, GOSPEL, 2º TRIMESTRE DE 2025, ESTUDO BIBLICO, JOVENS E ADULTOS 05, ÍCONES DA NOVA ALIANÇA, PROFESSOR, Comentarista - Pastor GESIEL GOMES NUNES, ESTUDOS BÍBLICOS, SLIDES, CAJAMAR, SP, 99 99152-0454, YOUTUBE canal henriquelhas, Para nos ajudar, PIX 33195781620 (CPF), Luiz Henrique de Almeida Silva
Para além dos cinco sentidos, devo ter outro que não se vê nem se sente, não tem cheiro nem sabor e que também não se pode tocar: o sexto sentido!
É aquele que me faz ver o que não se vê à primeira vista. É aquele que me ajuda a sentir com todo o corpo o que tem lugar dentro de mim.
Havia dias em que Duarte sentia que atravessava a escola como se fosse invisível. Quase inexistente.
Os professores consideravam-no um aluno aplicado. Os colegas sabiam o nome dele. Mas conhecer, conhecer mesmo… era outra coisa. Duarte estava lá, mas era como se ninguém desse por isso.
A partir do 7.º ano, tudo se tornara mais difícil.
Aula 10 Componentes de Sangue e Linfa.pptxBasilio4
Está palestra tem como foco falar de todos os componentes do sangue e linfa que são de extrema importância que sejam conhecidos por um técnico de medicina geral
3. Hipertexto
Theodor H. Nelson - 1965
Forma não linear de apresentar texto em formato digital.
Contem ligações feitas através de marcas de hipertextualidade:
• Nó é uma unidade de conteúdo do documento (uma página, um parágrafo, etc).
• Elo é uma ligação entre dois nós, que pode ser uni ou bidireccional.
• Âncora é o ponto do documento onde inicia-se ou termina um elo, âncora de
origem ou de destino.
4. Hipertexto
Para que serve?
• esclarecer conceitos com ligações externas.
• viajar dentro do documento.
• encaminhar para documentos que complementam o texto.
• conjugar com vídeos, imagens e animações - hipermédia.
5. Hipertexto
Theodor Nelson - projecto Xanadu - 1967
• Primeira tentativa não implementada.
• Sistema que possuía as características conceptuais do hipertexto.
• E ainda capaz de processar versões múltiplas de um texto, e mostrar as diferenças
entre elas.
6. Hipertexto
• Douglas Engelbart e Augmentation Research Center (SRI) - 60's
• NLS (oN-Line System)
• Primeiro sistema que conseguiu pôr em prática:
• hipertexto + inovações tecnológicas + inovações conceptuais
• No hipertexto os limites dependem:
• criatividade literária + competência tecnológica do leitor
7. Do Enquire à Web
• Tim Berners-Lee - 80's
• Consultor de Engenharia de Software no CERN (European Council for Nuclear
Research) - maior centro de estudos sobre física de partículas do mundo.
• Desenvolveu o primeiro programa de armazenamento de informação baseado no
conceito de hipertexto - Enquire
8. Do Enquire à Web
• Tim Berners-Lee - 80's
• Consultor de Engenharia de Software no CERN (European Council for Nuclear
Research) - maior centro de estudos sobre física de partículas do mundo.
• Desenvolveu o primeiro programa de armazenamento de informação baseado no
conceito de hipertexto - Enquire.
• ENQUIRE
• Objectivo: interligar os computadores do laboratório a outras instituições de
pesquisa, e exibir documentos científicos de forma simples.
• trabalho colaborativo + partilha dos documentos em rede.
9. Do Enquire à Web
• Tim Berners-Lee && Robert Cailliau - final 90's
• publicaram uma proposta para a World Wide Web
• Tim Berners-Lee construiu
• o primeiro Web Browser WorldWideWeb + o primeiro servidor Web NeXT
Computer
• Disseminação da Web
• 1º Web apenas no CERN
• 2º Web no mundo
10. Do Enquire à Web
• Primeira página Web publicada @ 6 Agosto de 1991
• página de texto com explicações sobre:
• conceito de World Wide Web
• como criar um Browser
• como instalar/configurar um servidor Web
• O conceito de Web foi sendo alargado:
• sistema de partilha de informação comunidade
11. W3C
• W3C - Tim Berners-Lee - 1994
• World Wide Web Consortium
• Consórcio de empresas de tecnologia que promove a evolução, estandardização e a
interoperabilidade das tecnologias emergentes - directivas, especificações,
ferramentas e software.
12. W3C
• MIT - Laboratório de Ciências da Computação e de Inteligência Artificial (CSAIL) -
EUA
• Consórcio Europeu de Investigação em Informática e Matemática (ERCIM) - França
• Universidade de Keio - Japão
• Escritórios espalhados por todo o mundo +/- 16 regiões
• Parcerias com as comunidades Web de cada região, de modo a promover as
recomendações e certificações do W3C nos idiomas locais
• Encorajam a participação internacional nas actividades desenvolvidas pelo W3C.
13. W3C
• Objectivo inicial: obter o acordo de todos os developers sobre um conjunto de
princípios fundamentais, de modo a evitar problemas de compatibilidade e
interpretação.
• Actualmente: integra vários comités que estudam as tecnologias existentes para a
apresentação de conteúdo na Internet e criam padrões de recomendação para utilizar
essas tecnologias.
• Os padrões de acessibilidade criados pelo W3C ganharam bastante importância no
desenvolvimento de páginas Web, pois a intenção de derrubar as barreiras
tecnológicas tem sido crescente.
14. HTML5
• HTML e XHTML
• HTML4 vs. HTML5
• Porquê HTML5 e não XHTML2?
• Criar estrutura / marcação adequada às novas necessidades
• Novas funcionalidades
15. HTML e XHTML
• 1991
• HyperText Markup Language é uma linguagem de marcação
• Inventada por Tim Berners-Lee
• 1993
• Primeira publicação
• 1995
• HTML 2.0
• Linguagem demasiado flexível
• 1999
• Com a ajuda da W3C surge a HTML 4.01
• 2000
• Surge o XHTML (eXtensible HyperText Markup Language)
16. HTML4 vs. HTML5
• HTML4
• Continua orientado a documentação textual (artigos científicos)
• HTML5
• Renderização de gráficos
• Controle embutido de conteúdos audio e vídeo
• Armazenamento de dados por parte do cliente
• Maior interactividade
• Não necessita de tecnologias proprietárias como Flash, Silverlight e JavaFX
• Estrutura do HTML5 vs. HTML4
17. Porquê HTML5 e não XHTML2?
• XHTML2
• não é uma reformulação mas sim uma nova especificação
• inteiramente baseado em XML e Markups
• a W3C anunciou a descontinuidade do XTHML 2.0
• apresentava sérios problemas ao nível da retro-compatibilidade e implementação.
• HTML5
• é uma evolução/extensão do HTML 4 e do XHTML1
• é influenciado pelo "state of the art" e pela utilização corrente dos Markups
• Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip
18. Novas funcionalidades
• A parte interessante!
• app cache e database
• geolocation
• web workers
• canvas
• SVG
• Exemplos #1
• Exemplos #2
• Exemplo de SVG (electionAtlasGermany)
19. CSS
• Porquê a criação de CSS
• Vantagens do CSS3 face a versões anteriores
• CSS3 e HTML5
• Exemplos
20. Porquê a criação de CSS
• Linguagem de estilização e formatação - Sistema flexível para especificar a formatação
de elementos html.
• Define fontes, tamanhos, cores, imagens, margens, etc.
• Funciona em conjunto com a linguagem html.
• Separa conteúdo de layout e estilo de uma forma organizada.
• Permite partilhar várias folhas de estilos em múltiplos documentos ou num site
inteiro.
• Ajuda a melhorar a acessibilidade e manutenção
21. Vantagens do CSS3 face a versões
anteriores
• As versões mais antigas eram demasiado longas e complexas para serem actualizadas
de uma só vez.
• O CSS3 está a ser separado em módulos.
• Simplificação com novas propriedades inseridas.
• Novas características mais flexíveis ao nível de desenho do interface e de
acessibilidades.
• Ainda não é possível dizer quantos browsers iram adoptar as novas funcionalidades do
CSS3, estas novas funcionalidades estão a ser implementadas gradualmente (um a dois
anos para ser amplamente adoptada).
27. FIM!
Universidade de Aveiro
Ano lectivo 2009/10
Departamento de Comunicação e Arte
Mestrado em Comunicação e Multimédia
Multimédia Interactivo
Tecnologias Dinâmicas para a Internet
Orientadores
Benjamin Júnior
Telmo Silva
Autores
Alexandre das Neves
(34343)
CarlaVanessa Ferreira
Alves Leite (39925)
Celso Farias Duarte
Lopes (48454)
Joana Pimparel Mineiro
(49221)
Tim Theodor Koch-
Grünberg (35922)