Archive for junho de 2009
Uma CSS para impressão e outra para visualização no navegador
Posted by admin in Folha de Estilos - CSS on 26 de junho de 2009
Às vezes necessitamos que nossa página se imprima em uma impressora de maneira diferente de como se visualiza na página web.
Basta criar 2 Folhas de Estilo, uma para impressão e outra para visualização.
Depois de criadas, fazemos referência a elas dentro da página assim:
<link href=”estilos.css” rel=”stylesheet” type=”text/css” media=”screen”>
<link href=”estilos_impressao.css” rel=”stylesheet” type=”text/css” media=”print”>
A única coisa que muda é o atributo media=”print”, que indica que esta folha de estilos é só para quando vamos imprimir.
Não está conseguindo fazer uma div ficar por cima do flash?
Galera, esse problema acontece pelo menos uma vez com todo mundo que se mete a jogar um conteúdo dentro de uma DIV que fica na frente de um elemento Flash.
Bem simples de resolver…
Basta inserir o parâmetro abaixo no objeto e pronto! Tudo está resolvido. Hehe…
<param name=”wmode” value=”transparent” />
CSS - Problemas com o novo Internet Explorer 8
Posted by admin in Folha de Estilos - CSS on 18 de junho de 2009
Tive alguns problemas nos sites que desenvolvi com essa mudança para o IE8. Isso porque alguns parâmetros passados, principalmente com relação ao posicionamento de elementos na tela, não batiam com as usadas nas versões anteriores do browser.
Como fiz pra corrigir?
Você mantém uma página da Web que funciona corretamente no Windows Internet Explorer 7 e gostaria de atualizá-la para que ela funcionasse no Windows Internet Explorer 8 com o mínimo possível de modificações.
Você pode adicionar a cada página uma marca META de modo de compatibilidade, o que fará com que o Windows Internet Explorer 8 renderize a página da mesma maneira que no Windows Internet Explorer 7.
Como modificar cada página?
Coloque a seguinte marca META HTML no elemento HEAD de cada página da Web (antes de qualquer marca que não seja TITLE ou META):
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″/>
Isso instruirá o Windows Internet Explorer 8 a renderizar cada página como se fosse o Windows Internet Explorer 7, corrigindo o seu site.
Como tratar imagens no Photoshop para utilização na Web?
Já me perguntaram várias vezes como tratar uma fotografia no Photoshop pra utilização na Web. Bem, vamos lá, vou tentar ser o mais prático e direto possível.
1º passo - Abra a imagem que quer tratar. Nesse caso, abri uma imagem que tinha 1024×768 pixels.
2º passo - Redimensione a imagem, pois não há necessidade de uma imagem tão grande na Web. Clique na barra de cabeçalho da imagem com o botão direito do mouse e selecione TAMANHO DA IMAGEM. Abrirá uma janela igual a que está logo abaixo. Insira o valor que quiser nos campos ALTURA e LARGURA (nesse caso eu coloquei 600×450 pixels).
3º passo - Vamos salvar a imagem. Clique em ARQUIVO e depois em SALVAR PARA WEB. Vai aparecer uma janela em que você deve inserir o formato que quer. Geralmente pra fotografias uso JPG e pra imagens chapadas (sem muitos degradês, mais simples) uso GIF. Fique atento a previsão do tamanho final do arquivo que aparece no canto inferior esquerdo da janela - quanto menor, melhor pra jogar na Web. No caso de ter escolhido JPG, geralmente deixo com a qualidade ALTA. Clique em SALVAR e pronto!
Deixar um elemento transparente usando apenas CSS
Posted by admin in Folha de Estilos - CSS on 11 de junho de 2009
Adicione essa classe a sua folha de estilos:
.transparente
{
FILTER: Alpha(Opacity=20)
}
Altere o valor de acordo com o nível de opacidade que deseja aplicar.
Faça referência a ela no elemento (imagem, camada, texto…) e PRONTO!
O que é acessibilidade?
Posted by admin in Acessibilidade on 10 de junho de 2009
A expressão “acessibilidade”, presente em diversas áreas de atividade, tem também na informática um importante significado.
Representa para o nosso usuário não só o direito de acessar a rede de informações, mas também o direito de eliminação de barreiras arquitetônicas, de disponibilidade de comunicação, de acesso físico, de equipamentos e programas adequados, de conteúdo e apresentação da informação em formatos alternativos.
Não é fácil, a princípio, avaliar a importância dessa temática associada à concepção de páginas para a web. Mas os dados W3C (Consórcio para a WEB) e WAI (Iniciativa para a Acessibilidade na Rede) apontam situações e características diversas que o usuário pode apresentar:
1. Incapacidade de ver, ouvir ou deslocar-se, ou grande dificuldade - quando não a impossibilidade - de interpretar certos tipos de informação.
2. Dificuldade visual para ler ou compreender textos.
3. Incapacidade para usar o teclado ou o mouse, ou não dispor deles.
4. Insuficiência de quadros, apresentando apenas texto ou dimensões reduzidas, ou uma ligação muito lenta à Internet.
5. Dificuldade para falar ou compreender, fluentemente, a língua em que o documento foi escrito.
6. Ocupação dos olhos, ouvidos ou mãos, por exemplo, ao volante a caminho do emprego, ou no trabalho em ambiente barulhento.
7. Desatualização, pelo uso de navegador com versão muito antiga, ou navegador completamente diferente dos habituais, ou por voz ou sistema operacional menos difundido.
Essas diferentes situações e características precisam ser levadas em conta pelos criadores de conteúdo durante a concepção de uma página.
Para ser realmente potencializador da acessibilidade, cada projeto de página deve proporcionar respostas simultâneas a vários grupos de incapacidade ou deficiência e, por extensão, ao universo de usuários da web.
Os autores de páginas em HTML obtêm um maior domínio sobre as páginas criadas, por exemplo, com a utilização e divisão de folhas de estilo para controle de tipos de letra, e eliminação do elemento FONT.
Assim, além de torná-las mais acessíveis a pessoas com problemas de visão, reduzem seu tempo de transferência, em benefício da totalidade dos usuários.
Olá, mundo!
Posted by admin in Acessibilidade, Corel Draw, Dreamwaver, Flash, Folha de Estilos - CSS, Photoshop on 10 de junho de 2009
Bem-vindo ao meu Blog. Compartilharei aqui minhas experiências profissionais e tentarei passar um pouco de cultura digital aqueles que gostam de abrir a mente!