Logo CEWEB.br Logo NIC.br Logo CGI.br
Home Sobre o projeto

Sites Pertecentes a (o) SP

Recomendações Avaliadas
1.1 Respeitar os Padrões Web.

Recomendações

Número Descrição Quantidade Linhas Código Fonte
1.1.3 Presença de CSS(s) in-line 8 135 136 139 140 144 149 469 568
1.1.4 Presença de CSS(s) interno 3 16 77 87
1.1.6 Presença de javascript(s) interno 4 57 73 111 287
1.1.8 Não foram respeitados os Padrões Web CSS 22 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
135 <![CDATA[<div id="faixaGoverno" style="border:1px solid black; margin: 2px auto; margin-botton:1px; justify-content: center; width:990px; height:55px !important; vertical-align:baseline;"> <iframe style=" margin-left:0px; " src="/usercontrols/barraSP/barraSP.htm" width="100%" height="55" frameborder="0" scrolling="no"></iframe> </div>]]>
136 <![CDATA[<iframe style=" margin-left:0px; " src="/usercontrols/barraSP/barraSP.htm" width="100%" height="55" frameborder="0" scrolling="no"></iframe>]]>
139 <![CDATA[<div id="topo_bgHeader" style="width:100%;float:left;background:url(&#39;/images/banners/metro.jpg&#39;) no-repeat center 0px;"> <div id="header" style="max-height:374px;"> <div id="faixaMenuTop"> <div id="menuTop"> <div id="guardaMenuTop" style="z-index:999999;"> <div id="logoMetro"> <a href="/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/fale-conosco/index.aspx">Fale Conosco</a></li> <!-- <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank">Acessibilidade deficientes visuais</a></li> --> <li><a href="/fale-conosco/ouvidoria/index.aspx">Ouvidoria</a></li> <li><a href="/sic/index.aspx">SIC</a></li> <li><a href="https://transparencia.metrosp.com.br/" target="_blank">Governança e Transparência</a></li> <li><a href='/denuncia/index.aspx'>Canal de denúncia</a></li> <!-- <li><a href="/mapa-site/mapa-site.aspx">Mapa do site</a></li>--> </ul> </div> <br class="clear" /> </div> </div> </div> <div id="menuSite"> <div class="floatLeft"><img src="/images/borda-esquerda-menu.gif" alt="" /></div> <ul> <li class="home"> <a href="/index.aspx" title="Home"> <img src="/images/borda-esqueda-over-menu.gif" alt="Home" /> <span>Home</span> <img src="/images/borda-direita-over-menu.gif" alt="Home" /> </a> </li> <li class="metro"> <a href="/metro/index.aspx" title="Empresa"> <img src="/images/borda-esqueda-over-menu.gif" alt="Empresa" /> <span>Empresa</span> <img src="/images/borda-direita-over-menu.gif" alt="Empresa" /> </a> </li> <li class="sua-viagem"> <a href="/sua-viagem/index.aspx" title="Sua viagem"> <img src="/images/borda-esqueda-over-menu.gif" alt="Sua viagem" /> <span>Sua viagem</span> <img src="/images/borda-direita-over-menu.gif" alt="Sua viagem" /> </a> </li> <li class="noticias"> <a href="/noticias/index.aspx" title="Notícias"> <img src="/images/borda-esqueda-over-menu.gif" alt="Notícias" /> <span>Notícias</span> <img src="/images/borda-direita-over-menu.gif" alt="Notícias" /> </a> </li> <li class="cultura-lazer"> <a href="/cultura/index.aspx" title="Cultura"> <img src="/images/borda-esqueda-over-menu.gif" alt="Cultura" /> <span>Cultura</span> <img src="/images/borda-direita-over-menu.gif" alt="Cultura" /> </a> </li> <li class="tecnologia"> <a href="/tecnologia/index.aspx" title="Tecnologia"> <img src="/images/borda-esqueda-over-menu.gif" alt="Tecnologia" /> <span>Tecnologia</span> <img src="/images/borda-direita-over-menu.gif" alt="Tecnologia" /> </a> </li> <li class="obras"> <a href="/obras/index.aspx" title="Obras"> <img src="/images/borda-esqueda-over-menu.gif" alt="Obras" /> <span>Expansão e Obras</span> <img src="/images/borda-direita-over-menu.gif" alt="Obras" /> </a> </li> <li class="novos-negocios"> <a href="/negocios/index.aspx" title="Novos Negócios"> <img src="/images/borda-esqueda-over-menu.gif" alt="Novos Negócios" /> <span>Novos Negócios</span> <img src="/images/borda-direita-over-menu.gif" alt="Novos Negócios" /> </a> </li> <li id="ultimaLiMenuSite" class="fale-conosco"> <a href="/fale-conosco/index.aspx" title="Fale conosco"> <img src="/images/borda-esqueda-over-menu.gif" alt="Fale conosco" /> <span>Fale conosco</span> <img src="/images/borda-direita-over-menu.gif" alt="Fale conosco" /> </a> </li> </ul> <div class="floatRight"><img src="/images/borda-direita-menu.gif" alt="" /></div> </div> <br class="clear" /> </div> </div>]]>
140 <![CDATA[<div id="header" style="max-height:374px;"> <div id="faixaMenuTop"> <div id="menuTop"> <div id="guardaMenuTop" style="z-index:999999;"> <div id="logoMetro"> <a href="/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/fale-conosco/index.aspx">Fale Conosco</a></li> <!-- <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank">Acessibilidade deficientes visuais</a></li> --> <li><a href="/fale-conosco/ouvidoria/index.aspx">Ouvidoria</a></li> <li><a href="/sic/index.aspx">SIC</a></li> <li><a href="https://transparencia.metrosp.com.br/" target="_blank">Governança e Transparência</a></li> <li><a href='/denuncia/index.aspx'>Canal de denúncia</a></li> <!-- <li><a href="/mapa-site/mapa-site.aspx">Mapa do site</a></li>--> </ul> </div> <br class="clear" /> </div> </div> </div> <div id="menuSite"> <div class="floatLeft"><img src="/images/borda-esquerda-menu.gif" alt="" /></div> <ul> <li class="home"> <a href="/index.aspx" title="Home"> <img src="/images/borda-esqueda-over-menu.gif" alt="Home" /> <span>Home</span> <img src="/images/borda-direita-over-menu.gif" alt="Home" /> </a> </li> <li class="metro"> <a href="/metro/index.aspx" title="Empresa"> <img src="/images/borda-esqueda-over-menu.gif" alt="Empresa" /> <span>Empresa</span> <img src="/images/borda-direita-over-menu.gif" alt="Empresa" /> </a> </li> <li class="sua-viagem"> <a href="/sua-viagem/index.aspx" title="Sua viagem"> <img src="/images/borda-esqueda-over-menu.gif" alt="Sua viagem" /> <span>Sua viagem</span> <img src="/images/borda-direita-over-menu.gif" alt="Sua viagem" /> </a> </li> <li class="noticias"> <a href="/noticias/index.aspx" title="Notícias"> <img src="/images/borda-esqueda-over-menu.gif" alt="Notícias" /> <span>Notícias</span> <img src="/images/borda-direita-over-menu.gif" alt="Notícias" /> </a> </li> <li class="cultura-lazer"> <a href="/cultura/index.aspx" title="Cultura"> <img src="/images/borda-esqueda-over-menu.gif" alt="Cultura" /> <span>Cultura</span> <img src="/images/borda-direita-over-menu.gif" alt="Cultura" /> </a> </li> <li class="tecnologia"> <a href="/tecnologia/index.aspx" title="Tecnologia"> <img src="/images/borda-esqueda-over-menu.gif" alt="Tecnologia" /> <span>Tecnologia</span> <img src="/images/borda-direita-over-menu.gif" alt="Tecnologia" /> </a> </li> <li class="obras"> <a href="/obras/index.aspx" title="Obras"> <img src="/images/borda-esqueda-over-menu.gif" alt="Obras" /> <span>Expansão e Obras</span> <img src="/images/borda-direita-over-menu.gif" alt="Obras" /> </a> </li> <li class="novos-negocios"> <a href="/negocios/index.aspx" title="Novos Negócios"> <img src="/images/borda-esqueda-over-menu.gif" alt="Novos Negócios" /> <span>Novos Negócios</span> <img src="/images/borda-direita-over-menu.gif" alt="Novos Negócios" /> </a> </li> <li id="ultimaLiMenuSite" class="fale-conosco"> <a href="/fale-conosco/index.aspx" title="Fale conosco"> <img src="/images/borda-esqueda-over-menu.gif" alt="Fale conosco" /> <span>Fale conosco</span> <img src="/images/borda-direita-over-menu.gif" alt="Fale conosco" /> </a> </li> </ul> <div class="floatRight"><img src="/images/borda-direita-menu.gif" alt="" /></div> </div> <br class="clear" /> </div>]]>
144 <![CDATA[<div id="guardaMenuTop" style="z-index:999999;"> <div id="logoMetro"> <a href="/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/fale-conosco/index.aspx">Fale Conosco</a></li> <!-- <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank">Acessibilidade deficientes visuais</a></li> --> <li><a href="/fale-conosco/ouvidoria/index.aspx">Ouvidoria</a></li> <li><a href="/sic/index.aspx">SIC</a></li> <li><a href="https://transparencia.metrosp.com.br/" target="_blank">Governança e Transparência</a></li> <li><a href='/denuncia/index.aspx'>Canal de denúncia</a></li> <!-- <li><a href="/mapa-site/mapa-site.aspx">Mapa do site</a></li>--> </ul> </div> <br class="clear" /> </div>]]>
149 <![CDATA[<div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div>]]>
469 <![CDATA[<div style=" padding:0 0 0 180px;"> <p><strong>Demonstra como funciona a operação do sistema metroviário. Apresenta o CCO (Centro de Controle Operacional) e o CCS (Centro de Controle de Segurança), além do monitoramento da operação dos trens, do fluxo de passageiros e as ações relacionadas à segurança do usuário.</strong></p> <h3>PÚBLICO ALVO</h3> <p>Destinado a estudantes de escolas técnicas, universidades, órgãos públicos, empresas ou profissionais que atuam na área de transporte.</p> <h3>PRÉ-REQUISITOS</h3> <p>No caso de estudantes, o preenchimento do formulário eletrônico deverá ser realizado pelo professor (ou responsável), que deverá acompanhar a visita.</p> <p>Número de participantes: de 10 a 50 (mínimo/máximo).</p> <p>A solicitação está sujeita a análise e o retorno será dado posteriormente.</p> <h3>LOCAL</h3> <p>Centro de Controle Operacional situado à <a href="https://goo.gl/maps/r3pD3cbEECP2" target="_blank">Rua Vergueiro, 1200 - Paraíso</a>.</p> <br> <h5>CONSULTAR CALENDÁRIO</h5> <div id="box-toggle"> <div class="tgl"> <iframe id=programavisitas name="iframe01" src="https://aplic.metrosp.com.br/og0010/frontend/index.php?r=roteiro/view&nr_roteiro=1" width="623" height="700" scrolling="auto" frameborder="no" marginwidth="0" marginheight="0"></iframe> <!--iframe id=programavisitas name="iframe01" src="http://og0010t.metroweb.sp.gov.br/og0010/frontend/index.php?r=roteiro/view&nr_roteiro=1" width="623" height="900" scrolling="auto" frameborder="no" marginwidth="0" marginheight="0"></iframe--> </div> </div> <br><br> <!--p>PREENCHER FORMULÁRIO</p--> <h3>MAIS INFORMAÇÕES</h3> <p>Atendimento telefônico: (11) 3179-2171 /3179-2204 / 3179-2218<br>De 2ª a 6ª das 9h às 17h</p> <br> <p><a href="/tecnologia/operacao.aspx" target="_blank">Saiba mais</a></p> <!--div id="subHome"> <div class="area quadrosIguais"> <a href="/metro/images/programa-visitas/roteiros/max_r1_01.jpg" rel="shadowbox[rot01]" alt="Metrô em Operação." title="Metrô em Operação."> <img src="/metro/images/programa-visitas/roteiros/mini_r1_01.jpg" alt="Metrô em Operação." title="Metrô em Operação." /> </a> </div> <div class="area quadrosIguais"> <a href="/metro/images/programa-visitas/roteiros/max_r1_02.jpg" rel="shadowbox[rot01]" alt="Metrô em Operação." title="Metrô em Operação."> <img src="/metro/images/programa-visitas/roteiros/mini_r1_02.jpg" alt="Metrô em Operação." title="Metrô em Operação." /> </a> </div> <div class="area semEspaco quadrosIguais"> <a href="/metro/images/programa-visitas/roteiros/max_r1_03.jpg" rel="shadowbox[rot01]" alt="Metrô em Operação." title="Metrô em Operação."> <img src="/metro/images/programa-visitas/roteiros/mini_r1_03.jpg" alt="Metrô em Operação." title="Metrô em Operação." /> </a> </div> </div> <br class="clear"> <div id="subHome" style="padding-top:30px"> <div class="area quadrosIguais"> <a href="/metro/images/programa-visitas/roteiros/max_r1_04.jpg" rel="shadowbox[rot01]" alt="Metrô em Operação." title="Metrô em Operação."> <img src="/metro/images/programa-visitas/roteiros/mini_r1_04.jpg" alt="Metrô em Operação." title="Metrô em Operação." /> </a> </div> <div class="area quadrosIguais"> <a href="/metro/images/programa-visitas/roteiros/max_r1_05.jpg" rel="shadowbox[rot01]" alt="Metrô em Operação." title="Metrô em Operação."> <img src="/metro/images/programa-visitas/roteiros/mini_r1_05.jpg" alt="Metrô em Operação." title="Metrô em Operação." /> </a> </div> <div class="area semEspaco quadrosIguais"> <a href="/metro/images/programa-visitas/roteiros/max_r1_06.jpg" rel="shadowbox[rot01]" alt="Metrô em Operação." title="Metrô em Operação."> <img src="/metro/images/programa-visitas/roteiros/mini_r1_06.jpg" alt="Metrô em Operação." title="Metrô em Operação." /> </a> </div> </div--> </div>]]>
568 <![CDATA[<img style="margin-top: 0px;" src="/images/logo-horizontal.png" alt="GOVERNO DO ESTADO DE SÃO PAULO" />]]>
16 <![CDATA[<style> #compartilheTop2{ color:#e3e3e3; font-size:22px; } #compartilheTop2 li{ color:#e3e3e3; } #compartilheTop2 i{ color:#e3e3e3; } #compartilheTop2 li i{ color:#e3e3e3; } </style>]]>
77 <![CDATA[<style type="text/css"> .area{position:relative;overflow:hidden;float:left;padding-right:30px;} #subHome .quadrosIguais, #subHome .quadrosIguais .hover{width:132px!important;height:132px!important;} #subHome .quadrosIguais .hover .hover-content{width:100px!important;height:132px!important;} #conteudoPagina h5 {font:bold 14px Arial;color:#285083;background:url("/metro/images/programa-visitas/roteiros/calendario.gif") no-repeat left 2px;padding:25px 0 15px 51px;text-transform:uppercase;} </style>]]>
87 <![CDATA[<style type="text/css" media="all"> #box-toggle { width:643px; margin:0 auto; text-align:justify; font:12px/1.4 Arial, Helvetica, sans-serif; } #box-toggle .tgl { margin-bottom:20px; width:743px; } #box-toggle span { display:block; cursor:pointer; font-size:14px; color: #585858; margin-top:5px; } .hidden{display:none;} </style>]]>
57 <![CDATA[<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-145274-3']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>]]>
73 <![CDATA[<script type="text/javascript"> Shadowbox.init(); </script>]]>
111 <![CDATA[<script type="text/javascript"> jQuery.fn.toggleText = function(a,b) { return this.html(this.html().replace(new RegExp("("+a+"|"+b+")"),function(x){return(x==a)?b:a;})); } $(document).ready(function(){ $('.tgl').before('<span>Ver Calendário</span>'); $('.tgl').css('display', 'none') $('span', '#box-toggle').click(function() { $(this).next().slideToggle('slow') .siblings('.tgl:visible').slideToggle('fast'); $(this).toggleText('Ver Calendário','Fechar Calendário') .siblings('span').next('.tgl:visible').prev() .toggleText('Ver Calendário','Fechar Calendário') }); }) </script>]]>
287 <![CDATA[<script type="text/javascript"> window.onload = function() { if (new Date() > new Date('2019-04-23T23:59:59-03:00')) { document.getElementById('aparecer').style.display = 'block'; document.getElementById('apagar').style.display = 'none'; }else{ document.getElementById('aparecer').style.display = 'none'; document.getElementById('apagar').style.display = 'block'; } } </script>]]>
0 Não há código fonte a ser exibido.