MAPSD

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 associar arquivos a programas no windows vista ?

Alexandre Broggio — Sun, 20 Sep 2009 17:19:25 +0000

Como fazer um arquivo abrir com um programa de sua preferência quando se da um duplo clique nele.

Quando você instala algum programa no computador geralmente ele te da a opção de associar arquivos
a ele.

Um exemplo é, arquivos com extensão .TXT quando se da um duplo clique nele ele abre com o bloco de notas no windows, neste tutorial veremos como fazer por exemplo para ele abrir com o notepad++ ao invés de abrir com o bloco de notas, esta mesmo tutorial serve para todos os tipos de extensão. “Detalhe é que para que ele abra com o notepad++ você deve telo instalado em sua maquina“.

Existem programas para fazer a associação de arquivos no windows vista, mais neste tutorial faremos
da forma mais simples que é usando somente o recurso do windows vista.

1 – Clique com o botão direito do mouse sobre o arquivo
2 – Escolha a opção abrir com
3 – Va ate escolher programa padrão
Abaixo uma imagem dos passos acima

4 – Na janela que se abre certifique-se de que a caixa com o texto “Sempre usar o programa selecionado para abrir este tipo de arquivo” Esteja selecionada como na imagem abaixo.

Seleciona então o programa ao qual você que associar e clique em Ok .

Caso o programa não esteja em programas recomendados clique em procurar e navegue ate onde
esta o arquivo de inicialização do programa que você deseja, geralmente ele esta em
arquivos de “programas/nome do programa/Nome do programa.exe”

Abaixo um vídeo tutorial para tirar qualquer duvida.

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

Traduzindo texto do inglês para português com plugin para o Firefox

Alexandre Broggio — Fri, 24 Jul 2009 16:20:15 +0000

Bom vamos ver um plugin para o navegador Firefox para tradução de texto de forma rápida e simples. Primeiro gostaria de falar que este não é o único plugin para tradução de texto disponível para o Firefox existem vários, este por exemplo faz a tradução inline ou seja traduz a linha que você quer e não toda a pagina, melhorando assim o tempo de resposta e economizando a sua banda de internet, porém existem outros plugins que traduzem toda a pagina, neste tutorial veremos o Inline Translator.

Bom no final do post tem o link para você fazer o download do plugin, mais neste tutorial mostrarei uma forma de baixar plugins diferente de entrar no site de Add-ons do Firefox

1 – Va em Ferramentar->Complementos->Adicionar

2 – Va ate a caixa de pesquisa e digite ou cole o nome inline translator e clique em enter no teclado logo depois ira aparecer o plugin na caixa abaixo dai e so clicar em Adicionar ao Firefox

3- Na janela que se abre espere 5 segundos e clique em instalar, depois clique em Reiniciar o Firefox

Pronto ele já estara funcionando agora veremos alguns de suas configurações que são bem simples para isso vamos novamente em

1 – Va em Ferramentas->Complementos->Extensões

2 – Procuramos na lista abaixo o plugin inline translator.

3 – Clicamos em opções e uma janela se abre nela basicamente configuramos duas coisas o primeiro campo que é o maximo de caracteres que o plugin vai traduzir deixe em 5000, e o segundo campo que a lingua para a qual será feita a tradução, agora e so clicar em OK

e pronto ele já esta configurado e pronto para usar.

Para usá-lo e simples seleciona um texto em inglês por exemplo que seja de ate 5000 caracteres e pronto ele ira traduzi-lo na hora como na imagem abaixo

Link para download do plugin Inline Translator 0.6.

Para quem tiver mais alguma duvida um vídeo tutorial abaixo

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

Descompactando arquivos na nuvem

Alexandre Broggio — Tue, 30 Jun 2009 22:51:12 +0000

No post anterior mostrei como descompactar arquivos com um software instalado na sua maquina, agora vamos ver como descompactar um arquivo sem ter um software na sua maquina, oque e muito bom por exemplo se você esta no computador do seu serviço ou esta na casa de um amigo e não tem ou não pode instalar um programa, e precisa abrir um arquivo que se encontra compactado ou ate mesmo se você não souber em que formato o arquivo esta compactado nestes e em outros casos o site se torna muito útil.

Para isso o site http://wobzip.org/ oferece um serviço gratuito muito útil e simples de usar, ele descompacta arquivos no formatos 7z, ZIP, GZIP, BZIP2, TAR, RAR, CAB, ISO, ARJ, LZHCHM, Z, CPIO, RPM, DEB e NSIS que são os formatos mais utilizados para compactação de arquivo.

Outra vantagem e que o site Wobzip faz o escaneamento dos arquivos por um antivírus após o arquivo ser descompactado trazendo uma maior segurança para você.

Caso seu arquivo esteja em um endereço na internet nem mesmo e preciso realizar o download do arquivo para depois subilo no site, você pode colocar o endereço direto no site que ele te trará o arquivo descompactado e passado por um anti virus.

Após o site descompactar o arquivo e passar por um anti virus ele lhe mostra todos os arquivos que contém o arquivo que estava compactado, dai fica a sua escolha fazer o download de todos os arquivos ou de apenas um arquivo.

Para utilizá-lo e muito simples entre no endereço http://www.wobzip.org/ em seguida va ate a caixa como na figura abaixo para fazer o upload do arquivo.

em seguida clique no botão arquivo, depois clique em em wobzip que fica ao lado do botão arquivo, somente se o arquivo tiver senha então digite a senha na caixa de texto abaixo que esta escrito Password protected.

Caso o arquivo esteja na internet então clique no link uncompress from a URL e a caixa mudara ficando como a da figura abaixo.

Cole ou escreva o endereço do arquivo na caixa Enter URL e caso o arquivo possua senha digita senha caixa abaixo onde esta escrito Password protected em seguida clique em wobzip, aguarde uns instantes e todos os arquivos que estavam compactados apareceram na tela.

Abaixo uma imagem de um arquivo que coloquei a url no site para fazer a descompactação

No exemplo acima posso clicar no nome do arquivo que quero e fazer o download dos que me interessam, ou então fazer o download de todo o conteúdo clicando no botão Download all files as .zip, este botão e útil quando você fez o upload do arquivo para o site, por que não sabia em que formato o arquivo estava compactado ou então se o arquivo não abriu com seu programa para descompactar arquivos, então o site ira te retornar o arquivo compactado no formato .zip que é utilizado pelo winzip pode ser aberto também pelo winrar.

Abaixo um video tutoial para tirar qualquer duvida

Como abrir arquivos compactados

Alexandre Broggio — Fri, 26 Jun 2009 22:13:25 +0000

Existem vários programas para se abrir arquivos compactados tudo depende de qual programa que fez a compressão, os mais conhecidos são Winzip e o Winrar, entretanto na minha opinião gosto muito do Winrar, pois ele também compacta e abre arquivos compactados com o no formato .zip que é o formato do winzip, oque o torna muito pratico.

Ele também suporta todos os formatos populares da compressão (RAR, ZIP, CAB, ARJ, LZH, ACE, TAR, GZIP, UUE, ISO, BZIP2, Z e 7-zip) Alem de :

- Também abrir arquivos compactados ou como falam “zipados”, também e possível compactar arquivos e colocar neles senhas, as senhas são criptografadas em 128 bits o que da um bom nível de segurança para seus arquivos.

- Também e possível dividir um arquivo em muitas partes um exemplo para isso é quando se quer enviar um arquivo por email, eo arquivo e muito grande para ser anexado, então você o divide em várias partes das quais você determina o tamanho.

- Também e possível se ter de forma gráfica uma estimativa de qual o tamanho final que o arquivo ficara após a compressão, assim fica mais fácil avaliar se vale a pena ou não compactar o arquivo.

Uma dica é que arquivos como MP3 ou imagens .JPG já são arquivos compactados, ou seja se você utilizar o winrar para deixá-los menores, o tamanho deles não se alterara, por outro lado se pode usar o winrar para junta-los todos no mesmo arquivo.

Após instalado na sua maquina quando se recebe um arquivos que esta compactado ele automaticamente o reconhece e com dois cliques no arquivo se pode descompacta-lo .

Bom para instalá-lo e simples no final do post tem o link do programa depois que
você fizer o download e so clicar no arquivo baixado e ir seguindo as instruções de instalação e bem simples.

Após instalado e só ir ate o arquivo que se quer compactar e clicar com o botão
direito do mouse e escolher Adicionar para ‘Nome do arquivo’, como figura abaixo

Caso se queira fazer algumas configurações para comprimir o arquivo então se clica com o botão direito do mouse e escolher “Adicionar para o arquivo” e a se abre uma janela como da figura abaixo

Para se ter uma estimativa de quanto será a redução do arquivo abra o Winrar pelo menu iniciar ou pelo ícone no desktop,

depois selecione o arquivo,

depois clique em informações,

depois clique em estimativa,

e será exibido a tela prognostico da compressão com um gráfico e informações para você

Na imagem acima o arquivo fica com 3% do tamanho original uma redução de 97% no tamanho do arquivo.

Caso queira colocar a senha em seus arquivos compactados e simples se clica com o botão direito do mouse e escolha “Adicionar para o arquivo” e a se abre uma janela como da figura abaixo

onde você clica na aba avançado ,

depois em configurar senha,

depois na caixa que se abre digita a senha e a repete, depois e só clicar em ok e o arquivo será compactado com senha e somente que tiver a senha poderá descompacta-lo

Link para o programa winrar www.rarlab.com

Abaixo um video tutorial para tirar todas duvidas.