Imprimir matérias do site está mais fácil e econômico, usando CSS

Alguns leitores e alunos do site estavam reclamando, com toda razão, que quando imprimiam as matérias e aulas uma enorme quantidade de folhas e tinta era disperdiçada. Isto porque era impresso o menu, campo de comentário, imagens e outras coisas desnecessárias.

Pensando nisso, antes mesmo da reformulação prometida, criei um arquivo de estilo CSS que exibe apenas o necessário quando o leitor quer imprimir a página, ou seja, título da matéria e o artigo em si.

CSS (Cascading Style Sheet), ou Folhas de Estilo em Cascata, são regras estabelecidas para a renderização (transformação de dados em imagem) das páginas da internet. São mais de 160 atributos com inúmeras variáveis que se referem a marcações feitas no documento HTML (ou HTM, XHTML, XML, enfim, documentos de marcação – markup language). Ainda é possível deifinir qual estilo será usado para cada tipo de mídia. Para computadores um estilo, para imprimir, outro estilo, para celulares, palms, enfim.

Um exemplo de arquivo CSS:

#conteudo {color:#CC44CC; display:block; height:50px; width:50px; overflow:scroll}

Neste exemplo está marcado que o elemento com nome “conteudo” irá se comportar da seguinte maneira: cor do texto (neste caso no modo RGB hexadecimal), irá se exibido como um bloco com as dimensões de 50 pixels de altura por 50 pixels de largura e caso o conteúdo dele ultrapasse esta medida será utilizada barra de rolagem (scroll).

Assim que estão sendo feitos os sites especiais para Iphone (aquele badalado celular da Aple, com tela multitouch – um touchscreen que você pode fazer mais de um toque simultâneo). Na verdade os sites geralmente são os mesmos, mas ao identificar o acesso através do celular exibe a folha de estilo adequada.

O badalado Ihone tem sites que se ajustam ao seu formato

O badalado Ihone tem sites que se ajustam ao seu formato

Bom, então o site Informática para Concurso, agora tem 2 folhas de estilo (terá ainda outras na reformulação), uma para exibição normal em computadores e outra somente para impresssão, sendo muito mais econômico e ecológico!

Para quem quiser estudar mais CSS um ótimo site e repositório de informações é o Maujor

Dúvidas, comentem!

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>