Programação para Internet I 9. HTML5. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt
|
|
- Marina Vidal Garrau
- 8 Há anos
- Visualizações:
Transcrição
1 Programação para Internet I 9. HTML5 Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt
2 Resumidamente, é o novo standard para estruturar conteúdo de páginas web. A última versão de HTML surgiu em 1999, e como bem sabemos, a Internet mudou consideravelmente de lá para cá, pelo que surgiu a necessidade de criar uma nova linguagem que melhor se adapte às novas necessidades dos utilizadores. É o resultado do trabalho de duas organizações distintas: World Wide Web Consortium (W3C) que estava a trabalhar na próxima versão do XHTML (XHTML 2) Web Hypertext Application Technology Working Group (WHATWG) que estava a trabalhar no HTML5. (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 2
3 Em 2006, as duas organizações reuniram esforços e passaram ambas a trabalhar numa só especificação: HTML5. Muito embora ainda não tenha sido aprovada a versão final pelo W3C, a verdade é que muitos browsers já suportam algumas partes o que constitui um grave problema! (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 3
4 Principais alterações face à versão anterior: A primeira diferença diz respeito ao DOCTYPE, que passa a ser apenas: <!DOCTYPE html> A estrutura base de um documento HTML5 é: <!DOCTYPE html> <html lang="pt"> <head> <meta charset="iso "> <title>exemplo</title> </head> <body> <p>exemplo em HTML5</p> </body> </html> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 4
5 Principais alterações face à versão anterior: Os elementos vaziam não necessitam de ser fechados (embora possam continuar a ser) <br> <br /> OK! OK! Passa a ser possível utilizar atributos reduzidos <input type="text" name="nome" required="true"> OK! <input type="text" name="nome" required> OK! Resumindo tudo o que tinha deixado de ser possível fazer aquando da passagem de HTML XHTML, passa a ser possível! No entanto, pode continuar a escrever código HTML5 como se XHTML se tratasse (o chamado XHTML5). (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 5
6 Principais alterações face à versão anterior: Surgimento de novos elementos (tags) <header> - definição de cabeçalhos de páginas ou artigos <footer> - definição de rodapés de páginas ou artigos <article> - definição de artigos <aside> - definição de conteúdo lateral (mas relacionado!) ao principal <figure> - para definição de uma zona com figura(s) <figcaption> - para inserir uma legenda numa zona de figuras definida pela tag figure <figure> <img src="img1.png" alt="sol"> <img src="img2.png" alt="lua"> <figcaption>imagens do sol e da lua</figcaption> </figure> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 6
7 Principais alterações face à versão anterior: Surgimento de novos elementos (tags) <hgroup> - Para definição headings<h1>-<h6> <hgroup> <h1>capítulo</h1> <h2>sub-capítulo</h2> </hgroup> <mark> - Para texto que deva surgir destacado <nav> - para definição de zonas de menu <section> - para definição de secções dentro de um documento (ex. capítulos, cabeçalhos, rodapés, etc.) <time> - para definição de datas/horas <wbr> - permite especificar onde é pertinente que uma palavra seja partida em caso de mudança de linha <p> Se tiver que mudar de linha, parte-me por aqui: in<wbr>cons<wbr>ti<wbr>tu<wbr>cio<wbr>nal.</p> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 7
8 Principais alterações face à versão anterior: Surgimento de novos elementos (tags) Outras <command>, <details>, <summary>, <meter>, <progress> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 8
9 Principais alterações face à versão anterior: Novos atributos para os elementos de formulário Required <input type="text" name="nome" required="true"> Definição de padrões para os dados aceites (pattern) Z]{3}" <input type="text" pattern="[0-9][a-z]{3}" name="qualquercoisa" required > (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 9
10 Principais alterações face à versão anterior: Novos atributos para os elementos de formulário Utilização de listas de valores possíveis <input type="text" name="cores" list="listadecores"> <datalist id="listadecores"> <option value="red"> <option value="greeen"> <option value="blue"> </datalist> Outros autocomplete, autofocus, form, formaction, formenctype, formmethod, formnovalidate, formtarget, height, width, multiple, placeholder (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 10
11 Principais alterações face à versão anterior: Novos elementos de formulário <keygen>, <output> Novos tipos de campos de formulário (input type="xxxx") tel, search, url, , datetime, date, month, week, datetime-local, number, range, color Mais informações: (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 11
12 Principais alterações face à versão anterior: Passa a ser possível editar o conteúdo em praticamente todo o lado <div id="caixote" contenteditable="true"> Texto, texto, bla bla bla </div> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 12
13 Principais alterações face à versão anterior: Desaparecimento de algumas tags: <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <s>, <strike>, <tt>, <u> e <xmp> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 13
14 Vídeo em HTML5 Uma das funcionalidades mais utilizadas e faladas do HTML5, diz respeito ao surgimento da tag video que permite incluir videos nas páginas sem necessitar de recorrer a plug-ins externos, principalmente Flash. Actualmente são (parcialmente) suportados dois formatos de vídeo distintos Ogg - Thedora video codec and Vorbis audio codec MPEG 4 - H.264 video codec and AAC audio codec No entanto e como acontece com muitas outras funcionalidades de HTML5, ainda não existe suporte para todos os browsers/formatos, Com o andar do tempo, esse suporte vai chegando! (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 14
15 Vídeo em HTML5 Inserir vídeo numa página <video src="filme.ogg" controls="controls"></video> Versão mais avançada <video width="320" height="240" controls="controls"> <source src="filme.ogg" type="video/ogg" /> <source src="filme.mp4" type="video/mp4" /> Lamentamos, mas o seu browser ainda não suporta a tag video. </video> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 15
16 Áudio em HTML5 Passa também a ser possível inserir áudio nas páginas web sem recorrer a plug-ins. Para já os formatos (parcialmente) suportados são: MP3 Ogg Vorbis Wav Para inserir áudio numa página: <audio controls="controls"> <source src="musiquinha.ogg" type="audio/ogg" /> <source src="musiquinha.mp3" type="audio/mpeg" /> Lamentamos, mas o seu browser ainda não suporta a tag audio. </audio> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 16
17 O elemento Canvas Este novo elemento, assume as funções de uma tela em branco que pode ser pintada como bem pretendermos utilizando JavaScript. <canvas id="aminhatela" width="200" height="100"></canvas> É possível desenhar as mais diversas formas geométricas <script type="text/javascript"> var tela = document.getelementbyid("aminhatela"); var p = tela.getcontext("2d"); // Código específico para desenhar </script> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 17
18 O elemento Canvas (cont.) Exemplos: Rectângulo... p.fillstyle="#ff0000"; p.fillrect(0,0,150,75);... Linhas rectas... p.moveto(10,10); p.lineto(150,50); p.lineto(10,50); p.stroke();... (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 18
19 O elemento Canvas (cont.) Exemplos: Circulo... p.fillstyle="#ff0000"; p.beginpath(); p.arc(70,18,15,0,math.pi*2,true); p.closepath(); p.fill();... Inserir uma imagem... var imagem=new Image() imagem.src="logo_estgoh.png" p.drawimage(img,0,0);... (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 19
20 Web storage Com o HTML5 são introduzidas duas novas formas de guardar informação no cliente para além das cookies. localstorage Não há validade temporal associado aos dados <script type="text/javascript"> localstorage.omeunome="nuno"; alert(localstorage.omeunome); </script> sessionstorage Os dados apenas estão disponíveis para a sessão em que foram criados <script type="text/javascript"> sessionstorage.omeunome="nuno"; alert(sessionstorage.omeunome); </script> (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 20
21 Web storage (cont.) Para além da utilização simples como foi apresentada no slide anterior, é possível utilizar o objecto Storage e deste modo aceder a métodos mais avançados. clear() getitem( XXX ) removeitem( XXX ) setitem( chave, valor ) Mais informações: (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 21
22 Mais informações (c) Nuno Miguel Gil Fonseca - Escola Superior de Tecnologia e Gestão de Oliveira do Hospital - Programação para Internet I 22
HTML5. André Tavares da Silva. andre.silva@udesc.br
HTML5 André Tavares da Silva andre.silva@udesc.br O que é HTML5? HTML5 será o novo padrão para HTML, XHTML e HTML DOM (Document Object Model). A última versão (4.01) foi definida em 1999 e a Web mudou
Leia maisAnálise da Nova Linguagem HTML5 para o Desenvolvimento Web
Análise da Nova Linguagem HTML5 para o Desenvolvimento Web Sergio N. Ikeno¹, Késsia Rita da Costa Marchi¹ ¹Universidade Paranaense (Unipar) Paranavaí PR Brasil sergioikn@gmail.com, kessia@unipar.br Resumo.
Leia maisHTML5 HyperText Markup Language v5
HTML5 HyperText Markup Language v5 Composição Web Engenharia InformáBca / InformáBca Web 2014/15 Artur M. Arsénio O Que há de novo no HTML5? A declaração DOCTYPE do HTML5 é muito simples:
Leia maisLista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.
Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças
Leia maisMaurício Samy Silva. Novatec
Maurício Samy Silva Novatec Copyright 2011 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer
Leia maisMinicurso introdutório de desenvolvimento para web em HTML5. Cristiano Costa
Minicurso introdutório de desenvolvimento para web em HTML5 Cristiano Costa Sobre mim Graduando em Engenharia Eletrônica - UNIFEI Trabalhou em desenvolvimento de sistemas empresariais (Base em servidores
Leia maisO W3C Futuro da Web HTML5. Março/2011 Web Expo Fórum
O W3C Futuro da Web HTML5 Março/2011 Web Expo Fórum Web e W3C Tim Berners-Lee criou / propôs 2 a Web em 1989 (há 21 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP + HTML) Web e W3C 3 Tim
Leia maisAfinal o que é HTML?
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
Leia maisHTML5 ESSENCIAL. Fundamentos de todo serviço na Web
HTML5 ESSENCIAL Fundamentos de todo serviço na Web EMENTA Fundamentos de Web Documentos HTML Conteúdo Multimídia Semântica Desempenho 3 O QUE VEREMOS AGORA Fundamentos da Web Documentos HTML Conteúdo Section,
Leia maisProf. Erwin Alexander Uhlmann 1/7/2010
HTML 5 O html 5 é a nova versão do html 4. Foi desenvolvido para a interoperabilidade e padronização de plataformas e navegadores (motores). Compare as estruturas do html4 e do 5, abaixo: HTML 4 HTML 5
Leia maisRedes de Computadores I Seminário Novas Tecnologias em Redes HTML5. Jessica da Silva Hahn Letícia Aparecida Coelho
Redes de Computadores I Seminário Novas Tecnologias em Redes HTML5 Jessica da Silva Hahn Letícia Aparecida Coelho Internet HTTP Dois métodos de requisição HTTP são os mais utilizados: GET e POST Outros
Leia maisAplicativos para Internet Aula 01
Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes Uso da Internet http://www.ibope.com.br/pt-br/noticias/paginas/world-wide-web-ou-www-completa-22-anos-nesta-terca-feira.aspx
Leia maisIntrodução 1ª Parte Web Web Web Web Browsers Editores Editores Etiquetas (tags) base indica que se trata de uma página escrita em linguagem HTML. Esta deve abranger todo o código;
Leia maisDaniel Röhers Moura. Software HandsOn.TV. danielrohers
Daniel Röhers Moura Software Engineer @ HandsOn.TV rohersmoura@gmail.com danielrohers 1 HTML o que? HTML5 é a nova versão do HTML, simples assim! :) Foi lançada em 2008 e traz consigo importantes mudanças
Leia maisWeb Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
Leia maisPré-requisito Treinamento de Lógica de Programação, ou conhecimento equivalente.
1 HTML5 e 3 Descrição Aprenda no curso de HTML os conceitos essenciais para a criação de páginas web, junto com os novos recursos e possibilidades que o HTML5 e 3 oferecem para a criação de sites com códigos
Leia mais1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão
1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena
Leia maisHTML5. Prof. Salustiano Rodrigues de Oliveira saluorodrigues@gmail.com www.profsalu.com.br
HTML5 Prof. Salustiano Rodrigues de Oliveira saluorodrigues@gmail.com www.profsalu.com.br HTML5 HTML5 é considerada a próxima geração do HTML e suas funcionalidades inovadoras o tornam uma alternativa
Leia maisCurso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
Leia maisO W3C Futuro da Web HTML5 Web Semântica. Março/2011 SENAC Ribeirão Preto Road Show TI 2011
O W3C HTML5 Web Semântica Março/2011 SENAC Ribeirão Preto Road Show TI 2011 Web e W3C Tim Berners-Lee criou / propôs a Web em 1989 (há 21 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP
Leia maisHTML5 E WEB SEMÂNTICA, A WEB COM SIGNIFICADO
HTML5 E WEB SEMÂNTICA, A WEB COM SIGNIFICADO Djalma Gonçalves Costa Junior¹, Willian Barbosa Magalhães¹ ¹Universidade Paranaense (Unipar) Paranavaí - PR - Brasil djalma.g.costajr@gmail.com wmagalhaes@unipar.br
Leia maisAplicações de Escritório Electrónico
Universidade de Aveiro Escola Superior de Tecnologia e Gestão de Águeda Curso de Especialização Tecnológica em Práticas Administrativas e Tradução Aplicações de Escritório Electrónico Microsoft Word Folha
Leia maisHTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).
HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a
Leia maisTECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de páginas Web. Compreender as principais funcionalidades de cada tag utilizada.
Leia maisHTML5 e CSS3 O presente e o futuro da WEB. Danilo Borges da Silva Daniloborges_@hotmail.com
HTML5 e CSS3 O presente e o futuro da WEB Danilo Borges da Silva Daniloborges_@hotmail.com Agenda Introdução Histórico Características Conclusão Referências Introdução HTML HTML é uma abreviação de Hypertext
Leia maisDWEB. Design para Web. HTML5 - Marcação de formulário. Curso Superior de Tecnologia em Design Gráfico
DWEB Design para Web Curso Superior de Tecnologia em Design Gráfico HTML5 - Marcação de formulário E não vos conformeis com este século, mas transformai-vos pela renovação da vossa mente, para que experimenteis
Leia maisPROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -HTML 5: ARMAZENAMENTO DE DADOS (CLIENTE) Prof. Angelo Augusto Frozza, M.Sc. http://about.
PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -HTML 5: ARMAZENAMENTO DE DADOS (CLIENTE) Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução Compatibilidade Principais características
Leia maisMicrosoft Office FrontPage 2003
Instituto Politécnico de Tomar Escola Superior de Gestão Área Interdepartamental de Tecnologias de Informação e Comunicação Microsoft Office FrontPage 2003 1 Microsoft Office FrontPage 2003 O Microsoft
Leia maisWeb 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.
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. J O S É A N TÔ N I O D A C U N H A Web Page HTTP No início a web, era
Leia maisPROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -HTML 5: ARMAZENAMENTO DE DADOS (CLIENTE) Prof. Angelo Augusto Frozza, M.Sc. http://about.
PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -HTML 5: ARMAZENAMENTO DE DADOS (CLIENTE) Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução Compatibilidade Principais características
Leia maisTécnicas e processos de produção. Profº Ritielle Souza
Técnicas e processos de produção Profº Ritielle Souza INTRODUÇÃO HTML Sigla em inglês para Hyper Text Markup Language, traduzindo daria algo como Linguagem para marcação de Hipertexto. E o que seria o
Leia maisLINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON
COMPONENTES: ROBSON EDMILSON O HTML (Hiper Text Mark-up Language) é uma linguagem de programação hipertexto. O HTML tem códigos para criar páginas na web. Estes códigos que definem o tipo de letra, qual
Leia maisAnálise Comparativa dos Recursos e Diferenças das Tecnologias de Programação HTML5 e HTML4
Análise Comparativa dos Recursos e Diferenças das Tecnologias de Programação HTML5 e HTML4 Guilherme Miranda Martins 1, Késsia Rita da Costa Marchi 1 1 Universidade paranaense (Unipar) Paranavaí PR Brasil
Leia maisRelatório de Compatibilidade de HTML5. GT de novas tecnologias: HTML5
Relatório de Compatibilidade de HTML5 GT de novas tecnologias: HTML5 Responsável Atividade Data Rodrigo Lins Pesquisa e desenvolvimento das avaliações 05/07/2013 a 19/07/2013 Cristine Gusmão Revisão do
Leia maisTECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO INTRODUÇÃO AO MACROMEDIA DREAMWEAVER MX 2004 O Macromedia Dreamweaver MX 2004 é um software que permite a criação de páginas de Internet profissionais, estáticas
Leia maisProgramação para Internet I. 2. O protocolo HTTP. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt
Programação para Internet I 2. O protocolo HTTP Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Protocolos Conjunto de regras que define o modo como aplicações informáticas comunicam entre si. Permite
Leia maisO HTML 5 E SUAS NOVAS API s
O HTML 5 E SUAS NOVAS API s David William Rosa de Souza 1, Rafael Cunha Cardoso 1 1 Tecnologia de Sistemas para a Internet Instituto Federal de Educação, Ciência e Tecnologia Sul-Rio-Grandense (IF-Sul)
Leia maisCriação de Páginas Web - MS Word 2000
Gestão Comercial e da Produção Informática I 2003/04 Ficha de Trabalho N.º 9 Criação de Páginas Web - MS Word 2000 1. Criação de uma página Web (HTML): Escreva o seu texto e introduza as imagens pretendidas
Leia maisDesenvolvimento de Sistemas WEB Prof. Msc Jacson Rodrigues
Desenvolvimento de Sistemas WEB Prof. Msc Jacson Rodrigues Visão Geral do HTML A Web é baseada em 3 pilares: Um esquema de nomes para localização de fontes de informação na Web: URI. Um Protocolo de acesso
Leia maisO W3C Futuro da Web HTML5. Outubro/2010 Futurecom
O W3C Futuro da Web HTML5 Outubro/2010 Futurecom Web e W3C Tim Berners-Lee criou / propôs 2 a Web em 1989 (há 21 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP + HTML) Web e W3C 3 Tim Berners-Lee
Leia maisWebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira
WebDesign Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Entendendo Alguns Conceitos Antes de prosseguirmos é importante ter em mente o motivo pelo
Leia maisTags de Portas e Janelas Para o Padrão Brasileiro
Fabrício Ferreira Arquiteto Urbanista Ajustar os TAGs de portas e janelas que o Revit já possui aos padrões brasileiros. Criaremos dois tipos de TAGs, um com indicação do tipo de porta e janela (ex.: P01,
Leia maisHTML5. Jhonny R. S. Frischembruder
HTML5 Jhonny R. S. Frischembruder RESUMO O HTML5 surgiu com o intuíto de preencher a lacuna de necessidades da programação com HTML de sua versão antecessora 4.01 que foi congelada em 1999. Dificuldades
Leia maisMaurício Samy Silva. Novatec
Maurício Samy Silva Novatec Sumário Agradecimentos...13 Sobre o autor...13 Introdução...15 Para quem foi escrito este livro... 15 Convenções tipográficas... 16 Site do livro... 18 Capítulo 1 O que é (X)HTML?...20
Leia maisRegras básicas que definem onde o elemento pode ou não estar. Existem dois tipos de elementos: De linha: marcam, na maioria das vezes, textos,
Regras básicas que definem onde o elemento pode ou não estar. Existem dois tipos de elementos: De linha: marcam, na maioria das vezes, textos, elementos de formulários, imagens. De blocos: são como caixas,
Leia maisQUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
Leia maisO 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.
1 - O que é JAVASCRIPT? É uma linguagem de script orientada a objetos, usada para aumentar a interatividade de páginas Web. O JavaScript foi introduzido pela Netscape em seu navegador 2.0 e posteriormente
Leia maisPrimeiro contato com JavaScript
Primeiro contato com JavaScript Visão Geral JavaScript É uma linguagem em formato script; Permite dinamizar funções do site e criar interatividade em páginas web. O JavaScript permite: Coletar dados dos
Leia maisHTML5 Futuro da Web. Multimídia sem limites 2011 SENAC - SP
HTML5 Futuro da Web Multimídia sem limites 2011 SENAC - SP Web e W3C Tim Berners-Lee criou / propôs a Web em 1989 (há 22 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP + HTML) 2 Web e W3C
Leia maisHTML. Conceitos básicos de formatação de páginas WEB
HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto
Leia maisMODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS. Redes de Comunicação
MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS Redes de Comunicação Regras para um website eficaz Categorização dos conteúdos estrutura lógica dos conteúdos Condensação conteúdos simples e directos
Leia maisOffice 365 Manual Outlook 365 Web Application
Office 365 Manual Outlook 365 Web Application Requisitos para usar o Office 365: Ter instalado pelo menos a versão 7 do Internet Explorer, Mozilla Firefox 15, Google Chrome 21 ou Safari no Mac. O que é
Leia maisO Futuro do Desenvolvimento Web
O Futuro do Desenvolvimento Web HTML 5, CSS 3 e como eles podem facilitar sua vida (ou não) Tiago Madeira madeira@ime.usp.br Academia Mozilla Brasil Congresso Internacional do Software Livre Museu da Imagem
Leia maisAlgoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15
APROG Algoritmia e Programação HTML Introdução Nelson Freire (ISEP DEI-APROG 2014/15) 1/15 O que é o HTML? Sumário Geral Documento HTML Elemento HTML Estrutura Básica de Documento HTML Elementos Títulos
Leia maisColégio da Policia Militar do Estado do Tocantins. HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa
Colégio da Policia Militar do Estado do Tocantins HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa Formulários Avançando no HTML e CSS Nesta aula vamos aprender como criar uma página de contato
Leia maisFolha Prática Nº4 HTML5. UNIVERSIDADE DA BEIRA INTERIOR Faculdade de Engenharia Departamento de Informática
Tecnologias Internet - 0/0, 0/0 Folha Prática Nº HTML . NAV UNIVERSIDADE DA BEIRA INTERIOR Tecnologias Internet - 0/0, 0/0 0 NAV: permite que um conjunto de links seja
Leia maisOficina de Construção de Páginas Web
COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina de Construção de Páginas Web Criação e Publicação Guião Páginas WWW com o editor do Microsoft Office Word 2003 1. Introdução. 2. Abrir uma página Web. 3. Guardar
Leia maisRoteiro 06. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 06 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 06 Objetivos Layout responsivo Formulários HTML 2 Layout responsivo
Leia maisUniversidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação HTML
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação HTML Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: jacsonrcsilva@gmail.com Visão
Leia maisDesenvolvimento Web Introdução a XHTML. Prof. Bruno Gomes
Desenvolvimento Web Introdução a XHTML Prof. Bruno Gomes 2014 Introdução HTML e XHTML Estrutura básica do documento DTDs Validação do documento Exercícios HTML e XHTML HTML (Hipertext Markup Language)
Leia mais7. Formulários em XHTML
Programação para Internet I 7. Formulários em XHTML Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Os formulários constituem uma das principais formas de interacção entre clientes e servidores. São
Leia mais2.9. PHP Cookies e variáveis de sessão
Programação para a Internet II 2.9. PHP Cookies e variáveis de sessão Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Cookies Uma cookie mais não é do que um ficheiro que é criado por determinado site
Leia maisO que é o JavaScript?
JavaScript Introdução O JavaScript é utilizado por milhões de páginas na web para melhorar o design, validar forms, e muito mais O JavaScript foi inicialmente desenvolvido pela Netscape e é a linguagem
Leia mais#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br
#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br #O que é Web Standards? São padrões de desenvolvimento web recomendados pela W3C que visam a implementação de
Leia maisIntrodução. História. Como funciona
Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado
Leia maisFICHEIROS COM EXEMPLOS
FICHEIROS COM EXEMPLOS Envie um e-mail* para software@centroatlantico.pt para conhecer os endereços de Internet de onde poderá fazer o download dos fichei Reservados todos os direitos por Centro Atlântico,
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Graffiti Creator
Leia maisProgramação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt
Programação para a Internet II 2.13. PHP AJAX Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Ajax não é uma tecnologia! É um conceito! Consiste no uso do objecto XMLHttpRequest que se encontra implementado
Leia maisDesenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Frames São janelas que podem conter páginas Web. Uma janela pode ser subdividida em várias subjanelas, cada uma, visualizando
Leia maisWebdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML
Leia mais> Herbet Ferreira Rodrigues > contato@herbetferreira.com
Curso HTML & CSS > Herbet Ferreira Rodrigues > contato@herbetferreira.com Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação
Leia maisO W3C Futuro da Web HTML5. agosto/2010 CONSEGI
O W3C Futuro da Web HTML5 agosto/2010 CONSEGI Web e W3C Tim Berners-Lee criou / propôs 2 a Web em 1989 (há 21 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP + HTML) Web e W3C 3 Tim Berners-Lee
Leia maisXHTML 1.0 DTDs e Validação
XHTML 1.0 DTDs e Validação PRnet/2012 Ferramentas para Web Design 1 HTML 4.0 X XHTML 1.0 Quais são os três principais componentes ou instrumentos mais utilizados na internet? PRnet/2012 Ferramentas para
Leia maisProgramação WEB I DOM (Document Object Manager)
Programação WEB I DOM (Document Object Manager) DOM Significa Modelo de Objetos de Documentos e tem por finalidade descrever e padronizar os objetos e seus relacionamentos em uma aplicação. Tem a finalidade
Leia maisInternet. Gabriela Trevisan Bacharel em Sistemas de Infomação
Internet Gabriela Trevisan Bacharel em Sistemas de Infomação Histórico da Web World Wide Web o nosso www é o meio de comunicação mais utilizado no mundo atualmente. Através da WWW qualquer usuário conectado
Leia maisTutorial exe elearning XHTML editor (versão 1.0x)
UOe-L 13 Março 2008 Ficha Técnica Autor: Susana Azevedo UOe-L CEMED UA Revisão: Helder Caixinha UOe-L CEMED UA Versão: 3.0 Data de criação: 15/Dezembro/2005 Data da última revisão: 13/Março/2008 1 Tutorial
Leia maisIntrodução ao HTML Hypertext Markup Language
Introdução ao HTML Hypertext Markup Language Prof. Marcus Ramos Tags São comandos que são inseridos juntamente com o texto a ser apresentado, e que definem a forma como o mesmo será exibido na tela do
Leia maisInformática Básica. Microsoft Word XP, 2003 e 2007
Informática Básica Microsoft Word XP, 2003 e 2007 Introdução O editor de textos Microsoft Word oferece um conjunto de recursos bastante completo, cobrindo todas as etapas de preparação, formatação e impressão
Leia maisObservações importantes:
Fundação CECIERJ - Vice Presidência de Educação Superior a Distância Curso de Tecnologia em Sistemas de Computação Disciplina Criação de Páginas de WEB AD1 1 semestre de 2014. Observações importantes:
Leia maisJavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.
JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um
Leia maisStreaming Video With HTML5
Streaming Video With HTML5 Homework 1 Índice Introdução... 3 Video Containers... 3 MPEG4... 3 Ogg... 3 Flash Video... 3 WebM... 3 Video Codecs... 4 H.264... 4 Theora... 4 VP8... 4 Audio Codecs... 5 MP3...
Leia maisWeb Design Aula 11: XHTML
Web Design Aula 11: XHTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação HTML 1.0-2.0: Havia hipertextos, não havia preocupação com a apresentação HTML 3: Guerra dos Browser (Microsoft
Leia maisMonday, January 23, 12. Introdução sobre Acessibilidade na web
Introdução sobre Acessibilidade na web Acessibilidade na web é o consumo da informação por qualquer pessoa por qualquer tipo de meio de acesso. Para que serve a web? A web serve para compartilhar informação.
Leia maisPDI 1 - Projeto e Design de Interfaces Web
Introdução a HTML e XHTML Elementos básicos parte 2 Professor: Victor Hugo L. Lopes Agenda: --Adicionando imagens; --Trabalhando com vídeos e sons em HTML; Disponível em http://wp.me/p48yvn-43 2 Inserindo
Leia maisPlano Curricular TIC - 1º Ciclo -
O Projeto de TIC A elaboração deste projeto tem como objetivo principal a estrutura organizacional das TIC (Tecnologias de Informação e de Comunicação) no Externato Grão Vasco, tendo como base as necessidades
Leia maisZS Rest. Manual Profissional. BackOffice Mapa de Mesas. v2011
Manual Profissional BackOffice Mapa de Mesas v2011 1 1. Índice 2. Introdução... 2 3. Iniciar ZSRest Backoffice... 3 4. Confirmar desenho de mesas... 4 b) Activar mapa de mesas... 4 c) Zonas... 4 5. Desenhar
Leia maisCOMO FUNCIONA UM FORMULÁRIO
FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,
Leia maisDisciplina: Tecnologias de Informação e Comunicação Ano Letivo 2014/2015
A informação, o conhecimento e o mundo das tecnologias. (I7.1) Utilização do computador e/ou dispositivos eletrónicos similares em segurança. (I7.2) 1. Compreender a evolução das tecnologias de informação
Leia maisDESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5
DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 Alex de Andrade Catini¹, Tiago Piperno Bonetti¹ ¹Universidade Paranaense (Unipar) Paranavaí PR Brasil Alex.catini@gmail.com, bonetti@unipar.br Resumo:
Leia maisAGRUPAMENTO DE ESCOLAS DR. GINESTAL MACHADO
AGRUPAMENTO DE ESCOLAS DR. GINESTAL MACHADO 3º Ciclo do Ensino Básico Planificação Ano letivo: 2013/2014 Disciplina: Tecnologias de Informação e Comunicação Ano:7º Conteúdos Objectivos Estratégias/Actividades
Leia maisIntrodução a Web Standards. Reinaldo Ferraz e Clécio Bachini
Introdução a Web Standards Reinaldo Ferraz e Clécio Bachini Document Object Model (DOM) Modelo de Documentos em Objetos Objetos em um Documento Markup Linguagem de Marcação Semântica Objetos com Sentido
Leia maisTECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com
Luiz Leão luizleao@gmail.com http://luizleao.com CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação
Leia maisHTML. Sessão 1 HTML. Cliente: browser (IE, por exemplo) Servidor: IIS (Internet Information Server), Apache, WebSphere,...
Sessão 1 A INTERNET Baseada no modelo Cliente-Servidor Cliente: programa que pede informação Servidor: programa que envia a informação No caso da WWW: Cliente: browser (IE, por exemplo) Servidor: IIS (Internet
Leia maisPlano de Ensino IDENTIFICAÇÃO. SEMESTRE ou ANO DA TURMA: 3º EMENTA
MINISTÉRIO DA EDUCAÇÃO SECRETARIA DE EDUCAÇÃO PROFISSIONAL E TECNOLÓGICA INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA FARROUPILHA PRÓ-REITORIA DE ENSINO Rua Esmeralda, 430 Faixa Nova Camobi -97110-767
Leia maisPROGRAMAÇÃO WEB DO LADO DO CLIENTE
PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,
Leia maisCurso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2.
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Formulários Durante a navegação em websites é comum que sejam solicitadas informações
Leia mais