MAPSD » Internet

Modos de renderização ‘Standards mode’ vs ‘Quirks mode’

Alexandre Broggio — Mon, 04 Jan 2010 23:36:44 +0000

Um navegador de web tem no mínimo dois modos de exibição das paginas ou modos de renderização, que o navegador escolhe a partir de declaração de uma DTD (Doctype) no documento que seja valida, ou seja (escrita corretamente).

Com base na DTD o navegador ira renderizar a pagina em

- Modo padrão ( Standards mode ) – Modo correto de o navegador exibe a pagina conforme as especificações do DTD (Doctype) declarado no documento. Este modo segue os padrões descritos no W3C.
- Modo não padrão (Quirks mode) – o navegador exibe a pagina de uma forma mais vaga que poder gerar resultados inesperados, pois este modo emula o comportamentos de navegadores mais antigos.
Escolher um modo de renderização pelo DTD( Doctype ) de um documento e chamando de alternância (switching) de DOCTYPE ou indetificação (sniffing) de DOCTYPE. Abaixo como deve ser um Box model rendeizado corretamente

Abaixo os códigos HTML e CSS para você ver os resultados da imagem que esta logo abaixo dos códigos.

Código CSS

Código HTML





xhtml document


Teste

   'Standards mode'  vs  'Quirks  mode' 


  Titulo da tabela
  Rodapé
  
    
      Texto da tag p.
      texto da tag p.
    
    
      Conteúdo.
      Conteúdo.

Titulo da tabela
Rodapé
Texto da tag p.	texto da tag p.
Conteúdo.	Conteúdo.

Código renderizado em modo padrão Standards mode com DTD(Doctype)

Ja aqui o mesmo código renderizado mas em modo não padrão ‘Quirks mode’ sem o DTD(Doctype)

Aqui uma outra comparação de entre box model padrão e um quebrado

Caso querira se aprofundar mais no assunto alguns links que lhe sera útil

http://www.w3.org/International/articles/serving-xhtml/Overview.en.php#quirks
http://en.wikipedia.org/wiki/Quirks_mode
http://www.communitymx.com/content/article.cfm?cid=85fee
https://developer.mozilla.org/en/Mozilla%27s_DOCTYPE_sniffing
http://www.cssnewbie.com/standards-vs-quirks-mode/
http://www.w3.org/TR/CSS2/box.html

Usei também como referência o livro Criando páginas web com css.

Como usar incorretamente o DTDs(Doctype) afeta suas paginas

Alexandre Broggio — Sat, 28 Nov 2009 17:36:19 +0000

Document Type Definition, ou simplesmente DTD, contém as regras que definem quais as tags que podem ser usadas em um documento e quais os valores que são válidos.

A declaração DOCTYPE deve ser a primeira coisa em um documento HTML, antes mesmo da tag . A declaração DOCTYPE não é uma tag de HTML, e sim uma instrução para os navegadores sobre qual a versão da linguagem de marcação esta escrito o código da página. A declaração DOCTYPE se refere a um tipo de documento (DTD). O DTD especifica as regras para a linguagem de marcação, para que os navegadores possam processar e exibir o conteúdo corretamente, abaixo estão algumas.

HTML 4.01 Strict, Transitional, Frameset

XHTML 1.0 Strict, Transitional, Frameset

XHTML 1.1 DTD

Diferenças entre Strict, Transitional, Frameset

Strict
Escolhendo um DOCTYPE Strict quer dizer que seu código está seguindo á risca os padrões, sem nenhum tipo de erro de validação.

Transitional
Escolhendo um DOCTYPE Transitional é quando você está fazendo uma transição de uma forma antiga de marcação para uma mais moderna.

Frameset
Escolhendo um DOCTYPE Frameset é para quando você usa Frames em sua página.

Quando não se declara o DOCTYPE o navegador renderiza a pagina em “Quirks Mode” ou seja ele tem que “adivinhar” qual a forma de renderizar a pagina, já quando se tem um DOCTYPE o navegador ira renderiar o codigo em ” Standards Compliance Mode ” no qual a apresentação do documento é não só mais rápida como também isenta de uma má apresentação ao qual estão sujeitos os documentos sem uma declaração de Doctype.

Lista de DTDS http://www.w3.org/QA/2002/04/valid-dtd-list.html

O que é W3C ?

Alexandre Broggio — Sun, 22 Nov 2009 16:40:45 +0000

O Consórcio World Wide Web (W3C) é uma comunidade internacional com organizações filiadas, no qual trabalham em tempo integral e junto com o publico trabalham para desenvolver padrões para web (Web standards). Liderados pelo inventor da Web Tim Berners-Lee, a missão do W3C é levar a Web ao seu pleno potencial.

O W3C desenvolve padrões e diretrizes para a Web

Basicamente, o W3C faz sua missão com a criação de padrões e diretrizes para a Web. Desde 1994,
o W3C publicou mais de 110 desses padrões, denominados Recomendações do W3C.

O W3C também se envolve em educação e divulgação, desenvolve softwares e atua como fórum aberto para discussões sobre a Web. Para que a Web atinja todo o seu potencial, as tecnologias mais fundamentais da Web precisam ser compatíveis entre si e permitir que todos os equipamentos e softwares usados para acessar a Web funcionem juntos.

O W3C chama essa meta de “Interoperabilidade da Web”. Ao publicar padrões abertos (não-exclusivos) para línguas e protocolos da Web, o W3C procura evitar a fragmentação do mercado e, consequentemente, a fragmentação da Web.

Tim Berners-Lee e outros criaram o W3C como um consórcio do setor dedicado a construir consenso em torno das tecnologias da Web. O Sr. Berners-Lee, que criou a World Wide Web em 1989 enquanto trabalhava na Organização Européia para Pesquisa Nuclear (CERN), tem servido como Diretor do W3C desde sua fundação,em 1994.

O que precisamos saber a principio e que o W3C desenvolve padrões(Web standards) e diretrizes para a Web o qual devemos seguir.

Para mais informações clique nos links.

http://www.w3c.br Escritório no Brasil.
http://www.w3.org.

Como rastrear uma encomenda por sedex

Alexandre Broggio — Fri, 21 Aug 2009 16:58:48 +0000

A internet nos traz uma infinidade de lojas on line para fazermos compras, e quando
a realizamos uma compra o envio geralmente e por sedex, então para podermos saber aonde esta nosso produto, utilizando o serviço de rastreamento de sedex fornecido pelo correio.

A partir do serviço de rastreamento você pode saber onde sua encomenda esta e se você tiver enviado um produto poderá saber aonde encomenda esta e se ja chegou a seu destino.

Para rastrear o sedex basta fazer 3 coisas

1 – Pedir o numero do sedex para a pessoa que esta te enviando a encomenda ou então se foi você é quem envio, o numero esta na nota que você recebe ao pagar o envio por sedex, o código para rastreamento é parecido com este SS987654321BR

2 – Va ate pagina dos correios http://www.correios.com.br/

3 – No topo da pagina tem um caixa de select com a opção dentro Rastreamento / T & T , selecione ela você ira para outra pagina onde podera colocar o código do sedex la, ou se preferir no canto inferior esquerdo do site se tem o campo escrito Rastreamento / T & T colocque nele seu código do sedex e clique em buscar e pronto uma nova janela se abrirá e ira lhe mostrar onde esta sua encomenda. clique na imagem abaixo e uma nova imagem com exemplo.

Abaixo uma imagem de todos os passos de uma encomenda que envie (Conforme o sedex vai passaando pelos postos de controle do correio o sistema on line e atualizado e você o acompanha em tempo real)

Simples assim e muito útil abaixo uma vídeo aula para tirar qualquer duvida.

Como desabilitar os emoticons das conversar do msn ?

Alexandre Broggio — Thu, 06 Aug 2009 19:25:56 +0000

Bom se você passa um bom tempo tentando entender o que as pessoas
escrevem para você no MSN, devido a enxurrada de emoticons existentes
eis neste tutorial a solução, para que você não receba mais emoticons
na mensagens que são escritas para você, no lugar do emoticom dai ira
aparecer oque a pessoas realmente escreveu vamos la então.

1 – Com seu MSN aberto clique no quarto ícone apos a caixa de busca do msn depois va em Ferramentas->Opções como na figura abaixo

2 – Na janela opções que se abre clique em Mensagens e desmarque a caixa exibir emoticons e clique em aplicar e depois em OK como na figura abaixo.

pronto agora quando você receber suas mensagens no msn elas não terão mais os emoticons e será simples entender oque foi escrito

Abaixo um vídeo tutorial

Roteando modem + roteador Wireless D-link 2640T para o Speedy

Alexandre Broggio — Thu, 09 Jul 2009 22:52:24 +0000

Bom antes de começar ja falo que este é um tutorial basico para rotear o modem não serão abordados técnicas avançada de segurança apenas o básico sobre segurança, vamos la então

1 – O primeiro passo e resetar o modem para ficar com as configurações de fabrica, para resetar basta deixar apertado o botão que fica do lado direito do modem, mantenha pressionado o botão ate que as luzes de STATUS e ADSL se apaguem.

2 – Logo após isso coloque o cabo de rede em uma das 4 portas de entrada na parte de traz do modem e ligue o cabo ao seu computador

3 – Espera +- 1 minuto e vá no seu browser e digite na barra de endereço //192.168.1.1 e aperte enter

a tela de login aparecera dai você digita
No Login = admin
Na Senha = 1234

Ai você entrara dentro do roteador

4 – Já dentro do rotador vai em

Home->Wireless
SSID = Aula
Security = marque WPA
marque press Shared key = senha de 8 dígitos
Clique em APLY

Home->Wan
Vpi = 8
Vci = 35
userName = login do seu provedor
password = senha do seu provedor
Connection Setting = Marca a opção Always ON
Clica em APLY

Home->DHCP
DHCP Server = DNS Mode = Auto
Clique em APLY

Advanced->Wireless perfomance
Hidden SSID = Desmarca esta caixa
Clica em APLY.

Tools->System->clique SALVE AND REBOOT
Aguarde o roteador reiniciar

Va ate a aba STATUS Aguarde ate que a opção
WAN->STATUS esteja escrito connected

Uma dica muito importante é logo apos clicar em aply verifique os campos que você modificou pois as vezes eles não mudam e ficam com as configurações originais, caso isso aconteça altere o campo novamente e clique em aply

Ultima coisa e mudar a senha padrão do seu roteador vá em

Tools
Modify admin password
New Password = digite o novo password
Confirm Password = confirme o novo password
Clica em APLY

Tools->System->clica SALVE AND REBOOT
Aguarde o roteador reiniciar

pronto agora os pc acharam a rede com o nome Aula, dai e só conectar usando a senha que você colocou no campo WPA->press Shared key quem tiver esta senha poderá conectar na sua rede.

para quem tiver alguma duvida abaixo uma vídeo aula mostrando todos os passos

Com um clique busque no Google e na Wikipédia juntos

Alexandre Broggio — Wed, 10 Jun 2009 17:15:53 +0000

Isso mesmo graças a um plugin pro Firefox o googlepedia, com uma única busca no Google a tela de resultados é dividida em duas, na primeira parte se mostra os resultados relevantes dos Google e na segunda parte os resultados relevantes que estão na Wikipédia.

Com isso se ganha muito tempo nas pesquisas pois se tem muitos mais resultados relevantes em sua janela de busca, assim também toda a janela acaba sendo aproveitada, e como o resultado da busca e gerada em texto somente, trazendo apenas algumas imagens para ilustrar os resultados que estão na Wikipédia, o plugin se torna muito útil ate mesmo para quem não tem banda larga.

Para não sobrecarregar a tela ele também remove os anúncios do o Google AdWords que são os anúncios pagos que ficam ao lado direito da tela, que muitos nem observam

Para ver clique na imagem abaixo, pois nela tem um pesquisa que fiz utilizando o plugin googlepedia

Abaixo o clique do nome do plugin para fazer o download dele, uma dica e que no meu caso quando instalei a versão mais recente do plugin ele não funcionou, provavelmente, ele deve ter dado algum tipo de conflito com algum outro plugin que tenho no meu Firefox que por sinal são muitos, então vou disponibilizar a versão mais antiga que funcionou para mim normalmente, daí você instala e depois atualiza para a mais recente e caso ele não funcione você pode reinstalar a versão mais antiga que ira funcionar tranquilamente

Plugin Googlepedia

Aqui abaixo um breve video tutorial apenas para complementar

O que é a Wikipédia ?

Alexandre Broggio — Sat, 06 Jun 2009 14:40:38 +0000

Wikipédia e uma enciclopédia online totalmente aberta e gratuita,seu conteúdo pode ser editada, ou acrescentado por qualquer pessoa, com isto ela recebe atualizações constantes, assim como revisões.

O site é um trabalho colaborativo na Web, em constante expansão e aprimoramento, com os leitores criando páginas acerca de seus interesses, comentando páginas antigas, propondo páginas novas etc.

Uma característica notável das ferramentas Wiki é a facilidade de edição e a possibilidade de criação de textos de forma coletiva e livre, assim como se faz na Wikipédia e em outros projetos que utilizam Wikis.

Você pode se tornar um Wikipedistas, que são pessoas que participam ou participaram ativamente na construção e edição de artigos da Wikipédia em língua portuguesa, para isso basta de cadastrar no site.

Logo após a imagem contem o link para o site e na imagem contem a localização da coluna onde contem vários links que irão tirar todas as suas duvidas.

site Wikipédia www.Wikipedia.org

O que é Creative Commons ?

Alexandre Broggio — Thu, 28 May 2009 13:08:52 +0000

Creative Commons (CC) é, na verdade, uma entidade sem fins lucrativos criada para permitir uma maior flexibilidade na utilização de obras protegidas por direitos autorais. A idéia é fazer com que um autor/criador permita uma utilização mais ampla de seus materiais, mas sem infringir as leis de proteção à propriedade intelectual.

Com a licença Creative Commons um compositor pode permitir que outros artistas utilizem algumas de suas composições criando uma mistura de ritmos, por exemplo. Um escritor pode disponibilizar um texto e permitir que outros autores o utilizem, seja publicando, seja utilizando parte do conteúdo em outro texto, seja utilizando o original, ou efetuando mudanças.

A Creative Commons é, na minha opinião, a manifestação clara do direito à criatividade. Sabe aquela coisa de “duas cabeças pensam melhor do que uma?” É mais e mais por aí. Se você escreve, faz música, cria imagens, produz fotos, desenvolve software, entre outros, certamente observa e acompanha o trabalho de pessoas que têm atividades semelhantes às suas. Muitas delas não estão interessadas em cobrar por suas criações, mas sim querem que outras pessoas as aproveitem lendo, ouvindo, vendo e por que não, melhorando, alterando, reaproveitando!

O problema é que as leis de proteção aos direitos autorais são por demais rígidas e muitas vezes acabam atrapalhando o espírito colaborativo de muitos criadores.

Com a licença Creative Commons, autores e criadores podem permitir o uso de suas obras de maneira muito mais flexível. Eles podem decidir como e sob quais condições seus materiais podem ser utilizados. Um exemplo: um escritor pode permitir a qualquer pessoa o uso e a alteração de um texto seu, exceto em aplicações comerciais. Note que, neste caso, a licença Creative Commons dá mais liberdade de uso à obra, mas não tira do autor original a possibilidade de geração de renda: ele pode cobrar pelo uso do texto no caso de atividades comerciais.

Para uma compreensão melhor, vamos analisar o uso da Creative Commons aqui no Blog . Note que no rodapé do Blog há uma frase “linkada” com os seguinte dizer: “Creative Commons.” Clicando nesse link surge uma janela que informa o que você pode fazer com os artigos do Blog da MAPSD. No caso, essa página declara o seguinte:

Você pode copiar, distribuir, exibir e executar a obra, além de criar outras derivadas sob as seguintes condições:

Atribuição: você deve dar crédito ao autor original, da forma especificada pelo autor ou licenciante*. Isso quer dizer que você deve informar quem é o autor original da obra;

Uso não-comercial: você não pode utilizar esta obra com finalidades comerciais, por exemplo, para colocá-la numa revista paga;

Compartilhamento pela mesma licença: se alterar, transformar, ou criar outra obra com base nesta, você somente poderá distribuir a obra resultante sob uma licença idêntica a esta.

* No caso do Blog, a simples menção do nome do site mais seu endereço (link) é suficiente, por exemplo: “Fonte: MAPSD – http://www.mapsd.com.br”.

Essa é, basicamente, a licença de uso dos artigos do Blog. Note, no entanto, que na mesma página da declaração há duas notas:

- Para cada novo uso ou distribuição, você deve deixar claro para outros os termos da licença desta obra;

- Qualquer uma destas condições pode ser renunciada, desde que você obtenha permissão do autor. Por exemplo:

Suponha que você tenha um site de comércio eletrônico e gostaria de utilizar algum dos textos do Blog para auxiliar na descrição do produto. No entanto, essa é uma atividade de intuito comercial, portanto, você não pode utilizar qualquer material do Blog para este fim, porém você pode entrar em contato com o site e negociar uma permissão.

Ao usarmos uma licença Creative Commons, além de facilitarmos a utilização de nossos materiais em outros meios, também deixamos claro que qualquer interessado pode fazer uso de nossos artigos sem ter de pedir autorização, pois esta é concedida automaticamente ao declararmos o uso da licença Creative Commons – basta apenas que as condições mencionadas sejam respeitadas.

Como surgiu a Creative Commons?

Quando uma pessoa cria uma obra, ela tem direitos sobre sua criação. Para isso, existem leis de proteção à propriedade intelectual. O problema é que, com o surgimento da internet, o uso ilegal de materiais protegidos – pirataria – cresceu consideravelmente, razão pela qual muitos países passaram a praticar cada vez mais restrições para proteger os direitos dos criadores da obra. No entanto, o tempo revelou que essas regras beneficiaram mais as empresas – gravadoras e editoras de livros, por exemplo – do que os autores. Isso é visível no meio musical, onde os CDs são caríssimos e, conseqüentemente, o número de compradores diminui e a obra do autor acaba sendo divulgada para uma quantidade menor de pessoas.

Na expectativa de flexibilizar a utilização, a execução e a distribuição de obras é que surgiu a Creative Commons, uma iniciativa de Lawrence Lessig, professor da Universidade de Stanford. A primeira formalização das licenças Creative Commons foi feita em 2001, nos Estados Unidos.

A preocupação de Lawrence iniciou-se nesse país, onde a questão dos direitos autorais chegou a um extremo por muitos considerada insuportável. É tanta limitação que, segundo Lessig, até crianças podem ser tidas como infratoras se utilizarem material alheio em suas pesquisas escolares. Certamente, a maioria dos autores de tais obras discorda disso.

No Brasil, o projeto Creative Commons é muito bem apoiado. A Fundação Getulio Vargas é a responsável por adaptar a Creative Commons à realidade do país. Além disso, o até então Ministro da Cultura Gilberto Gil, também colaborou com a iniciativa; na condição de artista, Gil foi o primeiro brasileiro a disponibilizar conteúdo em áudio com uma licença Creative Commons.

Um bom exemplo do uso do Creative Commons eo desta materia que foi criada em cima da materia do site InfoWester – http://www.infowester.com.

abaixo um video falando um mais pouco sobre Creative Commons

O que é o Twitter ?

Alexandre Broggio — Sat, 16 May 2009 17:34:43 +0000

Tum o serviço de microblogging onde as pessoas escrevem sobre o que estão fazendo dai a pergunta What are you doing? que fica em cima do campo onde se escreve as mensagens ou twitadas, é uma excelente ferramenta tanto pra diversão coma pra trabalho pois ele pode também receber conteúdo vindo do celular(SMS), mensageiro instantâneo,email,site e por plugins que vão nos navegadores ou seja, onde as pessoas estiverem podem mandar mensagens pro twitter muitas noticias chegam primeiro ao twitter e depois a tv,

O site e todo em inglês, porém sua interface e bem simples e intuitiva ele permite que sejam enviadas mensagens de até 140 caracteres o que torna as mensagens bem mais objetivas, nele existe a possibilidade (follow) e (follow me) onde follow e quem você seque, ou seja de quem você recebe as mensagens assim que twitadas, e follow me são seus seguidores aqueles que recebem as suas mensagens assim que twitadas.

As atualizações são exibidas em seu perfil em tempo real assim também como são mandadas aos seus seguidores (follow). a ferramenta ganha mais potência ainda quando você a utiliza com o navegador firefox o qual tem um plugin chamada TwitterFox onde você então não precisa mais entrar no site para para ver as twitadas de quem você seque, pois ele te mostra em tempo real as mensagens em uma pequena janela dentro do navegador, assim que são twitadas, um exemplo particular meu é, uso ele com o Twitter Fox dai quando sai uma materia por exemplo na veja,info,g1 dentre outros fico sabendo no mesmo momento dai não preciso ficar entrando nos sites nem mesmo no twitter pra saber as noticias de destaque fora eventos em minha cidade também tenho acompanho pelo twitter, muito se resume na pergunta que e exibida acima da caixa onde se escreve as twitadas pelo site la diz What are you doing? que quer dizer oque você esta fazendo ? bom abaixo um video mostrando sobre o twitter

Twitter – Fazeroque from Kuca Moraes on Vimeo

Bom e isso ai com o vídeo as coisas ficam mais claras e so vocês clicarem no passarinho ai do lado vão direto pro meu twitter abaixo os links citados no post

Twitter
Twitterfox