Browsing articles in "webdeveloper"
fev 21, 2007
abdenego

>Como desabilitar o clique para ativar controles em Flash no IE

>Muita gente ainda acha que a Microsoft é uma empresa original. Já postei aqui há algum tempo atrás alguns exemplos de idéias e recursos que a Microsoft se apropriou em seus softwares. Desde a Guerra dos Browsers que existem processos na justiça correndo contra a Microsoft, e não é só o proceso anti-truste não, há também apropriação indébita de direitos autoriais como a violação de patentes. Numa dessas a empresa Eolas Technology ganhou na justiça e forçou a reprogramação por parte da Microsoft do navegador Internet Explorer. Daí começou a surgir um aviso ao usuário antes que o controle funcionasse, obrigando o usuário a dar primeiro um clique sobre a parte multimídia para poder usá-lo. A Microsoft no decorrer do tempo encontrou uma forma para minimizar o problema, mas até hoje ao nos depararmos com sites feitos totalmente ou parcialmente em tecnologia Flash a necessidade de clicar primeiro sobre a área contornada da animação para conseguir interagir com o site. Isso é muito chato para o usuário, em especial aqueles botões em flash ou banners que diz: “clique aqui” ou “passe o mouse aqui”; então você faz o que é pedido e descobre que não funciona. Ai percebe um contorno ao redor daquele espaço. Você clica sobre ele, e então o contorno desaparece. No nesse momento percebe que está funcionando… – Como na internet tem todo tipo de usuário alguns já estão acostumados a ficar clicando sobre as áreas dos sites para ativar as animações em Flash. Outras simplesmente não entendem porque não está funcionando. Imagine você ter um site cujo menu é todo em flash e o usuário clicar na primeira vez e não acontecer aparentemente nada; pode ser que o usuário desista de clicar novamente e não acessar mais aquela parte do seu site. Você pode até mesmo deixar de fechar um negócio pela internet ou se ganhar comissões por cliques em anuncios pode perder um clique que um usuário deu na primeira vez mas que desistiu de clicar novamente após ativar o controle. Concluindo: a necessidade de se clicar para ativar o conteúdo em flash de um site pode atrapalhar a interatividade com o site, mesmo que seja necessário clicar só uma primeira vez em cada área Flash por site e por sessão.

Pensando em ajudar o desenvolvedor a resolver esse problema eu estou postando aqui uma maneira de desativar a exigência do clique para liberar o conteúdo em Flash. Trata-se de uma rotina simples, feita em Javascript que o webdesigner poderá inserir em suas páginas web. Eu pesquisei e encontrei um código na internet que adaptei como uma função para ficar fácil a re-utilização do código em cada página do site. Uma observação para os que estão lendo essa dica agora: ela foi feita para desenvolvedores web, se você não faz sites não se preocupe com essa dica aqui ;)

Primeiro, vamos ao script. Clique aqui com o botão direito para baixar o script tiracontrole.js
(escolha salvar destino como)


Agora salve o arquivo tiracontrole.js na pasta junto com as páginas html ou php do seu site.

Feito isso vamos ver como chamar a função em cada página do seu projeto de site. Abra uma dessas páginas para testar, e insira entre as TAGS <> e < /HEAD > a seguinte linha que insere o código da função:


Vamos supor que você tem um pequeno banner feito em flash no seu site de nome banner.swf cujas dimensões são 60 pixels de altura por 100 pixels de largura. Veja como inserir esse conteúdo em flash na página, já sem o clique de ativação:

- você vai até onde está seu controle em FLASH dentro da página web (em modo de edição de código). Apague todo o código que carrega o controle, e no lugar dele insira a linha:

Feito essas duas inserções na sua página web o controle está pronto para ser exibido sem a chata linha que contona ele, e sem a necessidade de se clicar para ativar, tornando mais simples para o usuário a navegação no seu site! E sem falar que ficará mais simples também a inserção de código com Flash. Basta inserir as duas linhas, uma no cabeçalho que carrega a função e a outra em cada contéudo em Flash que você tenha na página. A única coisa que você precisará editar é o nome do arquivo em flash e sua altura e largura.

set 22, 2006
abdenego

>Como criar um icone a partir de uma imagem e colocar na URL do site

>

Eu Já vi muitos programas para criar ícones, só que é um saco ter que desenhar numa tela quadriculada com em pixels em zoom. Além da maioria desses programas serem pago, o que é outro probleminha. Então, procurando uma solução prática, eficiente e econômica, encontrei o programa da StarDock chamado IconDeveloper. Sem dúvida, ao ver os recursos oferecidos ele soou como o oásis que eu precisava para a criação de ícones. As duas principais vantagens para mim foi: Ele permite fazer um ícone a partir de qualquer imagem e é totalmente grátis. Por exemplo, você pode pegar o logotipo da empresa feito em CorelDraw ou Photoshop, exportá-lo para JPG e, a partir daí, importá-lo no IconDeveloper, gerando instantaneamente o ícone da sua empresa. Assim você pode criar um ícone personalizado para suas aplicações de desktop (geralmente ícones de 32×32 pixels) e também para associá-los a pastas do sistema de arquivos do windows (se você for em propriedades da pasta vai ver uma opção de personalizar o ícone da pasta). Mas muitos webmasters estão usando ícones nas URLS do site, ou seja, um logotipozinho que aparece na linha de endereços, ao entrar no site. Vou mostrar como fazer o ícone e configurá-lo para um site…

Ah sim, antes do tutorial,
clique aqui para baixar o programa IconDeveloper.

1. Baixe e Instale o software.
2. Abra o Stardock IconDeveloper e escolha New Icon. Por padrão é aberto uma área de 32×32 pixels em branco. Vá no menu File e escolha a opção “Icon from Image File” (ícone a partir de um arquivo de imagem). Selecione a imagem usando a caixa abrir. Pode ser um BMP, JPG, GIF, PNG ou TGA.
Vai aparecer na esquerda as opções de tamanho ( Lembrando que no windows é utiliza principalmente icones de 32×32 para o desktop, ou de 16×16 para miniaturas ). Se a intenção é fazer um ícone para ficar na URL do site, então escolha o tamanho 16×16.
3. Quando confirmar, exclua os tamanhos diferentes que insistirem em permanecer. Por exemplo, ao escolher 16×16 as vezes ainda fica o tamanho 32×32 em branco. Nesse caso, pode excluir o tamanho 32×32, deixando apenas o 16×16 (para urls).
4. O arquivo será dimensionado na área de pixels. Salve-o e você terá um arquivo .ICO

OBS: Se a intenção no ícone é para a barra de endereços, salve ou renomeie com o nome favicon.ico – o próximo passo mostra como publicar o ícone no site:

5. Agora abra a página HTML do site (ex: o index.html) em modo de edição de código (geralmente isso é feito com o Macromedia Dreamwaver, mas até mesmo o Bloco de Notas resolve). Envie o arquivo favicon.ico via FTP para a pasta raiz de publicação do site. Insira entre as TAGS <HEAD></HEAD> (Cabeçalho) a seguinte linha:

<LINK REL=”SHORTCUT ICON” HREF=”http://www.seusite.com.br/favicon.ico”>

6. Salve e envie o arquivo HTML para o ar. E pronto!

Ao acessarem seu site vai aparecer na linha do endereço (URL) o ícone criado por você.


Tópicos recentes

Patrocinadores


eXTReMe Tracker