HTML5 e Mobile Web Reinaldo Ferraz W3C Brasil
|
|
|
- Juan Medina Bicalho
- 10 Há anos
- Visualizações:
Transcrição
1 HTML5 e Mobile Web Reinaldo Ferraz W3C Brasil
2
3 Um pouco do W3C
4 O W3C no Brasil
5 Web e W3C 5 Tim Berners-Lee criou / propôs a Web em 1989 (há 23 anos) (URI + HTTP + HTML) HTML5 - Futuro da Web
6 Web em Passado
7 Web em Passado
8 Web em Passado
9 Web e W3C
10 Web e W3C 10 Tim Berners-Lee criou / propôs a Web em 1989 (há 24 anos) (URI + HTTP + HTML) o W3C em 1994 (há 19 anos) 01/10/1994 no MIT, Laboratório de Ciência da Computação HTML5 - Futuro da Web
11 Web e W3C
12 Web e W3C
13 Futuro da Web HTML 5 13 HTML 5 [HyperText Markup Language] HTML5 - Futuro da Web
14 Web e W3C 14 Tim Berners-Lee criou / propôs a Web em 1989 (há 22 anos) (URI + HTTP + HTML) o W3C em 1994 (há17 anos) 01/10/1994 no MIT, Laboratório de Ciência da Computação Web Semântica 1a. Conferência Internacional WWW 25 a 27/05/ ª Conferência Rio de Janeiro HTML5 - Futuro da Web
15 Web e W3C
16 Web e W3C
17
18
19
20 Porque padrões abertos?
21
22
23
24
25
26 26 Web Browsers Motores de busca HTTP HTML HTML HTML HTML hyper links hyper links hyper links A B C D HTML5 - Futuro da Web
27 27 Web browsers dados linkados Motores de busca Mashups de dados linkados HTTP HTTP RDF + HTML5 dados dados dados dados dados dados dados dados dados dados URI link de dados link de dados link de dados link de dados A B C D E HTML5 - Futuro da Web
28
29 29 WEB 2001 HTML5 - Futuro da Web
30 30 WEB 2011 HTML5 - Futuro da Web
31 HTML5 - Futuro da Web 31
32 HTML5 - Futuro da Web HTML4 XHTML HTML5
33 Futuro da Web - HTML5 33 HTML 5 [HyperText Markup Language] 1991 html tag Tim Berners Lee 1994 HTML 2 - já incluia tag <img> 1997 HTML HTML XHTML XHTML 1.1 CSS Ian Hickson (Opera) propõe estender HTML: Web Forms 2.0, Web Apps Apple, Mozilla e Opera criam WHAT WG (Web Hypertext Application Technology Working Group) 2007 W3C retorna HTML Working Group 2009 W3C descontinua XHTML Apple, Google, Microsoft, Mozilla e Opera implementam HTML5 HTML5 - Futuro da Web
34 Futuro da Web - HTML5
35 Futuro da Web - HTML5
36 Futuro da Web - HTML5
37 Futuro da Web - HTML5 3 grandes atores da web
38 Futuro da Web - HTML5 38 HTML5 - Futuro da Web
39
40 Futuro da Web - HTML5 40 Html5test.com HTML5 - Futuro da Web
41 Futuro da Web - HTML5 41 Exemplos HTML5 - Futuro da Web
42 Futuro
43 Futuro da Web - HTML5 43 HTML5 - Futuro da Web
44
45 Mobile Web
46 Mobile Web
47
48
49 Concepção de flexibilidade
50 Relembre os princípios da Web
51 Poupe a rede
52 Explore características específicas de dispositivos móveis
53 Otimize o tempo de resposta
54 Deixe os usuários livres
55 Um pouco de código 55
56 56 DOCTYPE
57 HTML5 - Futuro da Web Doctype: HTML4 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 57
58 HTML5 - Futuro da Web <!DOCTYPE html> 58
59
60
61 Formulários
62
63 <SCRIPT LANGUAGE="JavaScript"> var now = new Date(); var month_array = new Array("Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Out ubro","novembro","dezembro"); document.write("<form name=date_list><table bgcolor=silver><tr><td>"); document.write("<select name=month onchange=change_month(this.options.selectedindex)>"); for(i=0;i<month_array.length;i++) { if (now.getmonth()!= i) {document.write ("<option value="+i+">"+month_array[i]);} else {document.write ("<option value="+i+" selected>"+month_array[i]);} } document.write("</select>"); document.write("</td><td>"); document.write ("<select name=year onchange=change_year(this.options[this.options.selectedindex])>"); for(i=1950;i<3000;i++) { if (now.getyear()!= i) {document.write("<option value="+i+">"+i);} else {document.write("<option value="+i+" selected>"+i);}
64 <input type="date">
65 <input type=datetime>, <input type=month>, <input type=week>, <input type=time>, <input type=datetime-local> Correm o risco de ficar fora da especificação final.
66 <input type= > <input type= url > <input type= tel >
67
68 Exemplo
69 Exemplo
70
71 <video controls= controls autoplay= autoplay > <source src= video.ogv type= video/ogg > <source src= video.webm" type="video/webm"> <source src= video.mp4 type= video/mp4 > </video>
72
73 Exemplo
74 Exemplo
75 Exemplo
76
77 Exemplo
78
79
80
81 @media all and (min-width:500px) { (min-width:500px) { }
82 Exemplo
83
84 Browsers desktop
85 Browsers mobile
86
87 E o que ficou de fora do HTML5?
88 Futuro da Web - HTML5 abbr, align, allowtransparency, archive, background, bgcolor, border, cellspacing, classid, clear, code, codetype, color, compact, frameborder, height, hspace, link, marginbottom, marginheight, marginleft, marginright, margintop, marginwidth, noshade, nowrap, profile, rev, rules, scheme, scrolling, size, standby, target, text, urn, valign, valuetype, version, vlink, vspace, width
89 Futuro da Web - HTML5 abbr, align, allowtransparency, archive, background, bgcolor, border, cellspacing, classid, clear, code, codetype, color, compact, frameborder, height, hspace, link, marginbottom, marginheight, marginleft, marginright, margintop, marginwidth, noshade, nowrap, profile, rev, rules, scheme, scrolling, size, standby, target, text, urn, valign, valuetype, version, vlink, vspace, width
90
91 Prefixos -webkit- -moz-
92 Background #example1 { width: 500px; height: 250px; background-image: url(sheep.png), url(betweengrassandsky.png); background-position: center bottom, left top; background-repeat: no-repeat; }
93 Exemplo
94
95 Gradiente
96 Bordas arredondadas
97 Exemplo
98 Box Shadow
99 Exemplo
100
101 CSS Sprites
102
103 10 Dicas rápidas para desenvolvimento web mobile Um resumo baseado em
104 Saiba quando usar um framework
105 Não reduza o tamanho do seu site do desktop
106 Utilize a estratégia de Mobile First
107 Estruturação do conteúdo é importante
108 Desenvolva para múltiplas formas de entrada e navegação
109 Mantenha os formulários simples
110 Proporcione link para o site completo
111 Use Feature-detection
112 Otimize performance
113 Use Emuladores para testes
114 Obrigado! Reinaldo Ferraz W3C Escritório Brasil
HTML5 O Futuro da Web Multimídia sem limites Senac Santo André 05 de outubro de 2011 Reinaldo Ferraz W3C.br
HTML5 O Futuro da Web Multimídia sem limites Senac Santo André 05 de outubro de 2011 Reinaldo Ferraz W3C.br Um pouco do W3C É um consórcio internacional, que conta com: organizações filiadas, uma equipe
O 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
Prof. 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
> Herbet Ferreira Rodrigues > [email protected]
Curso HTML & CSS > Herbet Ferreira Rodrigues > [email protected] Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação
Programação para Internet I
Programação para Internet I Aula 05 e 06 Fernando F. Costa [email protected] 1 Tags de Formatação de Texto - Permite que um texto se mova de um lado para o outro da página. Sintaxe:
Aplicativos 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
4. Características Gerais das Tabelas do HTML
4. Características Gerais das Tabelas do HTML Curso de Extensão em HTML PUCRS A criação de uma tabela começa pelo tag e termina pelo tag. Antes do texto de cada linha da tabela você deve inserir o tag
Internet. 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
Introduçã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
Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva
Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1
Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / [email protected]
Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor
Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html
Tags estruturais Cria um comentário Envolve todo um documento html Envolve o cabeçalho de um documento html Fornece informações gerais sobre o documento
Tecnologia WEB I. Prof. Erwin Alexander Uhlmann. Dos princípios do HTML, estruturação com CSS e automação com Javascript
1 Tecnologia WEB I Prof. Erwin Alexander Uhlmann Dos princípios do HTML, estruturação com CSS e automação com Javascript UHLMANN, Erwin Alexander. Dos princípios do HTML, estruturação com CSS e automação
OPERAÇÃO DE SOFTWARE E APLICATIVOS
OPERAÇÃO DE SOFTWARE E APLICATIVOS 1 SUMÁRIO 1 INTRODUÇÃO A WEB... 4 1.1 O QUE É A WORLD WIDE WEB?... 4 1.2 COMO FUNCIONA A WWW?... 4 1.3 SERVIDORES WEB... 4 1.4 BROWSERS... 4 1.5 PADRÕES DA WEB... 5 1.6
Afinal 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
UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO. I. Ementa HTML e XHTML, de estrutura e marcação utilizados na sua composição; CSS.
UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO Instituto de Ciências Exatas e Tecnologia Curso: Ciência da Computação e Sistemas de Informação Série: 1º semestre Disciplina: Programação de Computadores
Aná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 [email protected], [email protected] Resumo.
Programação para Internet
Programação para Internet Aula 09 Os direitos desta obra foram cedidos à Universidade Nove de Julho Este material é parte integrante da disciplina oferecida pela UNINOVE. O acesso às atividades, conteúdos
HTML5 e CSS3 O presente e o futuro da WEB. Danilo Borges da Silva [email protected]
HTML5 e CSS3 O presente e o futuro da WEB Danilo Borges da Silva [email protected] Agenda Introdução Histórico Características Conclusão Referências Introdução HTML HTML é uma abreviação de Hypertext
Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL.
Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Procuraremos mostrar os principais procedimentos para fazer um cadastro de registros numa base de dados MySQL utilizando a linguagem
Aula 5 Cabeçalhos, Imagens e Links
Roteiro Aula 5 Cabeçalhos, Imagens e Links Efeitos em cabeçalhos Imagens e CSS Links Curso: Técnico em Informática / 2º Módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Efeitos
Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Introdução. HyperText Markup Language HTML. Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário
Introdução HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo [email protected] http://professor.ifsertao-pe.edu.br/nicolas.trigo/ O usuário interage com os serviços
HTML5 O futuro da internet
HTML5 O futuro da internet Rafael Nunes BATISTA 1 Willian Gilson de MELO 2 Ana Paula Ambrósio ZANELATO 3 Gilson Rodrigo Silvério POLIDORIO 4 RESUMO: Este artigo visa apresentar uma das mais novas ferramentas
Uso de Padrões Web. maio/2009
Uso de Padrões Web maio/2009 Internet e Web, passado, presente e futuro 2 Internet e Web, passado, presente e futuro 3 A Evolução da Web Pré Web Passado web 1.0 Presente web 2.0 Futuro web 3.0 4 A Evolução
#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio [email protected].
#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio [email protected] #Objetivo Revisar os conceitos mais importantes da XHTML e do CSS. Desenvolver
1. 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
INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO As imagens são armazenadas em forma de arquivos, principalmente PNG (para desenhos) ou JPG (para fotos) Para incluir imagens usa-se
Té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
UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO
UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO Instituto de Ciências Exatas e Tecnologia Curso: Ciência da Computação e Sistemas de Informação Série: 1º semestre Disciplina: Laboratório de Práticas
HTML5. 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
Introduçã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
17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi [email protected] http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,
Aula 4 Modelo CSS. Efeito cascata. Ordem em cascata. Declarações normais e importantes. Exemplo. Especificidade de um seletor 30/08/2013
Efeito cascata Aula 4 Modelo CSS Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Fontes das folhas de estilo Autor Usuário Agente do usuário
Web 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
HTML HTML. Criação de Páginas WEB. Caracteres especiais < < > > Sessão 10
HTML Sessão 10 HTML HTML permite que caracteres especiais sejam representados por sequências de escape, indicadas por três partes: um & inicial, um número ou cadeia de caracteres correspondente ao caractere
Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: [email protected]
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;
HTML5 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 [email protected] [email protected]
#Aula Nº 3 Estilo CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula3.pdf Vinicius Fiorio Custódio [email protected].
#Aula Nº 3 Estilo CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula3.pdf Vinicius Fiorio Custódio [email protected] #Objetivo Apresentar os conceitos de utilização do CSS, Sintaxe, Seletores
PROGRAMAÇÃO EM AMBIENTE WEB I
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi [email protected] http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,
Acessibilidade na web O caminho das pedras para construir sítios acessíveis. SECOP 2011 2 de setembro de 2011 Reinaldo Ferraz W3C.
Acessibilidade na web O caminho das pedras para construir sítios acessíveis SECOP 2011 2 de setembro de 2011 Reinaldo Ferraz W3C.br Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim
Como implementar Cache Busting nas tags da Atlas. O que são tags? O que é Cache Busting?
Guia de implementação de cache busting e teste de tags Atlas Ad Server http:///operacoes/guia_implementacao_cachebusting_teste_tags_atlas_aunica.pdf Este documento é destinado à orientação e ao suporte
HTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
PROGRAMAÇÃ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,
Prof. Erwin Alexander Uhlmann 1/7/2010
AULA 2 As tags singulares como , , , entre outras, são aquelas que não possuem as tags de fechamento, elas abrem e nelas mesmas são encerradas, de acordo com o XHTML 1.1, o atual,
QUEM 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
HTML? HTML? HTML? HTML e HTTP. HTML e HTTP 26/02/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 HTML? INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 1 Hypertext Markup Language (Linguagem de
História e Evolução da Web. Aécio Costa
Aécio Costa A História da Web O que estamos estudando? Período em anos que a tecnologia demorou para atingir 50 milhões de usuários 3 As dez tecnologias mais promissoras 4 A evolução da Web Web 1.0- Passado
Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes
Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,
PRnet/2013. Linguagem de Programação Web
Linguagem de Programação Web Linguagem de Programação Web Prnet/2013 Linguagem de Programação Web» Programas navegadores» Tipos de URL» Protocolos: HTTP, TCP/IP» Hipertextos (páginas WEB)» HTML, XHTML»
HTML. 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
TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão [email protected] http://luizleao.com
Luiz Leão [email protected] 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
Apostila de XHTML Curso de Internet Professor Rinaldo Demétrio
Conteúdo XHTML - Por quê?... 2 Porque XHTML?... 2 Diferenças Entre XHTML e HTML... 3 Como Preparar-se para a XHTML... 3 As Diferenças Mais Importantes:... 3 Os Elementos Devem Estar Devidamente Aninhados...
Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto [email protected]
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto [email protected] No início A Web é criada em 1989, para ser um padrão de publicação e distribuição de textos científicos e acadêmicos.
DWEB. Design para Web. CSS3 - Fundamentos. Curso Superior de Tecnologia em Design Gráfico
DWEB Design para Web Curso Superior de Tecnologia em Design Gráfico CSS3 - Fundamentos E não vos conformeis com este século, mas transformai-vos pela renovação da vossa mente, para que experimenteis qual
Plone na Plataforma Mobile. Fabiano Weimar dos Santos e Giuseppe Romagnoli
Plone na Plataforma Mobile Plone na Plataforma Mobile Plone na Plataforma Mobile Fabiano FabianoWeimar Weimardos dossantos Santos Os amigos me chamam de Os amigos me chamam dexiru Xiru Mestre em Inteligência
HTML5. Prof. Salustiano Rodrigues de Oliveira [email protected] www.profsalu.com.br
HTML5 Prof. Salustiano Rodrigues de Oliveira [email protected] www.profsalu.com.br HTML5 HTML5 é considerada a próxima geração do HTML e suas funcionalidades inovadoras o tornam uma alternativa
Curso de HTML. Daniel Destro do Carmo Softech Network Informática [email protected]
Daniel Destro do Carmo Softech Network Informática [email protected] Definições conceituais O que é HTML? Criando e publicando uma página web Elementos da HTML Estrutura básica de uma página HTML
Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Declaração DOCTYPE e Tag Raiz html
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage DeclaraçãoDOCTYPEeTagRaizhtml ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger
XHTML 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
CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata
CSS CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS é uma linguagem para estilos (formatação) que define o layout de documentos HTML. CSS controla fontes, cores, margens,
Roteiro 2: Conceitos de Tags HTML
Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias
PDI 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
Módulo: Criação de Páginas WEB
Módulo: Criação de Páginas WEB 50 Horas - Sessão 05/13 TEXTO ANIMADO O comando MARQUEE orienta o browser a definir o efeito de texto/imagem a passar no ecrã. Deve ser utilizado quando queremos dar destaque
Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens
Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Tag para inserir imagens e HTML O modelo CSS Noções fundamentais e funcionamento do CSS Incluindo estilos em uma página Sintaxe
LINGUAGEM 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
Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes
Roteiro 3: Introdução a Linguagem CSS Desenvolvimento de Sites com PHP e Mysql Objetivos Vincular folhas de estilo CSS em páginas de Internet; Compreender a sintaxe CSS; Controlar a formatação dos elementos
INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz
INTRODUCAO DESENVOLVIMENTO E DESIGN DE INTRODUÇÃO INTRODUÇÃO A linguagem HTML (Hipertext Markup Language Linguagem de Marcação de Hipertexto) é usada para divulgar páginas na World Wide Web, o serviço
Ferramentas para Multimídia e Internet - 1486
1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato
4.14 - Imagens: <img src="..."> src <img src="tecnologia.jpg"> único atributo que não pode ser omitido neste TAG Nota: img
4.14 - Imagens: O TAG utilizado para a inclusão de imagens em páginas html é o: O atributo src especifica o local onde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso
Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto [email protected]
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto [email protected] Frames São janelas que podem conter páginas Web. Uma janela pode ser subdividida em várias subjanelas, cada uma, visualizando
Configurações de envio com o uso de RSS
Configurações de envio com o uso de RSS Saiba como integrar o email marketing ao RSS e torne o processo de alimentação de conteúdo de newsletters automatizado. Configuração de envios com o uso de RSS Visão
Pré-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
4.14 - Imagens: <IMG SRC="..."> SRC <IMG SRC="tecnologia.jpg"> único atributo que não pode ser omitido neste tag Nota: img
4.14 - Imagens: O tag utilizado para a inclusão de imagens em páginas html é o: O atributo SRC especifica o local aonde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso
Linguagem de Programação Visual. Estrutura Basica do HTML5 Prof. Gleison Batista de Sousa
Linguagem de Programação Visual Estrutura Basica do HTML5 Prof. Gleison Batista de Sousa O que vai ser estudado Codificação; Linguagem de Programação; Infra Estrutura Basica; Ferramentas; Implantação;
Desenvolvedor Web Docente André Luiz Silva de Moraes
Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável
Web Design Aula 01. No Caderno Responda as Questões abaixo
Aula 01 1 O que é Web Design? 2 Qual a diferença entre Web Design e Web Designer? 3 O que são Sites ou Páginas? Cite 3 tipos de Sites. 4 O que é um Navegador? 5 O que são Servidores e o que são Protocolos?
Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo.
Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. Como defino e escrevo uma classe? Classe é um seletor