SlideShare uma empresa Scribd logo
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?




                      Star Wars:
         O que a Guerra nas
        Estrelas tem a ver com
        desenvolvimento web?
                        Reinaldo Ferraz
       As fotos contidas nessa apresentação foram extraídas dos filmes
   Star Wars, Episódios 1, 2, 3, 4, 5 e 6 para ilustrar as explicações a seguir.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?




  Há pouco tempo atrás, na Web...
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


         Há pouco tempo atrás, na Web...




 O Império de sites sem acessibilidade e para diversos
   dispositivos e navegadores ainda domina a web.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


         Há pouco tempo atrás, na Web...




 Mas um grupo de cavaleiros Jedi e seus seguidores lutam
para que a Web seja única e acessada por qualquer pessoa,
           em qualquer dispositivo ou navegador
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


         Há pouco tempo atrás, na Web...




             O Lado Sombrio faz de tudo para
               manter seu poder na Internet.
       O poder de sedução do Lado Sombrio é grande.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?




            O poder de sedução do
                Lado Sombrio
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


 O poder de sedução do Lado Sombrio

O Lado Sombrio não é uma empresa ou uma
ferramenta de edição. É uma forma de construir
páginas sem padrões e que funcionem em apenas
alguns dispositivos e navegadores.

É a forma mais fácil de criar páginas.

Mas isso faz com que certos grupos de pessoas
sejam impossibilitadas de acessar seu site por ter
um navegador ou computador diferente.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


 O poder de sedução do Lado Sombrio

 <div>
 <li><a href=“/links/”>Nossos links   <a href=“/contato/”>Contato
 <br><br>
 </div>




    O Império ganha cada vez mais poder, nos
         seduzindo pelo “fácil de fazer”.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


 O poder de sedução do Lado Sombrio




Ferramentas de uso fácil são formas de atrair seguidores
para o Lado Sombrio, afinal, estudar o código leva tempo
        e o site tem que estar no ar rapidamente.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


 O poder de sedução do Lado Sombrio




       Ainda são muitos os que acreditam que é
      “Fácil de fazer, não precisa conhecer HTML”
       O site deve ser divertido e fácil de fazer!
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


 O poder de sedução do Lado Sombrio




 Você instala o que quiser e como quiser em sua página...
               E o site se torna algo terrível.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


          O poder de sedução do Lado Sombrio
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-
US">
<head profile="http://www.w3.org/2000/08/w3c-synd/#"><meta http-
equiv="Content-Type" content="text/html; charset=utf-8" />

<title>World Wide Web Consortium - Web Standards</title>
 <link rel="meta" href="/Overview-about.rdf" />
 <link rel="stylesheet" type="text/css" href="/StyleSheets/home.css" />
 <link rel="bookmark" href="#technologies" title="Technologies |" />

<link rel="alternate" type="application/rss+xml" title="W3C Home Page
News RSS Channel" href="http://www.w3.org/2000/08/w3c-
synd/home.rss" />

</head>

<body>
<h1 id="logo"><img alt="The World Wide Web Consortium (W3C)"
height="48" width="315" src="/Icons/w3c_main" /></h1>

<h2 id="slogan">Leading the Web to Its Full Potential...</h2>
<div>
<map name="introLinks" id="introLinks" title="Introductory Links">


          Acima de tudo, o Lado Sombrio nos ensinou a ter medo do
          fonte, o “Código Fonte”. Ele quer transformar você em um
                      simples operador de ferramentas.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?




            A luta dos guerreiros do
                  Lado da Luz
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?

            A luta dos guerreiros do
                  Lado da Luz
O Lado da Luz é um conjunto de princípios para a
criação de páginas HTML conforme as
recomendações do W3C, para que essas páginas
sejam acessadas pelo maior número possível de
pessoas, em qualquer dispositivo ou navegador.

Os guerreiros do Lado da Luz não são apenas
operadores de ferramentas. São grandes
conhecedores do código Fonte do HTML.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?

            A luta dos guerreiros do
                  Lado da Luz




  A Web é única e deve ser acessada por todos!
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?

            A luta dos guerreiros do
                  Lado da Luz




      Independente de limitações físicas ou dispositivos
                           utilizados.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?




               Escolha o seu lado
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


               Escolha o seu lado




                  Tudo funciona, até que...
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


               Escolha o seu lado




      É agora que você escolhe o seu caminho.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?




         O caminho para o Lado
               Sombrio
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


   O caminho para o Lado Sombrio




     “Não consegue acessar meu site? Problema seu!”
      Esse pode ser o caminho para o Lado Sombrio.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


   O caminho para o Lado Sombrio




           “Este site é melhor visualizado em...”
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


   O caminho para o Lado Sombrio




Não se preocupar com seus visitantes, esse é o caminho
      para se tornar um servo do Lado Sombrio.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?




 O caminho para o Lado da Luz
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


          O caminho para o Lado da Luz
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-
US">
<head profile="http://www.w3.org/2000/08/w3c-synd/#"><meta http-
equiv="Content-Type" content="text/html; charset=utf-8" />

<title>World Wide Web Consortium - Web Standards</title>
 <link rel="meta" href="/Overview-about.rdf" />
 <link rel="stylesheet" type="text/css" href="/StyleSheets/home.css" />
 <link rel="bookmark" href="#technologies" title="Technologies |" />

<link rel="alternate" type="application/rss+xml" title="W3C Home Page
News RSS Channel" href="http://www.w3.org/2000/08/w3c-
synd/home.rss" />

</head>

<body>
<h1 id="logo"><img alt="The World Wide Web Consortium (W3C)"
height="48" width="315" src="/Icons/w3c_main" /></h1>

<h2 id="slogan">Leading the Web to Its Full Potential...</h2>
<div>
<map name="introLinks" id="introLinks" title="Introductory Links">


           Você resolve dar uma olhada no Fonte. O código que o
              Lado Sombrio quer que você tenha tanto medo.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


 O caminho para o Lado da Luz




   A busca pelo conhecimento. Entender como seu site
          funciona e como consertar os erros.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


 O caminho para o Lado da Luz




  A preocupação com o visitante, um código válido e um site
     bom para todos, independente do tipo de dispositivo.
           Esse é o caminho para o Lado da Luz.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


 O caminho para o Lado da Luz




      Dificuldades em permanecer no caminho da Luz.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?




  Não subestime o poder do Fonte
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


   Não subestime o poder do Fonte
                            <?xml version="1.0" encoding="utf-8"?>
                            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
                            Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
                            strict.dtd">
                            <html xmlns="http://www.w3.org/1999/xhtml"
                            xml:lang="en-US" lang="en-US">
                            <head profile="http://www.w3.org/2000/08/w3c-
                            synd/#"><meta http-equiv="Content-Type"
                            content="text/html; charset=utf-8" />

                            <title>World Wide Web Consortium - Web
                            Standards</title>

                            </head>

                            <body>
                            <h1 id="logo"><img alt="The World Wide Web
                            Consortium (W3C)" height="48" width="315"
                            src="/Icons/w3c_main" /></h1>




  O poder do seu site aparece no código Fonte.
Na Internet, todos estão aptos a usá-lo e você pode
      usar o Fonte para o bem ou para o mal.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


     Não subestime o poder do Fonte
<div>
<li><a href=“/links/”>
Nossos links
<a href=“/contato/”>
Contato
<br><br>
</div>




        Ter o poder do Fonte e seguir o Lado Sombrio.
          É possível, criando sites acessíveis apenas
     para pessoas que tenham um navegador como o seu,
               ou um computador como o seu.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


   Não subestime o poder do Fonte




 Ou você pode usar o Código Fonte para o Lado da Luz,
 buscando conhecimento para melhorar seu site, seguir
 padrões web e conhecer o trabalho de outros Mestres
  Jedis. Assim mais pessoas poderão acessar seu site.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


   Não subestime o poder do Fonte




 Não são as ferramentas que levam o desenvolvedor para o
           Lado Sombrio, e sim o seu mau uso.
     Ferramentas utilizadas com sabedoria são aliadas
        importantes na luta contra o Lado Sombrio.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?




                 A escolha é sua!
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


                  A escolha é sua!




  Você vai desenvolver seu site para os velhos tempos,
 como na época do Império ou pensando no futuro, como
                  os cavaleiros Jedi?
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?




                   Mas lembre-se!
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?


                   Mas lembre-se!




   O Lado Sombrio não tem piedade dos fracos.
Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web?




 Que o Fonte esteja com vocês.
                        Reinaldo Ferraz

Mais conteúdo relacionado

Semelhante a Star Wars e o Desenvolvimento web

A revolução do client side
A revolução do client sideA revolução do client side
A revolução do client side
Cristiano Gonçalves
 
Phonegap
PhonegapPhonegap
Phonegap
Lucas Brigida
 
ASP .NET MVC - Você esta pronto para a pílula vermelha?
ASP .NET MVC - Você esta pronto para a pílula vermelha?ASP .NET MVC - Você esta pronto para a pílula vermelha?
ASP .NET MVC - Você esta pronto para a pílula vermelha?
Douglas Aguiar
 
Show Day Droid x
Show Day Droid xShow Day Droid x
Show Day Droid x
Impacta Eventos
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
Rael Max
 
Web das Coisas CPBR8
Web das Coisas CPBR8Web das Coisas CPBR8
Web das Coisas CPBR8
Reinaldo Ferraz
 
Raymundo Ferreira - Desenvolvimento de aplicativos S40 com Web apps
Raymundo Ferreira - Desenvolvimento de aplicativos S40 com Web appsRaymundo Ferreira - Desenvolvimento de aplicativos S40 com Web apps
Raymundo Ferreira - Desenvolvimento de aplicativos S40 com Web apps
INdT
 
2006 - CURSOINTRODUÇÃOADOTNET.ppt
2006 - CURSOINTRODUÇÃOADOTNET.ppt2006 - CURSOINTRODUÇÃOADOTNET.ppt
2006 - CURSOINTRODUÇÃOADOTNET.ppt
Ricardo Guerra Freitas
 
Content Management System CMS: Wordpress
Content Management System CMS: WordpressContent Management System CMS: Wordpress
Content Management System CMS: Wordpress
renancavichi
 
Pagestackr - RejectConf SP 2007
Pagestackr - RejectConf SP 2007Pagestackr - RejectConf SP 2007
Pagestackr - RejectConf SP 2007
George Guimarães
 
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open WebNovo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Leonardo Balter
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Reinaldo Ferraz
 
Workshop Museus– trabalho colaborativo e tecnologias sociais
Workshop Museus– trabalho colaborativo e tecnologias sociaisWorkshop Museus– trabalho colaborativo e tecnologias sociais
Workshop Museus– trabalho colaborativo e tecnologias sociais
Serpentina
 
Workshop museus – trabalho colaborativo e_tecnologias_sociais
Workshop museus – trabalho colaborativo e_tecnologias_sociaisWorkshop museus – trabalho colaborativo e_tecnologias_sociais
Workshop museus – trabalho colaborativo e_tecnologias_sociais
Serpentina
 
Realidade Virtual com Tecnologias Web
Realidade Virtual com Tecnologias WebRealidade Virtual com Tecnologias Web
Realidade Virtual com Tecnologias Web
Thayana Mamoré
 
Concurso widgets da TMN
Concurso widgets da TMNConcurso widgets da TMN
Concurso widgets da TMN
josemataf
 
Apresentação Padrões Web
Apresentação Padrões WebApresentação Padrões Web
Apresentação Padrões Web
Rodolfo Romez Rodrigues
 
"Por trás da criação de um simulador de operações cibernéticas: unindo virtua...
"Por trás da criação de um simulador de operações cibernéticas: unindo virtua..."Por trás da criação de um simulador de operações cibernéticas: unindo virtua...
"Por trás da criação de um simulador de operações cibernéticas: unindo virtua...
WeOp - The Operations Summit
 
Desenvolvimento Mobile Web & Software Livre - Flisol cg
Desenvolvimento Mobile Web & Software Livre - Flisol cgDesenvolvimento Mobile Web & Software Livre - Flisol cg
Desenvolvimento Mobile Web & Software Livre - Flisol cg
Bruno Fernandes "PorKaria"
 
Quasar Framework - Front end de alto desempenho
Quasar Framework - Front end de alto desempenhoQuasar Framework - Front end de alto desempenho
Quasar Framework - Front end de alto desempenho
Patrick Monteiro
 

Semelhante a Star Wars e o Desenvolvimento web (20)

A revolução do client side
A revolução do client sideA revolução do client side
A revolução do client side
 
Phonegap
PhonegapPhonegap
Phonegap
 
ASP .NET MVC - Você esta pronto para a pílula vermelha?
ASP .NET MVC - Você esta pronto para a pílula vermelha?ASP .NET MVC - Você esta pronto para a pílula vermelha?
ASP .NET MVC - Você esta pronto para a pílula vermelha?
 
Show Day Droid x
Show Day Droid xShow Day Droid x
Show Day Droid x
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
Web das Coisas CPBR8
Web das Coisas CPBR8Web das Coisas CPBR8
Web das Coisas CPBR8
 
Raymundo Ferreira - Desenvolvimento de aplicativos S40 com Web apps
Raymundo Ferreira - Desenvolvimento de aplicativos S40 com Web appsRaymundo Ferreira - Desenvolvimento de aplicativos S40 com Web apps
Raymundo Ferreira - Desenvolvimento de aplicativos S40 com Web apps
 
2006 - CURSOINTRODUÇÃOADOTNET.ppt
2006 - CURSOINTRODUÇÃOADOTNET.ppt2006 - CURSOINTRODUÇÃOADOTNET.ppt
2006 - CURSOINTRODUÇÃOADOTNET.ppt
 
Content Management System CMS: Wordpress
Content Management System CMS: WordpressContent Management System CMS: Wordpress
Content Management System CMS: Wordpress
 
Pagestackr - RejectConf SP 2007
Pagestackr - RejectConf SP 2007Pagestackr - RejectConf SP 2007
Pagestackr - RejectConf SP 2007
 
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open WebNovo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
 
Workshop Museus– trabalho colaborativo e tecnologias sociais
Workshop Museus– trabalho colaborativo e tecnologias sociaisWorkshop Museus– trabalho colaborativo e tecnologias sociais
Workshop Museus– trabalho colaborativo e tecnologias sociais
 
Workshop museus – trabalho colaborativo e_tecnologias_sociais
Workshop museus – trabalho colaborativo e_tecnologias_sociaisWorkshop museus – trabalho colaborativo e_tecnologias_sociais
Workshop museus – trabalho colaborativo e_tecnologias_sociais
 
Realidade Virtual com Tecnologias Web
Realidade Virtual com Tecnologias WebRealidade Virtual com Tecnologias Web
Realidade Virtual com Tecnologias Web
 
Concurso widgets da TMN
Concurso widgets da TMNConcurso widgets da TMN
Concurso widgets da TMN
 
Apresentação Padrões Web
Apresentação Padrões WebApresentação Padrões Web
Apresentação Padrões Web
 
"Por trás da criação de um simulador de operações cibernéticas: unindo virtua...
"Por trás da criação de um simulador de operações cibernéticas: unindo virtua..."Por trás da criação de um simulador de operações cibernéticas: unindo virtua...
"Por trás da criação de um simulador de operações cibernéticas: unindo virtua...
 
Desenvolvimento Mobile Web & Software Livre - Flisol cg
Desenvolvimento Mobile Web & Software Livre - Flisol cgDesenvolvimento Mobile Web & Software Livre - Flisol cg
Desenvolvimento Mobile Web & Software Livre - Flisol cg
 
Quasar Framework - Front end de alto desempenho
Quasar Framework - Front end de alto desempenhoQuasar Framework - Front end de alto desempenho
Quasar Framework - Front end de alto desempenho
 

Mais de Reinaldo Ferraz

Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)
Reinaldo Ferraz
 
Acessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoAcessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do código
Reinaldo Ferraz
 
WCAG 2.2 e 3.0
WCAG 2.2 e 3.0WCAG 2.2 e 3.0
WCAG 2.2 e 3.0
Reinaldo Ferraz
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na Web
Reinaldo Ferraz
 
WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
Reinaldo Ferraz
 
Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Por que re-descentralizar a Web?
Por que re-descentralizar a Web?
Reinaldo Ferraz
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na web
Reinaldo Ferraz
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
Reinaldo Ferraz
 
Re-descentralizar a web
Re-descentralizar a webRe-descentralizar a web
Re-descentralizar a web
Reinaldo Ferraz
 
The power of ALT and LANG attributes
The power of ALT and LANG attributesThe power of ALT and LANG attributes
The power of ALT and LANG attributes
Reinaldo Ferraz
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
Reinaldo Ferraz
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
Reinaldo Ferraz
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
Reinaldo Ferraz
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
Reinaldo Ferraz
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
Reinaldo Ferraz
 
Aplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalAplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV Digital
Reinaldo Ferraz
 
HTML Acessível
HTML AcessívelHTML Acessível
HTML Acessível
Reinaldo Ferraz
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesada
Reinaldo Ferraz
 
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinasAcessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Reinaldo Ferraz
 
Atributos textuais para imagens e SEO
Atributos textuais para imagens e SEOAtributos textuais para imagens e SEO
Atributos textuais para imagens e SEO
Reinaldo Ferraz
 

Mais de Reinaldo Ferraz (20)

Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)
 
Acessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoAcessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do código
 
WCAG 2.2 e 3.0
WCAG 2.2 e 3.0WCAG 2.2 e 3.0
WCAG 2.2 e 3.0
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na Web
 
WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
 
Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Por que re-descentralizar a Web?
Por que re-descentralizar a Web?
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na web
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Re-descentralizar a web
Re-descentralizar a webRe-descentralizar a web
Re-descentralizar a web
 
The power of ALT and LANG attributes
The power of ALT and LANG attributesThe power of ALT and LANG attributes
The power of ALT and LANG attributes
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
 
Aplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalAplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV Digital
 
HTML Acessível
HTML AcessívelHTML Acessível
HTML Acessível
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesada
 
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinasAcessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
 
Atributos textuais para imagens e SEO
Atributos textuais para imagens e SEOAtributos textuais para imagens e SEO
Atributos textuais para imagens e SEO
 

Star Wars e o Desenvolvimento web

  • 1. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Reinaldo Ferraz As fotos contidas nessa apresentação foram extraídas dos filmes Star Wars, Episódios 1, 2, 3, 4, 5 e 6 para ilustrar as explicações a seguir.
  • 2. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Há pouco tempo atrás, na Web...
  • 3. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Há pouco tempo atrás, na Web... O Império de sites sem acessibilidade e para diversos dispositivos e navegadores ainda domina a web.
  • 4. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Há pouco tempo atrás, na Web... Mas um grupo de cavaleiros Jedi e seus seguidores lutam para que a Web seja única e acessada por qualquer pessoa, em qualquer dispositivo ou navegador
  • 5. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Há pouco tempo atrás, na Web... O Lado Sombrio faz de tudo para manter seu poder na Internet. O poder de sedução do Lado Sombrio é grande.
  • 6. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O poder de sedução do Lado Sombrio
  • 7. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O poder de sedução do Lado Sombrio O Lado Sombrio não é uma empresa ou uma ferramenta de edição. É uma forma de construir páginas sem padrões e que funcionem em apenas alguns dispositivos e navegadores. É a forma mais fácil de criar páginas. Mas isso faz com que certos grupos de pessoas sejam impossibilitadas de acessar seu site por ter um navegador ou computador diferente.
  • 8. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O poder de sedução do Lado Sombrio <div> <li><a href=“/links/”>Nossos links <a href=“/contato/”>Contato <br><br> </div> O Império ganha cada vez mais poder, nos seduzindo pelo “fácil de fazer”.
  • 9. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O poder de sedução do Lado Sombrio Ferramentas de uso fácil são formas de atrair seguidores para o Lado Sombrio, afinal, estudar o código leva tempo e o site tem que estar no ar rapidamente.
  • 10. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O poder de sedução do Lado Sombrio Ainda são muitos os que acreditam que é “Fácil de fazer, não precisa conhecer HTML” O site deve ser divertido e fácil de fazer!
  • 11. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O poder de sedução do Lado Sombrio Você instala o que quiser e como quiser em sua página... E o site se torna algo terrível.
  • 12. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O poder de sedução do Lado Sombrio <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en- US"> <head profile="http://www.w3.org/2000/08/w3c-synd/#"><meta http- equiv="Content-Type" content="text/html; charset=utf-8" /> <title>World Wide Web Consortium - Web Standards</title> <link rel="meta" href="/Overview-about.rdf" /> <link rel="stylesheet" type="text/css" href="/StyleSheets/home.css" /> <link rel="bookmark" href="#technologies" title="Technologies |" /> <link rel="alternate" type="application/rss+xml" title="W3C Home Page News RSS Channel" href="http://www.w3.org/2000/08/w3c- synd/home.rss" /> </head> <body> <h1 id="logo"><img alt="The World Wide Web Consortium (W3C)" height="48" width="315" src="/Icons/w3c_main" /></h1> <h2 id="slogan">Leading the Web to Its Full Potential...</h2> <div> <map name="introLinks" id="introLinks" title="Introductory Links"> Acima de tudo, o Lado Sombrio nos ensinou a ter medo do fonte, o “Código Fonte”. Ele quer transformar você em um simples operador de ferramentas.
  • 13. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? A luta dos guerreiros do Lado da Luz
  • 14. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? A luta dos guerreiros do Lado da Luz O Lado da Luz é um conjunto de princípios para a criação de páginas HTML conforme as recomendações do W3C, para que essas páginas sejam acessadas pelo maior número possível de pessoas, em qualquer dispositivo ou navegador. Os guerreiros do Lado da Luz não são apenas operadores de ferramentas. São grandes conhecedores do código Fonte do HTML.
  • 15. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? A luta dos guerreiros do Lado da Luz A Web é única e deve ser acessada por todos!
  • 16. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? A luta dos guerreiros do Lado da Luz Independente de limitações físicas ou dispositivos utilizados.
  • 17. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Escolha o seu lado
  • 18. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Escolha o seu lado Tudo funciona, até que...
  • 19. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Escolha o seu lado É agora que você escolhe o seu caminho.
  • 20. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O caminho para o Lado Sombrio
  • 21. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O caminho para o Lado Sombrio “Não consegue acessar meu site? Problema seu!” Esse pode ser o caminho para o Lado Sombrio.
  • 22. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O caminho para o Lado Sombrio “Este site é melhor visualizado em...”
  • 23. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O caminho para o Lado Sombrio Não se preocupar com seus visitantes, esse é o caminho para se tornar um servo do Lado Sombrio.
  • 24. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O caminho para o Lado da Luz
  • 25. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O caminho para o Lado da Luz <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en- US"> <head profile="http://www.w3.org/2000/08/w3c-synd/#"><meta http- equiv="Content-Type" content="text/html; charset=utf-8" /> <title>World Wide Web Consortium - Web Standards</title> <link rel="meta" href="/Overview-about.rdf" /> <link rel="stylesheet" type="text/css" href="/StyleSheets/home.css" /> <link rel="bookmark" href="#technologies" title="Technologies |" /> <link rel="alternate" type="application/rss+xml" title="W3C Home Page News RSS Channel" href="http://www.w3.org/2000/08/w3c- synd/home.rss" /> </head> <body> <h1 id="logo"><img alt="The World Wide Web Consortium (W3C)" height="48" width="315" src="/Icons/w3c_main" /></h1> <h2 id="slogan">Leading the Web to Its Full Potential...</h2> <div> <map name="introLinks" id="introLinks" title="Introductory Links"> Você resolve dar uma olhada no Fonte. O código que o Lado Sombrio quer que você tenha tanto medo.
  • 26. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O caminho para o Lado da Luz A busca pelo conhecimento. Entender como seu site funciona e como consertar os erros.
  • 27. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O caminho para o Lado da Luz A preocupação com o visitante, um código válido e um site bom para todos, independente do tipo de dispositivo. Esse é o caminho para o Lado da Luz.
  • 28. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? O caminho para o Lado da Luz Dificuldades em permanecer no caminho da Luz.
  • 29. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Não subestime o poder do Fonte
  • 30. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Não subestime o poder do Fonte <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <head profile="http://www.w3.org/2000/08/w3c- synd/#"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>World Wide Web Consortium - Web Standards</title> </head> <body> <h1 id="logo"><img alt="The World Wide Web Consortium (W3C)" height="48" width="315" src="/Icons/w3c_main" /></h1> O poder do seu site aparece no código Fonte. Na Internet, todos estão aptos a usá-lo e você pode usar o Fonte para o bem ou para o mal.
  • 31. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Não subestime o poder do Fonte <div> <li><a href=“/links/”> Nossos links <a href=“/contato/”> Contato <br><br> </div> Ter o poder do Fonte e seguir o Lado Sombrio. É possível, criando sites acessíveis apenas para pessoas que tenham um navegador como o seu, ou um computador como o seu.
  • 32. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Não subestime o poder do Fonte Ou você pode usar o Código Fonte para o Lado da Luz, buscando conhecimento para melhorar seu site, seguir padrões web e conhecer o trabalho de outros Mestres Jedis. Assim mais pessoas poderão acessar seu site.
  • 33. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Não subestime o poder do Fonte Não são as ferramentas que levam o desenvolvedor para o Lado Sombrio, e sim o seu mau uso. Ferramentas utilizadas com sabedoria são aliadas importantes na luta contra o Lado Sombrio.
  • 34. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? A escolha é sua!
  • 35. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? A escolha é sua! Você vai desenvolver seu site para os velhos tempos, como na época do Império ou pensando no futuro, como os cavaleiros Jedi?
  • 36. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Mas lembre-se!
  • 37. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Mas lembre-se! O Lado Sombrio não tem piedade dos fracos.
  • 38. Star Wars: O que a Guerra nas Estrelas tem a ver com desenvolvimento web? Que o Fonte esteja com vocês. Reinaldo Ferraz