Category Archives: Web Design

[Internet] Internet Explorer tem menos de 50% do mercado de navegadores

O Internet Explorer sempre foi o navegador mais utilizado no mundo. Isso se deve (em grande parte) à instalação integrada a todos os sistemas operacionais Windows. Apenas a Europa é uma exceção a este monopólio, pois uma liminar da justiça mandou retirar a instalação integrada, dando a opção ao usuário de escolher o navegador já na primeira utilização. No mercado europeu, a participação do Internet Explorer é de apenas 40,26%. E no mundo, mesmo com o lançamento do Internet Explorer 9, o navegador da Microsoft perde mercado mês após mês, chegando à marca de 49,87% dos usuários. Continuar a ler

[Design] 10 Dicas para ser tornar uma freelancer

Trabalhar por conta própria traz liberdade, mas também preocupações. Dez experts ajudam você a ter um plano para enfrentar o desafio.

1° Seja Seletivo

Yan Sorgi

www.flickr.com/sebograficos

“Para quem escolhe trabalhar como freelancer, saber selecionar os melhores projetos é essencial, mesmo que para isso seja preciso dizer alguns “nãos”. Precisamos ter consciência de qual é o volume de trabalho que somos capazes de assumir sem comprometer a qualidade e o prazo final do serviço. Mais importante do que o trabalho é a fidelização dos clientes.” Continuar a ler

[Web Design] Como Montar um E-mail Marketing

Montar e-mail-marketing é um processo trabalhoso, você deve seguir uma série de regras, deixa de utilizar certas tags HTML e não abusar do CSS entre outros processos, neste post vão ver quais tarefas que você deve realizar para criar um e-mail marketing de qualidade.

O e-mail-marketing é algo que deve ser visualmente atrativo para o leitor, porém nem sempre você consegue aliar o design as regras de montagem, portanto tente criar um e-mail que atenda aos padrões visuais do cliente, mas sempre tente colocar como texto o que pode ser colocado como texto, pois quanto menos imagens tiverem o seu e-mail mais leve lê ficará. Não confunda as regras para criação de site com as regras para montagem de e-mail-marketing, pois CSS Tableless ainda não se encaixa no padrão de e-mails marketing, portanto tem que ser tudo em tabela, como nos tempos antigos.

Dica: Sempre fatie as imagens do seu e-mail em várias partes, pois um e-mail-marketing enviado como uma única imagem é considerada spam por alguns dos principais servidores de e-mail.

Dica: Suas imagens devem estar hospedadas na internet, não envie o e-mail com as imagens salva apenas no seu computador, pois muitos usuários não irão receber sua mensagem da maneira correta.

O uso do CSS

Você pode usar a tag “style” no head ou no body, mas não funciona em alguns dos principais servidores de e-mail (AOL MAC, Gmail e Hotmail), a melhor maneira de utilizar o CSS é com o método inline.

Propriedades CSS válidas para todos*:

  • Background-color:
  • Border;
  • Border-collapse;
  • Color;
  • Display, Float e Height (só não funciona no Outlook 07);
  • Font-family (não funciona no Gmail);
  • Font-size;
  • Font-style;
  • Font-weight;
  • Line height;
  • Table-layout;
  • Text-align;
  • Text-decoration;
  • Text-indent;
  • Text-transform;
  • Letter-spacing;
  • Padding;

* E-mails Testados (Yahoo Antigo/novo, Gmail Antigo/novo, Live Mail, Hotmail, AOL Web, MobileMe.) / (Outlook (2003 e 07), Windows Mail, Mac Mail, Entourage (2004, 2008), Thunder-bird 2, AOL (9, 10), Mac).

Estrutura HTML / CSS

Como construir um e-mail-marketing de qualidade e eficiente.

  • A estrutura deve ser em tabelas;
  • Utilizar as propriedades que todos os servidores de e-mail aceitem (ou pelo menos a maioria deles);
  • CSS inline;
  • Layout com largura fixa até 550px;
  • Sempre conter o link “Caso não esteja visualizando esta mensagem, Clique Aqui”.

HTML: tags que devemos evitar

Tags HTML que não devem ser utilizadas, por não serem suportadas por muitos clientes de e-mail:

  • DOCTYPE
  • HTML tag
  • BODY tag
  • Meta tags
  • Head tag
  • Base tag
  • Link tag
  • Script tag
  • Title tag
  • Applet tag
  • Frameset tag
  • Frame tag
  • IFrame tag
  • Comments

[SEO] Google lança e-book sobre SEO

Google lança apostila de SEO
Foi lançado, no blog do Google Webmasters Central, um e-book de SEO para iniciantes chamado Google Starter Guide. Através desta iniciativa, a equipe do Google espera que principiantes em SEO possam utilizar este guia como ponto de partida para aprenderem a otimizar e melhorar seus sites.
O e-book vem em formato PDF, contém 22 páginas e aborda os seguintes itens:
*  Títulos das páginas
*  Meta Description
*  Estrutura de URLs
*  Navegação
*  Criação de conteúdo de qualidade
*  Texto âncora (anchor text)
*  Heading Tags
*  Otimização de imagens
*  Robots.txt
*  Utilização de rel=”nofollow”
*  Webmaster Tools
*  Analytics
Faça o download aqui
Fonte:  SEOMASTER

[Web Design] 1000 Icones para Download

web-1000-icones-para-download

O site FatCow publicou um pacote de ícones de qualidade que podem ser usados para qualquer projeto.  O arquivo contém 1000 ícones que você pode baixar gratuitamente, desde que apenas inclua um link para o  Fatcows em seu site.

Link para download: www.fatcow.com/free-icons/fatcow-hosting-icons-1000.zip

Fonte: Último Click

[T.I] Cargos e Salários para os Profissionais da área de T.I

Confira uma tabela com os cargos e seus respectivos salários para profssionais da área de tecnologia da informação

Clique na Imagem para Ampliar

Fonte: Revista TI Digital, setembro de 2009, 7ª Edição.
Site: www.revistatidigital.com.br

[Web Design] Teste seu site em várias resoluções

web-design-site-old-stoneSe você desenvolve sites, deve ter um bom trabalho para testar como se comporta a sua estrutura em várias resoluções. Para isso existe o serviço ViewLikeUs, que permite carregar seu site em uma janela e mudar a sua resolução dinamicamente e ver se o seu site continua arrumado ou se a interface começa a se quebrar completamente.

Experimente o ViewLikeUs e veja se o seu site se dá bem em todo tipo de tela!

Fonte: http://www.guanabara.info

[Web Design] Dicas Sobre o Google para Web Designers

google-wallpaper

Em alguns artigos atrás eu já falei sobre o Google e suas diversas funções, o Google pode ser um ferramenta muito útil também na otimização do seu site e na monitoração de seus usuários e acessos.

ai vão umas dicas que você pode estar usando para melhorar seu posicionamento e monitorar seu site. Continuar a ler

[Web Design] Regras do HTML e Dicas para Otimização de Sites

Otimização de Sites
Otimização de Sites

Se você quer o seu site bem estruturado, desenvolvido nos padrões da Internet e bem posicionado nos mecanismos de busca, é necessário muito trabalho e paciência, e ai vão algumas regrinhas e dicas básicas para começar a trabalhar bem o SEO em seu site:

– No HTML tags como <hr> <img> e <br> devem ser fechadas com  da maniera correta: <hr/> <img/> e <br/>

– No HTML utilize as tags Strong <strong>Negrito</strong> e Emphasis<em>Italico</em> ao invés das tags <b></b> e <i></i> para palavras que você queira colocar em negrito ou itálico, apesar de o resultado para os usuários ser o mesmo, os mecanismos de busca atribuem um peso maior para as tags <strong> e <em>

– No HTML sempre use o atributo “alt” em suas imagens, por exemplo:
<img src=”imagem1.jpg” alt=”Legenda Correspondente a Imagem”>, estas legendas serão útil quando a imagem parecer quebrada, e também para a melhor compreensão dos mecanismo de busca.

– No HTML também nunca é demais usar o atributo title nos links, apesar de não ser tão vital quanto o alt nas imagens, é importante também sempre coloca este atributo nos links, por exemplo:
<a href=”http:www.google.com” title=”Link para o Site do Google”>Google</a>

– No CSS Sempre use os códigos em um documento externo, por exemplo format.css e depois chame ele em todas as suas páginas:
<link rel=”stylesheet” type=”text/css” href=”format.css” />
evita inserir códigos CSS diretamente nos documentos HTML (inline ou no cabeçalho), a menos que seja muito necessário, desta maneira além da manutenção se tornar mais rápida e eficiente, seu código ficará mais “clean” para os mecanismo de busca.

– Na criação das URL’s sempre prefira o Hifen(-) ao invés do Underline (_), pois se você cria uma URL com (_)
os mecanismo de busca entenderão como uma frase só, exemplo:
http://www.seusite.com.br/quem_somos.php – Os mecanismo de busca entenderiam: Quemsomos
agora se você colocar:
http://www.seusite.com.br/quem-somos.php – Os mecanismo de busca entenderiam: Quem Somos

– Antes de criar as palavras-chaves de cada página em seu site faça um estudo, usando as ferramentas:
https://adwords.google.com/select/KeywordToolExternal
http://freekeywords.wordtracker.com
http://www.google.com/trends

– Crie um Mapa do Site em XML e coloque no seu site, este arquivo irá dizer quantas páginas tem em seu site, qual a importância de cada página e com que frequência elas são atualizadas. aprenda a fazer um mapa em XML neste link: http://torradeira.net/criando-um-sitemap-sitemapxml-para-enviar-ao-google/

– Com a criação de padrões da W3C, existem vários padrões que você pode escolher, e por isso existe a Tag Doctype, ela informa ao browser (navegador) qual padrão você está usando. aprenda a usar a tag Doctype neste link: http://www.mariosam.com/internet/dicas-de-programador/html-usando-o-atributo-doctype-corretamente

– Avise ao principais mecanismo de busca sobre o seu site, adicionando sua URL nos sites de busca:
Google: http://www.google.com.br/intl/pt-BR/add_url.html
Yahoo: http://search.yahoo.com/info/submit.html
Bing: http://www.bing.com/docs/submit.aspx?FORM=WSUT

Obs: Avise apenas 1 vez, caso faça várias vezes pode acabar sendo desconsiderado e banido.

Fazer SEO em um site é algo que não acaba, você tem sempre que estar se atualizando, também requer paciência e tempo, para começar siga estas regras e dicas, já é um bom começo.

Confira nossa matéria de Razões para investir no SEO

Old Stone  Otimização de Sites

http://www.oldstone.com.br/otimizacao-de-sites.php

[Web Design] Derrube os Mitos do Web Design

Derrube os Mitos do Web Design

Derrube os Mitos do Web Design

Desde que você começa a trabalhar com Web, profissionais mais experientes da área começam a dar conselhos sobre a profissão, e alguns desses conselhos acabam virando regras para os novos Web Designers, os mesmo nunca tentam fazer nada fora destes padrões, pois foi assim que aprenderam, so que a web vem mudando com o tempo e a chegada de novas tecnologias, e os mitos do Web Design vão caindo, veja alguns:

Continuar a ler