Curso Webdesigner

DREAMWEAVER CS5.5 + crack FUNFA MESMO! ;-)

2012-02-14T13:16:00.000-08:00

O Dreamweaver traz novos recursos e ferramentas adaptadas para qualquer tipo de usuário.

O Adobe Dreamweaver é um programa para modelar páginas da internet, contando tanto com recursos para programadores (com base em sintaxe e codificação) quanto para designers, com a parte visual largamente desenvolvida e aperfeiçoada. Este programa é pesado e requer bastante dos recursos de seu computador para o funcionamento apropriado.

Além disso, ele é um programa um pouco mais avançado, sendo necessário ter certa experiência com as ferramentas disponíveis e as funções do programa. Para enriquecer ainda mais o uso, é ideal ter conhecimento de todas as possibilidades disponibilizadas pelo aplicativo.

Recursos do programa

Logo ao executar o programa pela primeira vez, ele solicita que você defina as linguagens de programação para as quais ele passará a ser o editor principal. Estão disponíveis para a escolha ASP, JSP, ColdFusion, ASP.NET, PHP, JavaScript, CSS, XML e XSL (XSLT). Para a seleção, basta marcar a caixa ao lado de cada uma das opções.

A interface do programa é muito elegante, nos moldes de uma IDE. Além disso, o fato de se parecer com outros editores avançados facilita a utilização para quem já conhece esse tipo de ferramenta. O programa também permite trabalhar utilizando várias guias abertas, o que possibilita lidar com mais do que um arquivo por vez e alternar a leitura entre eles apenas trocando de aba.

Além de uma grande variedade de ferramentas, para auxiliar na visualização, o editor conta com indentação automática e destaque para diferentes termos da sintaxe, conforme a linguagem. Vale lembrar que isso é aplicado apenas ao código de uma linguagem suportada pelo programa.

Trazendo um suporte completo a várias linguagens, o Dreamweaver incorpora diversas facilidades, com uma atenção especial no quesito de criação de sites que se utilizam Javascript e Ajax. Além destas implementações, há ainda novas opções para a navegação de código, que mostra detalhadamente a alteração na tela no objeto selecionado.

Assim como nos outros produtos da empresa, a Adobe procura fazer uma integração entre seus programas, e agora chegou a vez do Photoshop ter uma ponte direta com o Dreamweaver. Basta arrastar um arquivo PSD (Photoshop Document) para dentro de uma página do Dreamweaver que o programa se encarrega de criar um Smart Object (Objeto Inteligente).

Um dos principais destaques, sem dúvida, vai para design remodelado do Adobe Dreamweaver , que além de não mostrar mais a famosa barra do Windows, ainda traz atalhos bem posicionados para você trabalhar com maior facilidade. Existe também um menu no topo do programa onde você escolhe o tipo de usuário, que ao ser selecionado muda a disposição das janelas interiores de acordo com o seu perfil.

Interessante também a opção de divisão de tela, recurso este que ajuda muito quem possui monitores Widescreen, pois agora é possível dividir as áreas de código e visual na vertical. Você também pode escolher o que é visualizado na janela, com a possibilidade de abrir a parte gráfica e de codificação lado a lado.

Vale ressaltar ainda uma das praticidades que o editor de páginas web trouxe desta vez. A era dos vídeos online, não há quem não queira fazer uma página que reproduza vídeos em Flash. Portanto, o Dreamweaver vem com um recurso pré-programado para inserção destes vídeos, assim como players, que têm modelos prontos a sua disposição.

Como instalar e liberar:

1- Instale o software clicando em setup.exe
2- Quando pedir a serial, execute o arquivo keygen.exe e selecione a opção Adobe Dreamweaver CS5.5 v11.5x
3- Ao concluir a instalação, vá em C->Windows->system32->drivers->etc->hosts e adicione o seguinte codigo ao final do arquivo (abra-o com o bloco de notas):

127.0.0.1 crl.verisign.net CRL.VERISIGN.NET ood.opsource.net
127.0.0.1 activate.adobe.com
127.0.0.1 activate-sea.adobe.com
127.0.0.1 practivate.adobe
127.0.0.1 practivate.adobe.com
127.0.0.1 practivate.adobe.newoa
127.0.0.1 practivate.adobe.ntp
127.0.0.1 practivate.adobe.ipp
127.0.0.1 adobeereg.com
127.0.0.1 activate.wip1.adobe.com
127.0.0.1 activate.wip2.adobe.com
127.0.0.1 activate.wip3.adobe.com
127.0.0.1 activate.wip4.adobe.com
127.0.0.1 www.adobeereg.com
127.0.0.1 hl2rcv.adobe.com
127.0.0.1 wip.adobe.com
127.0.0.1 wip1.aobe.com
127.0.0.1 wip2.adobe.com
127.0.0.1 wip3.adobe.com
127.0.0.1 wip4.adobe.com
127.0.0.1 www.wip.adobe.com
127.0.0.1 www.wip1.adobe.com
127.0.0.1 www.wip2.adobe.com
127.0.0.1 www.wip3.adobe.com
127.0.0.1 www.wip4.adobe.com
127.0.0.1 3dns.adobe.com
127.0.0.1 3dns-1.adobe.com
127.0.0.1 3dns-2.adobe.com
127.0.0.1 3dns-3.adobe.com
127.0.0.1 3dns-4.adobe.com
127.0.0.1 adobe-dns.adobe.com
127.0.0.1 adobe-dns-1.adobe.com
127.0.0.1 adobe-dns-2.adobe.com
127.0.0.1 adobe-dns-3.adobe.com
127.0.0.1 adobe-dns-4.adobe.com
127.0.0.1 ereg.adobe.com
127.0.0.1 ereg.wip.adobe.com
127.0.0.1 ereg.wip1.adobe.com
127.0.0.1 ereg.wip2.adobe.com
127.0.0.1 ereg.wip3.adobe.com
127.0.0.1 ereg.wip4.adobe.com
127.0.0.1 wwis-dubc1-vip60.adobe.com
127.0.0.1 activate-sjc0.adobe.com

4- Copie o arquivo CORE10K e cole na pasta C->Program Files->Adobe->Adobe Dreamweaver CS5.5
5- Dê um duplo clique neste arquivo e aperte start, depois F1 e depois F4

Flash

2011-12-13T13:21:00.000-08:00

Um problema do Internet Explorer, a partir da versão 7, é o reconhecimento do Flash Player instalado no computador. Quando comecei a usar o Windows Vista, eu tive que usar o Mozilla Firefox, pelo fato de o Internet Explorer não reconhecer o flash, que já estava instalado. Quando descobri o problema, a resolução foi bem simples. Veja:

1 – Lembre-se de ter o Flash Player instalado corretamente no seu computador. Para isso, faça o download do Adobe Flash Player 10 aqui.
2 – Reinicie o Internet Explorer. Se não funcionar, faça o seguinte:
2.1 – Vá na pasta C:\Windows\System32\Macromed\Flash. O conteúdo da pasta é parecido com esse

2.2 – Execute FlashUtil10a.exe ou o NPSWF32_FlashUtil.exe. Irá aparecer uma tela parecida com esta:

2.3 – Clique em “Install Now”. Irá aparecer uma janela como esta:

2.4 – Após a conclusão, aparecerá uma janela assim:

2.5 – Dê OK e reinicie o seu computador.

Pronto! Agora o Flash deve funcionar corretamente no seu Internet Explorer

Site Grátis

2011-12-01T12:36:00.000-08:00

Gente, navegando na internet achei mais uma opção de criação de sites grátis.

Para quem se interessar, fica aqui o endereço:

http://www.yola.com/pt_BR

Eu achei bem interessante. ; )

Layout

2011-11-03T12:46:00.000-07:00

O layout precisa transmitir a informação desejada com eficiência. É preciso que o layout seja um elo de comunicação com o usuário, que sua linguagem seja condizente com o objetivo do site. Conhecer heurísticas de usabilidade é fundamental para se gerar layouts para a web.

Cada elemento inserido em um website deve ter um objetivo, a perfeição de um website se atinge quando não há nada a ser retirado e não quando não há nada mais a ser inserido.

A maioria dos layouts antigos dos sites da Web eram feitos com tabelas na linguagem HTML, porém esta forma é inapropriada pois tabelas devem ser utilizadas apenas para exibir dados tabulados. Entretanto existem layouts que são completamente produzidos sem a presença de tabelas, sao os famosos "tableless" e esta sim é a melhor forma de estrutura para layouts.

tableless não pode ser entendido como na tradução livre, que seria literalmente "sem tabelas". Tableless é um conceito e deve ser entendido como aplicação das webstandards (normas da web desenvolvidas pela W3C)

Adeus, Steve! Obrigada!

2011-10-05T19:06:00.000-07:00

Parabéns, Éder!

2011-10-03T10:35:00.000-07:00

Neste fim de semana encontrei um ex-aluno meu no MSN, e ele me apresentou dois sites que ele construiu, depois que fez o curso comigo.
Foi impossível não me sentir orgulhosa do que faço, e também impossível não postar os sites que ele construiu no blog.

Então, aqui estão:

História Da Web

2011-09-30T05:23:00.000-07:00

A Internet nasceu praticamente sem querer. Foi desenvolvida nos tempos remotos da Guerra Fria com o nome de ArphaNet para manter a comunicação das bases militares dos Estados Unidos, mesmo que o Pentágono fosse riscado do mapa por um ataque nuclear.
Quando a ameaça da Guerra Fria passou, ArphaNet tornou-se tão inútil que os militares já não a consideravam tão importante para mantê-la sob a sua guarda. Foi assim permitido o acesso aos cientistas que, mais tarde, cederam a rede para as universidades as quais, sucessivamente, passaram-na para as universidades de outros países, permitindo que pesquisadores domésticos a acessarem, até que mais de 5 milhões de pessoas já estavam conectadas com a rede e, para cada nascimento, mais 4 se conectavam com a imensa teia da comunicação mundial.
Nos dias de hoje, não é mais um luxo ou simples questão de opção uma pessoa utilizar e dominar o manuseio e serviços disponíveis na Internet, pois é considerada o maior sistema de comunicação desenvolvido pelo homem.
Com o surgimento da World Wide Web, esse meio foi enriquecido. O conteúdo da rede ficou mais atraente com a possibilidade de incorporar imagens e sons. Um novo sistema de localização de arquivos criou um ambiente em que cada informação tem um endereço único e pode ser encontrada por qualquer usuário da rede.
Em síntese, a Internet é um conjunto de redes de computadores interligadas que tem em comum um conjunto de protocolos e serviços, de uma forma que os usuários conectados possam usufruir de serviços de informação e comunicação de alcance mundial.

Fireworks

2011-09-29T11:20:00.000-07:00

Remexendo nas pastas de ex-alunos encontrei este trabalhinho feito pelo meu querido ex-aluno Gilberto. Aliás, meu primeiro aluno, ainda em Porto Alegre. Então, deixo publicado aqui o que ele fez em aula comigo, para lembrar que sempre somos capazes de evoluir.

Um logotipo que lembra o logo da Varig, totalmente criado no Fireworks.

Obrigada, Gilberto!

PARABÉNS GOOGLE! NÓS TE AMAMOS!

2011-09-27T13:21:00.000-07:00

Google, o emprego dos seus sonhos - saiba por quê.

Já imaginou uma empresa que deixa você levar seu cachorro para trabalhar, fornece uma mesa de sinuca para jogos durante o expediente e lhe dá uma verba para decorar sua mesa e espaço de trabalho da maneira que quiser? E que ainda reserva uma sexta-feira por trimestre para os funcionários saírem juntos para se divertir? Bem-vindo ao Google.

“Os benefícios existem para que os funcionários se sintam cuidados e em casa. Aqui, o seu chefe não vai brigar por você estar jogando durante o expediente, mas sim por não tê-lo chamado”, brinca Deli Matsuo, diretor de RH da empresa para América Latina. “Com tantas mentes brilhantes, é preciso ter menos regras”.

Saiba Mais.

E o Google trabalha exatamente para que essas mentes permaneçam brilhantes. Todo funcionário recebe uma verba de educação para gastar como quiser, seja em cursos de línguas, em MBAs ou cursos de pós-graduação.

A liberdade dos empregados é levada a sério na empresa. Cada funcionário pode gastar 20% do seu tempo, o equivalente a um dia por semana, para se dedicar a projetos pessoais.

“Não ficamos olhando se o profissional chega às 9h ou às 11h. Não precisamos, pois contratamos pessoas comprometidas”, diz Matsuo.

Outra preocupação da companhia é oferecer as mesmas vantagens a todos os funcionários independentemente do cargo. A rede de benefícios vale para todos. O presidente da companhia tem exatamente o mesmo plano de saúde que qualquer outro empregado dentro do Google, assim como todos recebem participação nos lucros e ações da empresa.

“No Google, todos põe a mão na massa. Se o presidente da empresa quiser um café ou precisar de uma fotocópia, ele mesmo vai levantar e pegar”, afirma.

Sala de relaxamento

As políticas de benefício têm se mostrado eficientes. Nos quatro anos em que a empresa está presente no Brasil, apenas 3% de sua força de trabalho foi renovada, sendo que 2,5% pediram demissão para fazer mestrado ou doutorado.

O Google mantém um comitê responsável por avaliar o desempenho de cada profissional. É com base nas notas que são tomadas decisões relacionadas a aumentos, promoções e bônus.

E então como faço pra trabalhar no google ?

Com 22 mil funcionários no mundo, 200 deles no Brasil, o Google também não segue as práticas mais comuns ao fazer a seleção de seus funcionários.

“Tudo começa no recrutamento. Procuramos os melhores. O CEO da empresa, assim como os fundadores Larry Page e Sergey Brin, participam de 100% das contratações no Google. Olhamos tudo. Se o profissional se engajou em alguma iniciativa social, se pratica esportes, quais foram as notas que tirou ao longo da vida, a experiência em sua área de atuação etc”, fala Matsuo.

Não é de se estranhar que para preencher uma vaga o Google possa demorar até um ano. O sucesso no processo de seleção é baixíssimo: menos de 1% dos profissionais analisados são contratados.

“Procuramos pessoas curiosas, com vontade de aprender, que se sentem atraídas pelas coisas mais difíceis. É também essencial saber trabalhar em grupo. Eliminamos os candidatos muito individualistas. Existem pessoas que são inteligentes e bacanas, outras que são inteligentes e babacas”, diz o diretor de RH.

A boa notícia para os interessados é que há vagas abertas para contratação no Brasil em todos os setores da empresa. A má é que elas não estão conseguindo ser preenchidas por falta de mão-de-obra considerada qualificada. Quer tentar?

O irônico social

POR ISSO TUDO, PARABÉNS GOOGLE! NÓS TE AMAMOS!

Sem você não sei o que seria a vida de um webdesigner.

Obrigada!

Curso webdesigner para Crianças - Pensando no Futuro!

2011-09-20T11:10:00.000-07:00

Curso específico para crianças com idade mínima de 12 anos.

O período entre cinco a nove anos de idade é marcado pelo desenvolvimento psicológico da criança. Esta continua a se desenvolver fisicamente, lenta e gradualmente, mas acima de tudo elas se desenvolvem e amadurecem socialmente, emocionalmente e mentalmente.
Na maioria das sociedades, as crianças já aprenderam regras e padrões de comportamento básicos da sociedade por volta do quinto ano de vida. Elas aprendem então a discernir se uma dada ação é certa ou errada. A vida social da criança passa a ser cada vez mais importante, e é comum nesta faixa etária o que se chama de o(a) melhor amigo(a).
Na maioria dos países, crianças precisam ir à escola, geralmente a partir do sexto ou do sétimo ano de vida. Atualmente, no Brasil o governo aderiu obrigação dos pais levarem as crianças na escola a partir dos cinco anos de idade. Nesta faixa etária, regras básicas da sociedade são mais bem compreendidas. Aqui, é dada ênfase à capacidade de resolução de problemas, uma habilidade que é aperfeiçoada com o passar do tempo. A racionalização também é uma habilidade que é aprendida e constantemente melhorada. Até o quinto ou sexto ano de vida, as crianças muitas vezes procuram resolver problemas através da primeira solução - certa ou não, racional ou não - que vem à sua mente. Após o quinto ou o sexto ano de vida, a criança passa procurar por diversas soluções, e a reconhecer a solução correta ou aquela que mais se aplica ao solucionamento do problema.
Por volta dos sete ou oito anos de idade, as crianças passam a racionalizar seus pensamentos e suas crenças, procurando as razões, os porquês por trás de um problema ou de um fato. Assim, as próprias crianças passam a analisar os padrões de comportamento ensinados pela família e sociedade. Além disso, a partir dos seis anos de idade, as crianças passam a se comparar com outras crianças da mesma faixa etária. Estes dois fatos, aliados ao crescimento da vida social da criança, diminuem a importância dos pais e da família como modelos de comportamento da criança, e aumentam a importância dos amigos e dos professores.
Veja +

2011-09-14T14:13:00.000-07:00

LiveZilla –Como Instalar Atendimento online no Seu Site

O LiveZilla é umsistema de chat e suporte online gratuito que pode ser facilmente instalado noseu site joomla.

A instalação do LiveZilla é muito fácil, mas é um pouco diferente dossoftwares para sites que estamos acostumados a instalar. A diferença está nofato de que o pacote do LiveZilla contém um programa que configura e instalaautomaticamente todos os arquivos necessários no seu site, enviando-os via FTP.

Começe fazendo o download do pacote de instalação no site do LiveZilla. Executeentão este pacote no seu computador e começe a instalação, seguindo os passosdo assistente.

O LiveZilla vai instalar dois programas no seu computador: o LiveZillaClient e o LiveZilla Server Admin.

Termine a instalação, desmarcando a opção que irá executar o LiveZillaao fim do processo.

Vá então ao menu de programas do seu Windows e execute o programaLiveZilla Server Admin.

Através deste programa você irá configurar o “Servidor” do LiveZilla,que é a parte do software que ficará instalada no seu site.

Selecione a opção “Create a new LiveZilla Server” e clique no botão“Next”.

Na próxima janela você irá criar a conta administrativa do LiveZilla.Informe um login, email e uma senha, e anote estas informações, pois elas serãonecessárias para que você possa utilizar o LiveZilla após concluir ainstalação.

Lembre-se das regras básicas de segurança e não crie uma senha muitopequena, comum ou que seja fácil de adivinhar. Alguns exemplos de senhas ruinssão “12345″, “senha”, “minhasenha”, “123mudar’, “joomlaclube” (neste últimocaso a senha é relacionada ao nome do site), etc.

Clique no botão “Next” para ir à próxima janela, onde você deverá criaro seu primeiro grupo de suporte.

O LiveZilla organiza usuários de suporte (você poderá ter mais de um“atendente” online) em grupos, e cada grupo terá configurações e recursospróprios dentro do LiveZilla. Você poderá criar vários grupos, como “SuporteTécnico”, “Departamento Comercial”, etc.

No próximo passo você deverá escolher como irá enviar os arquivos do“Servidor” do LiveZilla para o seu site. Você poderá deixar o programa enviartodos os arquivos para você automaticamente via FTP, ou poderá salvar osarquivos no seu computador para que você mesmo possa fazer isso mais tarde comseu programa de FTP favorito. Neste exemplo vamos deixar o LiveZilla ServerAdmin enviar os arquivos automaticamente para o nosso site via FTP.

Na próxima tela você deverá informar os dados de conexão FTP do seu sitehospedado. Estes dados incluem o seu login e senha de FTP, o endereço doservidor FTP e o diretório onde os arquivos serão colocados. O endereço doservidor FTP é sempre no formato “ftp.seu-dominio.com.br”, onde você deverásubstituir “seu-dominio.com.br” pelo valor correspondente para o domínio do seusite.

O diretório raiz, ou diretório inicial, do seu site geralmente épublic_html para hospedagem Linux e /httpdocs para hospedagem windows. Nesteexemplo vamos instalar o LiveZilla dentro de um subdiretório chamado“livezilla”, então estamos informando o diretório que deverá ser usado no FTPcomo “/httpdocs/lilezilla/” ou /public_html/livezilla. Deste modo, após estarinstalado, o “Servidor” do LiveZilla ficará acessível no nosso site através doendereço “http://www.seusite.com.br/livezilla/”.

Clique no botão “Start” para iniciar o envio dos arquivos ao seu sitevia FTP. Se as informações para a conexão foram informadas corretamente, oprograma LiveZilla Server Admin vai começar a transferir os arquivos para o seusite.

Após a conclusão da transferência o programa de instalação vai mostraruma tela onde você poderá testar os arquivos enviados. Antes de completar oteste faça alguns ajustes nos valores informados na URL. Substitua o endereçode FTP do seu site pelo endereço Web (no formato “www.seu-dominio.com.br”) eremova a pasta “/httpdocs ou /public_html da URL, ou seja, o exemplo ta mostrando ocaminho do FTP, tendo em vista que você não precisa mais informar o FTP e sim odiretório completo WWW.seusite.com.br /livezilla Para este nosso exemplo asalterações ficarão conforme mostra a imagem abaixo:

Clique então no botão “Server Test”, e na próxima janela, clique nobotão “Test”. Se tudo ocorrer bem você verá uma mensagem e dois ícones verdesmostrando que o teste foi completado com sucesso.

Feche a janela de teste clicando no botão “Close”, e clique então nobotão “Next” e então no botão “Finish” para finalizar a instalação.

Clique no botão “Open LiveZilla Server Page” na última janela doprograma de instalação para abrir seu navegador Web na página do “Servidor”LiveZilla instalado no seu site.

O navegador irá mostrar que a instalação está funcionando, e você poderáexecutar algumas ações e iniciar um chat de teste.

Pronto, o “Servidor” do LiveZilla está instalado no seu site, e já estáconfigurado para funcionar corretamente.

O próximo passo é inserir o código do LiveZilla nas páginas do seu site.Este código é que vai mostrar o banner ou botão de acesso ao chat para os seusvisitantes, e que vai mostrar se o seu atendimento está online e disponívelpara chat ou não.

Para gerar este código selecione a opção “Link Generator / ScriptGenerator” no LiveZilla Server Admin no seu computador.

Clique no botão “Next”, e na próxima página selecione o perfil doservidor que acabamos de criar (só haverá um perfil neste caso, pois acabamosde instalar o LiveZilla e não adicionamos nenhum perfil extra).

Clique no botão “Next” para ir à proxima janela, onde você deverá fazer logincom o seu usuário e senha do LiveZilla.

Após o login o LiveZilla Server Admin vai conectar no “Servidor” doLiveZilla no seu site e buscar as informações necessárias para gerar o códigode integração, que você irá inserir nas páginas do seu site.

Após a conclusão você verá a janela Link Generator, onde poderáconfigurar muitas oções do código de integração e da aparência da janela deChat do seu site.

No grupo Website Links você irá configurar o código de integração queserá incluído nas páginas do seu site.

No grupo Email Links você irá configurar o código de integraçãoque você poderá inserir nas suas mensagens de Email feitas em código HTML (sim,é possível iniciar o chat de suporte até de mensagens de email!).

Vocês poderão optar entre as opções Graphic Chat Button (que irá criarum botão gráfico no seu site para a ativação do chat), Text Link (que irá gerarsomente um link de texto para a ativação do chat) ou Visitor Monitoring (queirá gerar um código que vai monitorar visitantes, mas não vai mostrar nenhummodo para ele iniciar o chat, que só poderá ser iniciado por você).

Após explorar e configurar estas opções desejadas, clique no botão “Copyto Clipboard” para copiar o codig HTML de integração que você deveráinserir nas suas páginas.

Se você usa o Construtor de Sites, poderá colar este código de integração dentro deum módulo Script inserido nas páginas do seu site. No caso do Joomla você vai ter quecriar um modulo Html Personalizado e o inserir no modulo.

Inicie então o LiveZilla Client no seu computador para começar amonitorar os visitantes do seu site e a atender os chats.

Abra a interface do LiveZilla Client clicando no ícone de acesso queficará minimizado próximo ao relógio do seu Windows, e então faça o login paracomeçar a atender os chats do seu site.

Você ainda deverá utilizar o LiveZilla Server Admin no seu computador paraeditar mais configurações do LiveZilla, como o idioma usado nos chats, ahabilitação do módulo Geo Tracking (que mostra num mapa mundial onde estão osvisitantes do seu site), a troca do logotipo da janela de chat, etc.

Alguns ajustes também devem ser feitos através do LiveZilla Client, comoalgumas configurações de idioma e o cadastro de uma base de dados com respostasprontas, que facilitarão muito seu atendimento no chat.

Para aprender ainda mais sobre o LiveZilla, assista a algumas dasvídeo-aulas (em inglês) no site do LiveZilla, no endereço http://www.livezilla.net/tutorials

No site do LiveZilla você encontrará também alguns banners extras quepodem ser utilizados no código de integração do Chat no seu site.

Rocha Neto – RNSites.Net – JoomlaClube!

Projeto Gráfico para o Diário de São Paulo

2011-08-29T15:06:00.000-07:00

Anuncios criados por mim usando Photoshop e publicados em encarte do Diario de São Paulo em 28/8/2011 - domingo

CAPA DO ENCARTE

CONTRA-CAPA

ANUNCIANTES

Site feito em aula

2011-08-17T05:54:00.000-07:00

Em meus anúncios de curso espalhados pela internet, sempre digo que "você pode fazer o site da sua empresa em aula". Então aqui está o trabalho da minha aluna Adriana, corretora de seguros da SCCorretora, feito em aula ontem. Segue a foto e o link.

www.seguroscalculoonline.com.br

Prepare-se! Os idosos estão invadindo a internet

2011-08-11T17:55:00.000-07:00

Verifica-se um aumento exponencial da presença de seniores nas redes sociais o que denuncia um forte desejo de sair da solidão , comunicando com os outros. Contudo há um número considerável dos que não querem aderir às novas tecnologias, não por falta de tempo ou de capacidades, mas porque ao passarem à reforma, acomodam-se ao quotidiano e não disfrutam do seu dia a dia com os devidos incentivos. Perdem o interesse. Alegam que não vale a pena, que a aprendizagem é muito difícil e até mesmo "que burro velho não aprende línguas". Mas acaba de se verificar , que no ano passado, 29 % da população portuguesa entre os 55 e os 64 anos utilizou regularmente a Internet. Felizmente o interesse está a despertar nesta faixa etária e muitas vezes devido à pressão dos filhos e netos . Em cada dia que passaparece um maior número de pessoas a aderir ás redes sociais. Nos EUA, um estudo recente do Projecto Internet e American Life , concluiu que entre Abril de 2009 e Maio de 2010 o uso das redes sociais entre utilizadores da Internet com idades compreendidas entre os 55 e os 64 anos aumentou 88%. E no grupo etário dos 65 e mais anos , esta presença cresceu 100%. Fantástico, não é?
Vá, senhoras /es que passam o tempo a queixar-se da solidão ,façam um esforço e comecem a navegar connosco.
Verão que é divertido e apaixonante.
A minha amiga Linda é um exemplo perfeito de que a idade não limita o interesse pela vida.
Vamos?
Publicada por Dina Constança em 10:59

Design de Site

2011-08-09T16:28:00.000-07:00

Layout para site de ourivesaria-sp.

Como instalar o WordPress?

2011-08-04T17:48:00.000-07:00

Depois que migrei do Blogger.com para o super WordPress recebi alguns e-mails com dúvidas sobre como instalar o danado do sistema num host. Muitos reclamam que não existem muitas informações amigáveis em português, ou então reclamam que a instalação precisa de conhecimentos em MySQL e PHP, o que não é uma verdade completa. Muita gente começa no WP sem saber programar em PHP. Uns até acabam se interessando pela linguagem para brincar no seu blog e se descobrem como bons programadores. Claro que há aqueles blogueiros que não tem interesse em programar, mas querem mais flexibilidade na sua ferramenta de blog. Por esses motivos resolvi fazer um tutorial o mais amigável possível sobre a instalação do WordPress, mas é preciso ler com calma. Se precisar correr ou estiver com preguiça é melhor escolher outro dia ou outro tutorial, pois não escrevo muito bem. :)

Você primeiro, claro, vai ter que assinar um plano de hospedagem num host com PHP e MySQL. Há uma lista com hosts gratuitos, mas que devem ser usados por sua conta e risco, pois não testei nenhum deles. Eu realmente indico que você procure uma hospedagem paga pelas inúmeras vantagens, inclusive suporte personalizado. Você pode tentar a Dreamhost, apesar de ter um serviço incrível o suporte é em inglês pois é um host internacional, você também pode pesquisar preços de hospedagem no Buscapé, essa parte de hospedagem é você mesmo quem tem que decidir.

Você vai ter que saber que o WP usa esse MySQL como banco de dados para armazenar tudo que você vai escrever e configurar. Para tudo funcionar você precisa criar um novo banco de dados no seu host. Geralmente você faz isso usando o PHPMyAdmin, mas se ao abri-lo não tiver a opção de criar um novo banco de dados você pode procurar a opção “Banco de dados MySQL” no seu painel de controle, é fácil. Se não achar, qualquer coisa você pode infernizar o suporte do seu host e perguntar onde que faz o novo bd. :P
No meu exemplo vou dar o nome de “meubd” (sem as aspas) ao banco de dados. O MySQL também vai pedir um nome de usuário e uma senha para esse novo bd. Vou usar “meuusuariobd” e “minhasenhabd” respectivamente, no exemplo.
Adendo: Os hosts têm, por questão de segurança, o costume de colocar o seu nome de usuário como prefixo do nome do seu bd. Complicou? Se o seu nome de usuário for “maria” então o nome do seu bd será “maria_meubd”. Então preste atenção ao nome do seu banco de dados assim que ele for criado.

Banco criado, baixe o zip no site do WordPress e descompacte os arquivos no seu PC. É preciso agora dizer ao WP as três informações do banco de dados recém criado. Dentro da pasta “wordpress” procure o arquivo “WP-config-sample.php” e abra no seu bloco de notas, você vai ver uns códigos bonitos que precisam ser modificados, não se assuste é muito simples.

Na terceira linha encontramos o seguinte texto:
define('DB_NAME', 'wordpress'); // The name of the database
Modifique ‘wordpress’ para o nome do banco de dados que foi criado anteriormente, nesse meu exemplo aqui vai ficar:
define('DB_NAME', 'meubd'); // The name of the database

As linhas que seguem no arquivo são:
define('DB_USER', 'username'); // Your MySQL username
define('DB_PASSWORD', 'password'); // ...and password
Há espertinho! Já deve saber o que fazer hein? Onde tem ‘username’ você vai mudar para o nome de usuário que você criou e o ‘password’ é a senha definida para o bd. Então no exemplo aqui vamos ter:
define('DB_USER', 'meuusuariobd'); // Your MySQL username
define('DB_PASSWORD', 'minhasenhadb'); // ...and password

Feito isso vá em Arquivo > Salvar como, salve o arquivo na pasta “wordpress” com o nome “WP-config.php”.
Agora é a hora de subir essa pasta para o seu servidor de hospedagem usando um programa de FTP. Recomendo o Filezilla ou o SmartFTP.
Com a pasta “wordpress” no ar mude o nome dela para “blog”, faça isso agora. Mudar o nome dessa pasta no futuro é possível, mas não é uma boa idéia, repito: não é uma boa idéia.

Nome da pasta escolhido? Então agora você finalmente precisa instalar o WordPress. Abra o seu navegador e acesse o endereço do seu blog, por exemplo www.meusite.com/blog. Vai aparecer um aviso em inglês pedindo pra você instalar o WP. Clique no link no final da frase e siga os passos.
“First Step”, depois preencha o campo com aquele que vai ser o título do seu blog e o outro com o seu e-mail. Antes de seguir dê uma verificada para ver se seu e-mail está correto. É só clicar em “Continue to Second Step”, o WordPress vai gerar uma senha aleatória e mandá-la para o e-mail especificado e criar suas tabelas no banco de dados e configurar-se sozinho. Deve aparecer a seguinte:

Seu nome de usuário é “admin” e a senha é o número aleatório que ele apresenta nessa página. No exemplo da imagem temos “40e3f1” como senha. Copie esse número para logar no sistema pela primeira vez.
É só clicar no link “log in” e colocar “admin” (obviamente sem as aspinhas) no “username” e no “password” colocar o número que ele gerou. Se por um acaso você o perdeu nesse tempão, abra o e-mail especificado na instalação que lá estará a senha.

Com essa senha estranha em mãos é uma boa idéia mudá-la. Já dentro do sistema, vá em “Users” e preencha os campos “New password” e “Type it one more time” com a sua senha pessoal que você quer definir para o blog, vê se não vai colocar “1234″ ou seu número de celular pra todo mundo descobrir depois.

Acesse www.meusite.com/blog e veja se está lá o post e o comentário de exemplos. Agora é só ir atrás de um tema estiloso, instalar os plugins que você achar interessante e dizer a todo mundo que você é Powered by fuckin’ lovely WordPress. ;)

Também foi criado o Portal WordPress e criei um post com dicas que podem ser seguidas depois da instalação.
Apensar de eu não indicar o uso do WP em português pelo fato da documentação dele ser toda em inglês, no site taijiquan.pro.br você encontra o arquivo de tradução e também as instruções de como configurar para português.
Divirta-se!

E quando o cliente diz que seu layout tá uma “merda”?

2011-08-04T17:19:00.000-07:00

FAZ CARA DE PAISAGEM

Data de publicação: 27/05/2011
Me perdoem pela palavra de baixo calão, um tanto indigesto, mas é a mais pura realidade. Quem aqui nunca escutou da boca de um cliente, do chefe ou até mesmo de um amigo que “seu layout tá uma merda”? Mesmo os melhores web designers já escutaram isso pelo menos uma vez ou algumas dezenas de vezes antes de serem o que são.

Mas Bruno, tenha piedade. Meu layout estava lindo! E mesmo assim o cliente disse essa asneira. Culpa dele que não tem bom gosto!
Será mesmo? Será que a culpa não é do Web Designer, sempre é do cliente?

Trago para vocês um exercício muito bacana que faço com todos os meus alunos do Curso de Design Web. A idéia é desmitificar a história de que sempre a culpa é do cliente que não entende o estilo de sua “arte”. Neste exercício apresento um briefing fictício para todos os alunos, com prazo de entrega e outras orientações. Cada briefing é analisado de forma personalizada, onde comento através de áudio e rabiscos no layout como foi o desempenho do aluno, apontando o que pode ser mudado e sugerindo melhores formas de apresentação.

Durante o curso são sugeridos 3 trabalhos de criação, todos analisados por mim. Nos últimos anos tive a oportunidade de avaliar mais de 1200 trabalhos de layout e graças a essas análises pude identificar alguns erros comuns entre os web designers.

Vamos começar então com um briefing de mentirinha que servirá de guia para a criação do layout:

Briefing
Qual o nome do site?
Empresa Exemplo

Fale um pouco sobre a Exemplo
A Exemplo é uma empresa de consultoria e soluções em negócios dos mais diversos segmentos. Presta serviços para empresas que precisam de consultoria para seu business.

Quem é seu público principal?
Pessoas de classe AB, empresários e executivos, acima de 30 anos

Você está imaginando uma certa aparência e sensação para o site?
Sim, imaginamos algo bem clean, com um grande destaque emocional na imagem. Imaginamos a foto de um de nossos colaboradores, sorrindo e com grande destaque chamando para a pesquisa do IDC que apontou a empresa Exemplo como a empresa com colaboradores e clientes mais felizes do Brasil. Quem sabe uma foto de nosso colaborador dentro da empresa, sorrindo, em frente a uma de nossas paredes floridas, acho que deixaria a home do site bem viva, alegre.

Queremos um site simples, somente apresentando a empresa, sem necessidade de atualizações constantes, nem newsletter, sem busca, a capa deve ser focado na imagem e no destaque para essa pesquisa.

Quais serão os itens do menu e as seções que deverão compor o layout?
O menu deverá conter os itens: a empresa, clientes, portfolio, blog, localização e contato. Só deve ter o logotipo, o menu e uma imagem de destaque para a pesquisa que aponta a Exemplo como um exemplo de empresa feliz.

Você tem padrões existentes, como logos e cores, que devem ser incorporados?
O logotipo segue abaixo, as cores pode ser as cores do logo, vermelho e preto.

Proposta de layout do Web Designer 1

Aí está o layout que o Web Designer de número 1 apresentou. No geral percebemos total falta de sintonia entre o layout e o briefing. Isso sem falar nos erros técnicos que encontramos nesse design como a mistura de fontes (contei 4 tipos de fontes diferentes), o excesso de gradientes, os desalinhamentos e a falta de contraste entre o texto e o background. Vejamos:

1. Logo: jamais devemos distorcer imagens, fotos, textos, muito menos o logotipo do cliente. O nosso querido amigo web designer deu uma esticada legal no logotipo, dando o “efeito” de distorção. Quer aumentar ou diminuir? Faça mantendo a proporção. Se quer aumentar a largura em 50%, por exemplo, aumente também a altura em 50%.

2. Menu no topo: aqui temos três erros. Primeiro, o conteúdo do menu está completamente diferente do menu dito no briefing. Não podemos acrescentar ou retirar itens do menu sem consultar o cliente. Segundo, se o background é escuro, porquê usar uma fonte na cor escura? Se tivesse usado a cor branca, por exemplo, evitaria a “gambiarra” do uso do glow que ficou artificial e exagerado, deixando o layout mais pesado visualmente. Terceiro, se tem tantas opções assim no menu, porquê colocá-lo no topo, onde se tem menos espaço? Isso fez com que as opçòes ficassem muito próximas, parecendo ser a linha de um parágrafo, onde não conseguimos diferenciar cada opção.

3. Menu à esquerda: além de ficar redundante, já que temos o mesmo conteúdo no topo, o menu vertical encontra-se totalmente desalinhado. Note que a primeira opção está mais para a esquerda, a segunda mais para a direita e assim segue o desalinho. O correto é iniciar o item abaixo exatamente onde começa o item acima, ou seja, alinhado à esquerda.

4. Imagem: essa ilustração de perfil de um executivo não diz muita coisa a não ser que se trata de um homem de terno e gravata com a mão no bolso. Não passa a emoção que o cliente desejou transmitir, a felicidade de seus funcionários e clientes. Além disso a cor de fundo, tanto do background do site como da imagem principal, está com um excesso de gradiente. Lembre-se que gradiente é efeito de luz e sombra e este deve exercer um efeito natural. O que, na natureza, possui esse tipo de iluminação e sombra, indo do branco para o azul? O efeito fica plástico e irreal. Se deseja usar gradiente, use transições mais suaves, de um azul escuro, por exemplo, para um menos escuro, imitando uma iluminação real sobre uma superfície azul. E evite excesso de gradientes, como no caso deste layout.

Além disso esse efeito de bevel do retângulo da chamada não se vê mais desde 1996. Peso desnecessário.

5. Texto-chamada: nada mais do que um papo alegre que pouco diz. Espaço desperdiçado, ao invés de um vazio “seja bem-vindo” poderia ter aproveitado o espaço para fazer a chamada que o briefing pedia, falando sobre a pesquisa do IDC. Além disso o texto tem leitura dificultada pela falta de contraste (fonte de cor escura com background também escuro) e totalmente colado na caixa, é fundamental a margem interna para descolar a chamada e assim dar seu devido destaque.

6. Total desalinhamento dos textos: É necessário manter o alinhamento, no caso o preferível é que seja a esquerda.

7. Alinhamento centralizado: uma vez escolhido o alinhamento, mantenha esse alinhamento em todas os textos presentes no site, ao menos que o site seja experimental e os diversos tipos de alinhamento sejam propositais. Porém no caso dos portais e sites de conteúdo, lembre-se que nós ocidentais lemos da esquerda para a direita. O alinhamento a esquerda é um padrão de leitura que todos nós esperamos. Nesse caso não pode haver dúvidas, alinhou o logo a esquerda, o menu a esquerda, todos os textos estão alinhados a esquerda, não coloque um dos textos alinhados à direita nem no centro. Todos os textos devem seguir o mesmo padrão.

8. Informativo: além do briefing ser claro que o site não terá esse tipo de seção, tecnicamente esta caixa de cadastro tem diversos erros. Desde a falta da margem interna em relação a moldura até o botão, exagerado, distorcido, com uma sombra forte, irreal e com textura pesada. Opte por botões mais simples e de fácil visualização

Proposta de layout do Web Designer

2.Agora veja o layout que o Web Designer de número 2 apresentou. Tecnicamente falando o layout está correto e até mesmo bonito. Tudo bem alinhado, equilibrado, com um background de textura agradável e padrão de fontes bem definido.

O layout acima é um típico exemplo do layout bonito mas que “tá uma merda” para o cliente. O Web Designer volta com a maior raiva, dizendo que o cliente não entende nada de design e que é um brega. Porém note que o erro é 100% do web designer.

Isso se deve a má interpretação do briefing. O cliente disse claramente que queria um layout com foco na imagem e na chamada da pesquisa do IDC. Que bastava o logotipo, menu e a chamada, nada mais do que isso. E ainda disse claramente que não era pra ter nenhuma caixinha de newsletter e busca. Aí o Web Designer, totalmente desatento, sem ler o briefing direito, faz um layout bonito mas que não atende a expectativa do cliente.

É como se o cliente precisasse de um caminhão e você entregasse uma Ferrari. Ferrari é um carro bonito, mas o cliente precisa de uma carreta pra levar sua produção para a outra cidade. Logo sua Ferrari, pra ele, é uma “merda”, pois não atende seus objetivos.

Proposta de layout do Web Designer 3

Ah! Agora sim! Justamente o que o cliente pediu. Note o logotipo, o menu e a grande foto de destaque, com o texto casando com a imagem e chamando para a pesquisa do IDC. A foto está espontânea, mostrando a felicidade de um dos funcionários da empresa Exemplo. Veja o detalhe da parede que o cliente citou, esta parede é da empresa e esta foto estava no material que os outros 2 web designers também receberam. Porém o Web Designer de número 3 captou bem o briefing, acertando na mosca o que o cliente queria.

Note também que é um layout bonito e extremamente simples de se fazer, não exigiu efeitos mirabolantes, apenas a boa técnica e uma foto bonita. Um layout que poderia ter sido feito em qualquer software gráfico.

Atendeu as expectativas, fez um layout equilibrado e por isso escutou do cliente um “seu layout tá uma m… aravilha!”

Quer ser analisado e ter sua orelha puxada por mim como fiz nesse post? Então conheça o Curso de Design Web.

Para o alto e Avante!
Aproveite e visite meu site.

http://www.brunoavila.com.br

Sugestões: contato@comunidadeweb.com.br

NEGÓCIO É, CONFIANÇA!

2011-07-18T18:28:00.000-07:00

Projeto Fidelidade e Relacionamento
Muito mais do que a instalação de um software e a distribuição de cartões
personalizados, a implantação de um Programa de Fidelidade e
Relacionamento é um projeto para a vida toda da empresa. Logo um
projeto mal implementado gerará perda de tempo, investimento e o
principal, a perda do cliente. Por outro lado, é comprovado que com
planejamento e orientação especializada, os resultados são crescentes e
perenes.

Por isso, nossos consultores personalizam o projeto de acordo com as
características do seu negócio e mercado de atuação.
Para gerar os resultados esperados, a implantação é dividida em 2:

Módulo 1 - Fidelidade
Programa de incentivo ao Consumidor. Quanto mais o cliente gasta mais ele ganha pontos ou créditos para trocar por prêmios, produtos ou serviços. Permite criação de mecânicas para aumento do:
Ticket médio;
Frequência de compras;
PA (Peças por Atendimento);
ICV (Índice de Conversão de Vendas);
Retenção dos clientes mais rentáveis;
Indicação de clientes

Módulo 2 - Relacionamento
Programa de Relacionamento com o Consumidor. Permite à empresa aumentar o resultados por meio do conhecimento pleno e interação com os seus clientes:
Mais rentáveis;
Os que têm propensão a comprar determinados tipos de produtos;
Os inativos;
Aniversariantes do mês;
Frequência e Tempo de retorno;
Faixa etária;
e diversas combinações.

- Comunicação, campanhas, ações e promoções personalizadas.
- Mensuração dos resultados de cada ação.

As 4 fases para a implantação de um projeto de Fidelidade e Relacionamento com foco em resultados

1. Análise
De acordo com o padrão de atendimento da Marka, a primeira etapa do trabalho consiste no levantamento de informações sobre a empresa, seu segmento de atuação, seus produtos e serviços, seus funcionários e, principalmente, seu cliente. Essa análise permite à Marka, em conjunto com as pessoas estratégicas da empresa, avaliar a viabilidade e desenvolver uma proposta personalizada para a implantação do projeto.

2. Planejamento
Nessa fase, são definidas as estratégias de fidelização, tais como pontos ou créditos cumulativos, níveis de consumidores, pesquisa com clientes, vantagens e diferenciais para os melhores clientes, regulamento e divulgação do programa, integração e testes dos sistemas e todos os itens necessários para atingir os resultados esperados.

3. Implantação
Consiste no treinamento e implantação dos processos e padrões de atendimento. É o start do projeto!

4. Gestão de Resultados
Trata- se do acompanhamento de todo o programa por meio de um eficiente software e ações de comunicação e relacionamento com os clientes. Periódicos treinamentos são fundamentais para que a equipe assimile os padrões que garantirão o sucesso e a perenidade do projeto. Ao longo do ano, medições de resultados são realizadas por meio dos Indicadores de Desempenho do Fidelidade (IDF). Tudo isso permite ao empresário avaliar as vantagens e o retorno que o projeto trás para o seu negócio.
Faça como nossos clientes, implante em sua Rede
um Projeto Fidelidade Rentável e Permanente.

Trabalhando com Python e Django. Porque ESTÁ na moda!

2011-07-08T15:44:00.000-07:00

Esse post está aqui para ser usado por mim como referência futura mas, como pode ser útil para outras pessoas vou deixá-lo público aqui no blog.

Software
Trabalhei muito tempo com Linux (e alguns outros Unices) e de três anos pra cá sou mais um Apple Fanboy que usa o excelente OS X. Mas acho que boa parte das dicas aqui ainda são úteis para usuários de Linux.

Terminal.app – Porque Mac é máquina pra ‘macho’ :D
bash – Pesadão, bloat, mas não consegui me habituar com outro. É o default do OS X.
Vim – Esse é o editor pra tudo. É difícil de aprender a usar mas é um F1. Depois que aprendemos a lidar com ele a gente voa. Uso a versão texto que acompanha o OS X.
TextMate – Esse eu uso para o desenvolvimento ‘pesado’. Dá pra usar o Vim pra isso também. Mas dependendo do meu humor eu escolho o TextMate para algumas coisas.
Rudix – O OS X não vem com tudo mas você encontra o que falta no Rudix.
Git – Uso o git pros meus projetos mas também tenho o Mercurial, Bazaar, Subversion, … instalados para contribuir com outros projetos open-source
virtualenv – ter um ambiente isolado para cada projeto Python onde você trabalha é muito legal. Já escrevi sobre o virtualenv aqui.
pylint e pyflakes – Analisadores estáticos de código.
Diretórios básicos
$HOME/
Work – Diretório onde os projetos em que trabalho ficam.
bin – Diretório com scripts, binários estáticos, etc. Esse diretório fica no $PATH
Configuração
Sempre que eu falar sobre um arquivo de configuração específico você pode encontrá-lo no endereço: http://github.com/osantana/personal.

Os arquivos ‘.’ (ponto)
.profile

Configurar 3 aliases: mv='mv -i' e cp='cp -i' pra evitar acidentes com arquivos sendo sobrescritos e ls='ls -G' para habilitar cores no comando ls.
Configurações genéricas para cores no terminal
Definir o vim como EDITOR padrão.
Definir LANG e LC_CTYPE como en_US.UTF-8 para que o Mercurial e alguns outros softwares funcionem corretamente.
Adicionar o diretório $HOME/bin ao $PATH. Nesse diretório eu jogo todos aqueles programinhas utilitários usados no dia a dia.
Configurações Python:
export PYTHONSTARTUP="$HOME/.pystartup.py"
source ~/bin/django_bash_completion
Configuração Java: export JAVA_HOME="/Library/Java/Home"
Configuração Ruby: adicionar $HOME/.gem/ruby/1.8/bin ao $PATH
Eu uso virtualenv em todos os meus projetos então crio duas funções para ativar os ambientes e entrar nos diretórios desses projetos:
# Uso: p nome_do_projeto
p() {
cd ~/Work/$1*
[ -f bin/activate ] && source bin/activate
}

# Uso: c
c() {
[ -d "$VIRTUAL_ENV" ] && cd $VIRTUAL_ENV
}
.gitconfig

[user]
name = Osvaldo Santana
email = osantana na triveos.com
[color]
status = auto
diff = auto
branch = auto
ui = auto
grep = auto
[alias]
st = status
ci = commit
co = checkout
[merge]
tool = opendiff
[core]
legacyheaders = false
excludesfile = /Users/osantana/.gitignore
whitespace = trailing-space,space-before-tab
[apply]
whitespace = fix
[repack]
usedeltabaseoffset = true
[git-tmbundle]
gitx-path = /Application/GitX.app/
[mergetool "opendiff"]
cmd = opendiff
trustExitCode = true
[clean]
requireForce = false
.gitignore

.DS_Store
*.py[co]
*.tmproj
*~
*.swp*
.inputrc

Eu uso o modo vi também no console. Neste arquivo fica essa configuração e mais umas outras que deixam o comportamento do prompt do Mac mais parecido com o do Linux.

Já falei sobre essas configurações aqui no blog. Use por conta e risco.

.pylintrc

As configurações que eu uso para análise estática do código que eu produzo. Eu rodo o pylint antes de fazer o commit do meu código. Durante o desenvolvimento eu uso somente o pyflakes que é mais simples e rápido mas faz uma análise mais superficial do código. Eu costumava usar o pep8.py mas já faz um tempo que o aposentei.

.pystartup.py

Script executado pelo interpretador Python ao entrar no modo interativo. Eu configuro o ‘auto-completion’ do prompt interativo do Python, gravo o histórico de comandos, etc.

Infelizmente ele não funciona com o Python padrão do Mac porque o mesmo não é compilado com a biblioteca readline. Mas no Linux ele (deve) funcionar certinho.

.vimrc

Esse é o meu famoso arquivo .vimrc. Ele não tem nada de muito especial.

Outros arquivos

Existem outros arquivos mas, nestes casos, eles contém informações privativas e não faria sentido colocar aqui pra vocês :)

Criando e Usando um projeto Python (com Django)
Para exemplificar vamos criar um projeto “pythonologia”:

~ $ cd ~/Work
Work $ virtualenv --no-site-package pythonologia
New python executable in pythonologia/bin/python
Installing setuptools............done.
Work $ p pythonologia
(pythonologia) pythonologia $ easy_install django
(pythonologia) pythonologia $ django-admin.py pythonologia
(pythonologia) pythonologia $ cd pythonologia
(pythonologia) pythonologia $ git init
(pythonologia) pythonologia $ git add *.py
(pythonologia) pythonologia $ git commit -m "Initial commit"
Projeto criado e a estrutura de diretórios vai ficar mais ou menos assim:

~/Work/pythonologia
|____ pythonologia
| |____ app_django1
| \___ app_django2
|____ bin
|____ include
\___ lib
\____ python2.6
|____ distutils
\____ site-packages
Os arquivos que não são mantidos no repositório Git ficam no diretório ~/Work/pythonologia ou em um diretório ~/Work/pythonologia/files. O arquivo de projeto do Textmate, por exemplo, fica em ~/Work/pythonologia/pythonologia.tmproj.

Eu também crio um link simbólico ~/Work/pythonologia/django -> ~/Work/pythonologia/lib/pythonX.X/site-package/Django-1.1.1-py2.6.egg/django para dar uma ‘espiada’ no código do Django quando necessário.

Quando eu quero trabalhar num outro projeto eu faço:

(pythonologia) pythonologia $ deactivate
pythonologia $ p outro_projeto
(outro_projeto) outro_projeto $
Eu estou num diretório qualquer e quero voltar para o diretório raiz do projeto basta fazer:

(pythonologia) ~ $ c
(pythonologia) pythonologia $

FONTE:
http://blog.triveos.com.br/2010/04/25/trabalhando-com-python-e-django/

Inserir e editar tags div

2011-06-09T17:52:00.000-07:00

-Inserção de tags div
-Edição de tags div
-Visualização e edição das regras aplicadas uma tag div
-Posicionamento do ponto de inserção em uma tag div para adicionar conteúdo
-Alteração do texto do alocador de espaço em uma tag div
-Alterar a cor de realce das tags div

Você pode criar layouts de página inserindo manualmente tags div e aplicando os estilos de posicionamento CSS a elas. Uma tag div é uma tag que define divisões lógicas no conteúdo de uma página da Web. Você pode usar tags div para centralizar blocos de conteúdo, criar efeitos de coluna, criar diferentes áreas de cor e muito mais.

Se não estiver familiarizado com o uso das tags div e folhas de estilos em cascata (CSS) para criar páginas da Web, você poderá criar um layout CSS baseado em um dos layouts predefinidos fornecidos com o Dreamweaver. Se não estiver acostumado a trabalhar com a CSS, mas estiver familiarizado com as tabelas, você deverá também tentar utilizá-las.

Nota: O Dreamweaver trata todas as tags div com posição absoluta como elementos PA (elementos com posição absoluta), mesmo que você não tenha criado essas tags usando a ferramenta de desenho Div PA.
Inserção de tags div

Você pode usar tags div para criar blocos de layout CSS e posicioná-los no documento. Isso será útil se você tiver uma folha de estilos CSS existente com estilos de posicionamento anexados ao documento. O Dreamweaver permite que você insira rapidamente uma tag div e aplique estilos existentes a ela.

Na janela Documento, coloque o ponto de inserção no local em que a tag div deve aparecer.
Siga um destes procedimentos:
Selecione Inserir > Objetos de layout > Tag div.
Na categoria Layout do painel Inserir, clique no botão Inserir tag div .
Defina uma das seguintes opções:
Inserir Permite que você selecione o local da tag div e o nome da tag caso ela não seja nova.
Classe Exibe o estilo de classe atualmente aplicado à tag. Se você anexou uma folha de estilos, as classes definidas nessa folha de estilos aparecerão na lista. Use este menu pop-up para selecionar o estilo que você deseja aplicar à tag.
ID Permite que você altere o nome usado para identificar a tag div. Se você anexou uma folha de estilos, as IDs definidas nessa folha de estilos aparecerão na lista. As IDs dos blocos que já estão no documento não são listadas.
Nota: O Dreamweaver informará se você inserir a mesma ID de outra tag no documento.
Nova regra CSS Abre a caixa de diálogo Nova regra CSS.
Clique em OK.
A tag div aparece como uma caixa no documento com o texto do alocador de espaço. Quando você move o ponteiro sobre a borda da caixa, o Dreamweaver o realça.
Se a tag div tiver uma posição absoluta, ela se tornará um elemento PA. (Você pode editar tags div que não possuem posição absoluta.)
Edição de tags div

Depois que você inserir uma tag div, poderá manipulá-la ou adicionar conteúdo a ela.

Nota: As tags div com posição absoluta se tornam elementos PA.
Quando você atribuir bordas a tags div ou quando a opção Contornos do layout CSS estiver selecionada, elas terão bordas visíveis. (A opção Contornos do layout CSS é selecionada por padrão no menu Exibir > Auxílios visuais.) Quando você move o ponteiro sobre uma tag div, o Dreamweaver realça a tag. É possível alterar a cor do realce ou desativar o realce.

Ao selecionar uma tag div, você poderá visualizar e editar regras para ela no painel Estilos CSS. Também é possível adicionar conteúdo à tag div colocando o ponto de inserção dentro da tag div e adicionando o conteúdo exatamente como faria ao adicionar conteúdo a uma página.

Visualização e edição das regras aplicadas uma tag div

Siga um destes procedimentos para selecionar a tag div:
Clique na borda da tag div.
Procure o realce para ver a borda.
Clique dentro da tag div e pressione Control+A (Windows) ou Command+A (Macintosh) duas vezes.
Clique dentro da tag div e selecione a tag div no seletor de tags na parte inferior da janela Documento.
Selecione Janela > Estilos CSS para abrir o painel Estilos CSS caso ele ainda não esteja aberto.
As regras aplicadas à tag div aparecem no painel.
Faça as edições conforme necessário.
Posicionamento do ponto de inserção em uma tag div para adicionar conteúdo

Clique em qualquer lugar nas bordas da tag.
Alteração do texto do alocador de espaço em uma tag div

Selecione o texto e digite sobre ele ou pressione Delete.
Nota: Você pode adicionar conteúdo à tag div exatamente como faria ao adicionar um conteúdo a uma página.
Alterar a cor de realce das tags div

Quando você move o ponteiro sobre a borda de uma tag div na Visualização de design, o Dreamweaver realça as bordas da tag. Você pode ativar ou desativar o realce quando necessário, ou alterar a cor do realce na caixa de diálogo Preferências.

Selecione Editar > Preferências (Windows) ou Dreamweaver > Preferências (Macintosh).
Selecione Realce na lista de categorias à esquerda.
Faça uma das seguintes alterações e clique em OK:
Para alterar a cor de realce das tags div, clique na caixa de cor Passar o mouse, selecione a cor de realce usando o seletor de cores (ou digite o valor hexadecimal da cor de realce na caixa de texto).
Para ativar ou desativar o realce das tags div, marque ou desmarque a caixa de seleção Mostrar de Passar o mouse.
Nota: Essas opções afetam todos os objetos (por exemplo, as tabelas), que o Dreamweaver realça quando você move o ponteiro sobre elas.

Como instalar o Magento - Loja Virtual - E-Commerce

2011-05-19T17:41:00.000-07:00

Uma das formas de ganhar dinheiro na web atualmente é o e-commerce. Desde que o trabalho seja feito com dedicação, responsabilidade, empenho e diversas outras qualidades pertencentes a qualquer bom empreendedor o futuro deste ramo é muito promissor.

Temos diversas ferramentas que podem facilitar nosso trabalho, desde plugins do wordpress que criam automaticamente um carrinho de compras para produtos que anunciemos em nossos blogs/sites que usam esta plataforma, ou então outras mais avançadas, como o VirtueMart, feito para Joomla.

Porém, o que vou tratar aqui neste artigo é a instalação de outra plataforma de e-commerce, amplamente utilizada e divulgada, trata-se do Magento – o e-commerceopensource, ou seja, de código livre.

Ainda não trato de nenhuma personalização ou montagem de loja virtual, por questão do tamanho do artigo, teremos aqui somente a instalação básica da plataforma. Aos poucos daremos continuidade. Aguardo seu feedback através de comentários ou mesmo via twitter: @asfelix.

Antes de iniciarmos a instalação de nosso e-commerce com Magento vamos verificar se nosso servidor cumpre com todos os requisitos de compatibilidade e dependências. Para isso, faça o download do Magento Check, extraia-o na pasta de seu servidor onde será feita a instalação do Magento (no caso deste exemplo estou fazendo na pasta raiz: /var/www ).

Feito isto acessamos http://localhost/magento-check.php e se obtivermos algo como a mensagem abaixo, significa que tudo está ok para prosseguirmos com a instalação:

Congratulations! Your server meets the requirements for Magento.

You have PHP 5.2.0 (or greater)
Safe Mode is off
You have MySQL 4.1.20 (or greater)
You have the curl extension
You have the dom extension
You have the gd extension
You have the hash extension
You have the iconv extension
You have the mcrypt extension
You have the pcre extension
You have the pdo extension
You have the pdo_mysql extension
You have the simplexml extension
Vamos agora baixar o Magento, acessando a Seção de Downloads do site oficial para efetuar o download da versão estável mais atual: Site oficial do Magento

Obs.: No momento em que faço este tutorial a versão estável atual é a: ver 1.4.1.1 – Added July 26, 2010 (Release Notes)

É necessário um breve cadastro no site para efetuar o download.

Descompacte o conteúdo dentro de /var/www e dê permissão 777 nos seguintes arquivos e pastas:

var/.htaccess
app/etc
media
var
Vamos agora acessar http://localhost para dar inicio à instalação propriamente dita:

Nesta primeira tela, basta aceitar os termos e condições após lê-los e prosseguir para a próxima etapa.

Nesta tela selecionamos na seguinte ordem:

Locale: “Português (Brasil) / Portuguese (Brazil)”

Time zone: “E. South America Standard Time (America/Sao_Paulo)” e

Default Currency: “Brazilian Real“.

Uma observação que faço é que em minha instalação foi impossível definir o Locale correto, ao selecioná-lo voltava-se automaticamente ao default, porém as outras duas configurações não tinham o mesmo “sintoma“.

Nesta tela, configuramos o acesso ao Banco de dados que você pode configurar previamente fazendo uso do phpMyAdmin – não abordado neste tutorial.

Nesta tela de configuração, definimos as informações pessoais do administrador de nosso e-commerce ao criarmos a respectiva conta administrativa no Magento.

E pronto, se virem a próxima tela a seguir está confirmado que temos nosso próprio sistema de e-commerce: Magento, instalado em nosso servidor, anote em um local seguro sua encryption key para o caso de vir a precisar dela futuramente – A imagem abaixo está editada justamente para não exibir minha encryption key do magento, mesmo sendo um servidor de testes..

Acesse agora sua loja clicando no botão: Go to Frontend ou pela url: http://localhost . Para acessar a área administrativa, clique em Go to Backend ou pela url:http://localhost/index.php/admin/

http://blog.ffelix.eti.br

O Dia das Mães e o Comércio Eletrônico

2011-05-03T16:44:00.000-07:00

Segundo o e-bit, a maior competitividade no setor, buscando atrair novos consumidores para a Internet, deve ditar o crescimento.

SÃO PAULO (Reuters) – As empresas brasileiras de comércio eletrônico devem faturar 20 por cento a mais em 2011 no Dia das Mães em relação ao mesmo período de 2010, com a competitividade no setor impulsionando o consumo, de acordo com projeção da consultoria e-bit divulgada nesta segunda-feira.
O setor deve reportar faturamento de 750 milhões de reais entre 24 de abril e 8 de maio deste ano, contra 625 milhões de reais obtidos no mesmo período do ano passado, disse a consultoria.
Segundo o e-bit, a maior competitividade no setor, buscando atrair novos consumidores para a Internet, deve ditar o crescimento. No fim de 2010, 23 milhões de pessoas já haviam feito ao menos uma compra online, ante 17,6 milhões em 2009.
A consultoria, que inicialmente esperava crescimento de 30 por cento no faturamento no período, reviu para baixo sua projeção após as vendas se mostrarem fortes no ano passado, impulsionadas pela comercialização de televisores de tela plana ocasionada pela Copa do Mundo durante as mesmas datas.

(Por Priscila Jordão)

Tabela de referência de preços para um Designer e Webdesigner

2011-04-28T17:24:00.000-07:00

Hoje um amigo meu me ligou e me perguntou qual deveria ser um valor cobrado para tal e tal serviço…
Eu lhe informei mais ou menos o que achava mas pensei na hora que deveria ter uma tabela com os valores dos principais serviços que envolve um Designer e um Webdesigner.
Foi então que eu achei o site da Associação dos Designers Gráficos do Distrito Federal e vi que lá havia uma tabela bem bacana e super atual para qualquer Designer que se valorize possa trabalhar tomando por base os preços citados.
O link direto para a tabela é só clicar aqui Tabela de referência de preços para um Designer e Webdesigner.(Você também pode clicar com o botão direito do mouse e ir na opção “Salvar como…” para obter a tabela).

Espero que utilizem para que a nossa profissão seja mais valorizada.

Site estático ou site dinâmico? Qual deles é melhor?

2011-04-05T13:43:00.000-07:00

Primeiro, como de costume, vamos às definições.

Não vou falar aqui sobre tecnologias de servidor, banco de dados e protocolos de internet, que têm muito a ver com sites estáticos versus sites dinâmicos.

Na prática, para quem não precisa entender tanto de tecnologia, um site estático possui duas características básicas:

1 – Somente o desenvolvedor pode efetuar a atualização de conteúdo.

Para criarmos novas páginas e, consequentemente, novos links, o webdesigner deve criar novos arquivos html’s e publica-los no servidor.

2 – Não são possíveis interações complexas com o site (efetuar buscas, cadastros de usuários, login etc)

Já um site dinâmico:

1 – Pode ter uma área de administração do site.

Isso significa que, desde que contemplado no projeto, qualquer pessoa pode incluir, excluir ou editar suas páginas, como, por exemplo, páginas de produtos ou notícias, sem ficar “preso” ao fornecedor.

2 – É possível criar sistemas mais complexos dentro do site, como por exemplo: um sistema de busca, cadastro de usuário, sistema de login, envio de newsletter ou simplesmente um formulário de contato.

E qual deles é melhor?
Depende. Há casos em que um site dinâmico é a melhor alternativa, mas também há situações em que não. (Algumas vezes, os profissionais que trabalham com programação irão dizer que sites dinâmicos são melhores dos que os estáticos).

A melhor alternativa é a que tem a melhor relação custo x benefício.
Vamos imaginar um site de uma indústria farmacêutica. Sabemos que em empresas de pequeno e médio porte não há uma atualização constante de seus produtos e, além disso, não há a possibilidade de vender medicamentos pela internet, pois a maior parte destes medicamentos exige receita médica. Digamos que neste tipo de indústria um novo produto é criado a cada três meses. Vamos supor também que a cada quatro anos a indústria farmacêutica tenha que refazer todo o seu site por uma questão mercadológica, para não ficar com um site ultrapassado, isso significa que a cada quatro anos 16 novos produtos são criados.

Temos que:

4 produtos por ano x 4 anos = 16 novos produtos.

O que é mais prudente para esta empresa? Criar um sistema de administração para incluir, sem depender de um fornecedor, novas páginas para os novos produtos, ou desenvolver um site estático e contratar um fornecedor para fazer essa atualização quando necessária?

Sem levar em conta outras questões como possibilidade de efetuar buscas no site, login para criar acesso restrito aos medicamentos ou qualquer outra “inteligência” do sistema, para responder essa questão, precisamos saber o custo de cada atualização e o custo para a criação de um site dinâmico. Só assim podemos fazer as contas e contratar o que for mais vantajoso para a empresa.

Não há uma regra definida. O que há é um bom senso. Quando estamos na fase de projeto de um site, muitas vezes o cliente pede funcionalidades que usará muito pouco ou que não usará nunca, aumentando significativamente o custo para a empresa.

Eu já participei de um projeto em que o cliente pediu um sistema de envio de emailmarketing, cheio de funcionalidades, como blacklist, por exemplo, que só é usado para mandar cartões de natal. Não seria mais vantagem ter contratado uma empresa específica para envio desses e-mails? Muitas vezes o cliente, na maior das boas intenções, pede um sistema mais robusto do que ele precisa. De que adianta criar um sistema para cadastro de notícias em um site se os colaboradores da empresa não têm tempo para incluir essas notícias? Não seria mais prudente contratar uma empresa de clipping marketing?

Não estou aqui dizendo o que é certo ou errado. Só estou dizendo que vale perder algumas horas no projeto e saber o que é realmente necessário para evitar custos desnecessários, o que, no futuro, pode virar frustração por não utilizar todos os recursos que foram desenvolvidos.

Autor: Daniel Tapias Morales

Quero ser um Webdesigner!!!! O que eu faço?

2011-03-24T18:06:00.000-07:00

Vou colocar aqui um passo-à-passo sintético e objetivo de como começar no webdesign.

Cursos

1. Procure cursos básicos de informática na Área de Web, mas procure os melhores. Eles irão mostrar para você o básico do básico. Aqueles que o pessoal chama de “Curso de Webdesign” mas que só ensinam mesmo o basicão do HTML, Photoshop ou Fireworks e Dreamweaver. Lá na frente você verá que um bom webdesigner precisa saber um pouco mais, porém cursos como esses são importantíssimos pois será o seu primeiro contato com as ferramentas, termos e protocolos como http e FTP.

2. Após aprender as ferramentas básicas e essenciais, busque se aprofundar em cursos de conhecimento teórico do design. Com esses cursos o webdesigner irá conhecer novos caminhos, aguçando a criatividade e compreendendo como funciona o processo de criação.

3. Experimente fazer algum curso, mesmo que básico, de php ou outra linguagem semelhante. Mesmo que você não queira ser programador, poderá lhe ajudar bastante no dia-à-dia.

4. Não deixe de fazer uma graduação. Você pode fazer publicidade, design ou até mesmo uma faculdade de webdesign. Além de você aprofundar mais em alguns assuntos, lhe garantirá um ganho maior se você tiver um diploma debaixo do braço.

Isso tudo são passos básico e essenciais. O que você terá que fazer sempre é estudar e estar em constante atualizações com as novidades do Mercado Web. Mediante a isso, você terá grandes chances de ser realmente bom naquilo que escolheu fazer: “WEBDESIGN”.

Como começar como Web Designer Freelancer

2011-03-16T15:24:00.000-07:00

Toda a gente sabe que o início de atividade por conta própria, em todas as áreas possíveis, não é fácil. Muitos podem tentar a sua sorte, mas com as dificuldades que nos deparamos muitos desistem e seguem outro caminho. Não existe uma fórmula mágica para tornar tudo simples e ser milionário em 2 dias mas pode-se recolher algumas dicas e tirar um ensinamento daquilo que se sabe.

O primeiro que se deve fazer é divulgar o máximo possível o nome, e o que já foi feito, ninguém irá contratar o seu trabalho se nunca ninguém ouviu falar de si e do que é capaz de fazer. Para isso o investimento inicial não será muito pois a maioria do que precisa é de conhecimentos e habilidades.
Precisa inicialmente de construir o seu portfólio online (de preferência), e de ter os seus cartões-de-visita.

Não vou voltar a referenciar tudo aquilo que tem que fazer para colocar o seu portfólio online, porque quem vai começar nesta área já sabe tudo o que tem que fazer, vamos passar essa etapa a frente! Uma coisa que eu não posso deixar de relembrar é a importância de salientar os seus contatos, é importante que o cliente sabe como o pode contatar para fechar negócio ou simplesmente pedir um orçamento.
Quanto aos cartões-de-visita para começar faça algo simples onde tenha bem visível os seus contatos, o seu portfólio online e uma pequena informação dos serviços que disponibiliza. Pode fazer você mesmo, ou pagar a alguém para fazer, mas uma coisa simples até em casa pode imprimir para poupar no investimento inicial.

Vamos agora falar naquele que é talvez o ponto mais complicado de todo o início de atividade: encontrar clientes. Pois bem, é irresponsabilidade da parte do Freelancer se pensa que os clientes vêm ter com ele sem este ter qualquer trabalho, e isso só irá fazer com que comece a desesperar com falta de clientes e consequentemente falta de dinheiro para as suas despesas.
Para encontrar clientes pode avançar de diversas forma, uma delas talvez poucas pessoas se lembrem mas é a atividade mais antiga. Pegar nas páginas amarelas e procurar empresas sem Website, normalmente a empresa mesmo sem WebSite possui e-mail e pode assim chegar ao contato com os gerentes/donos das mesmas. Claro que isso pode não acontecer e talvez um contato telefónico não seja mal pensado (para isso é mais rentável se tiver um telefone fixo com chamadas grátis para redes fixas). Faça isso para algumas empresas por dia, e vai ver que começa a ser contato para pedirem orçamentos e até quem sabe começar a trabalhar com essa empresa.

Até aqui falamos de empresas que não possuem Website, e aquelas que possuem mas que se encontra desatualizado, feito e até disfuncional? Obvio que deverá contatar essas também.
Pode tentar também pesquisar apenas na sua zona de residência, e fazer um “calendário” de reuniões e apresentar-se diretamente a empresa, quem sabe se o contato direto não terá mais sucesso? Não custa tentar. Lembre-se sempre de deixar o seu cartão-de-visita em todas as visitas que faz, a empresa pode não precisar agora mais poderá precisar no mês seguinte ou por aí adiante.

Claro que estas são realmente as dicas mais básicas para começar como WebDesigner Freelancer.

Muito mais deverá ser feito para que se torne um WebDesigner de sucesso, mas isso virá com o tempo e com a experiência. Uma coisa muito importante que deve tentar manter desde o primeiro dia é a organização, a sua agenda deverá andar sempre consigo, e nunca, mas nunca mesmo andar sem cartões-de-visita pois nunca se sabe quando podem surgir boas oportunidades de negócio.

Agradeço a todos, com ou sem experiência, que deixem a opinião, e até o testemunho pois só assim vamos conseguir ajudar-nos mutuamente.

Mas afinal o que é JOOMLA ! ?

2011-03-03T15:50:00.000-08:00

Joomla! (pronuncia-se djumla) é um CMS (Content Management System) desenvolvido a partir do Mambo. É escrito em PHP e roda no servidor web Apache ou IIS e banco de dados MySQL.

Teve a sua génese em 2006 num processo de separação entre a equipa de programadores do Mambo e a empresa Miro, detentora dos direitos sobre o Mambo. A separação ocorreu porque a empresa Miro transferiu o controle do Mambo para uma fundação a Mambo Foundation onde os programadores teriam apenas uma participação passiva e pouco representativa. Os programadores, preocupados com a integridade do projecto e com o futuro dos utilizadores, não aceitaram e criaram o Joomla 1.0, também open source a partir do código fonte do Mambo 4.5.2.

Logo após o primeiro ano de existência, o Joomla! tornou-se o CMS em maior expansão, sendo provavelmente o CMS mais procurado, com a maior comunidade e mais recursos disponíveis. A grande vantagem do Joomla é diversidade de extensões disponíveis friadas npor inúmeros programadores não necessariamente os criadoree do projecto. Componentes, módulos e plugins são actualizados constantemente e possuem grande valia para profissionais de web interessados em um site bem feito.

O Joomla é um projecto de código aberto (licença GNU/GPL) e a sua última versão estável é a 1.0.13 e Joomla .1.5. Instalar o Joomla é relativamente simples e requer apenas conhecimentos básicos de informática, sem necessidade conhecer nenhuma linguagem de programação. Com um servidor de internet e uma base de dados, é possível obter um site completo, sem erros e seguro.

Componentes - adicionando funcionalidades ao site
O conceito de componentes do Joomla! talvez seja uma das grandes vantagens em relação à maioria dos CMS disponíveis. O componente é uma forma de gerir conteúdos ou agregar funcionalidades muito específicas que não seria possível com as funções padrões do Joomla!

Por exemplo: O componente Web Links permite gerir a área de links do site. O componente Faixas publicitárias permite gerir anúncios, alterando aleatoriamente e contando o número de cliques.

Existem centenas (ou milhares) de componentes como galerias de fotos, sistemas de tradução, gestores de formulários, sistemas de fóruns, etc. Grande parte dos componentes são gratuitos (GNU GPL), porém alguns possuem licença comercial (geralmente são de baixo custo).

Caso não exista um componente adequado à necessidade do site, pode ser feita a adaptação de um componente existente ou pode-se criar um componente específico.

Vantagens de utilizar o Joomla!
Dentre os vários CMS disponíveis na web, o Joomla!, criado em 2006, tornou-se um dos mais populares, com uma comunidade actuante e crescente. Está fora do escopo deste artigo apresentar argumentos para adopção do Joomla!, mas podemos enumerar alguns muito importantes:

Joomla! é decididamente software livre e não haverá alterações de modelo (isto é, vai continuar disponível gratuitamente);
Existem vários milhares de módulos e componentes disponíveis;
A popularidade do Joomla! cresce rapidamente bem como a sua comunidade de utilizadores;
A equipa responsável Joomla!, está fortemente comprometida com o projecto e está disposta a modernizar o software continuamente;
É um dos CMS com mais recursos disponíveis e de fácil utilização;
Foi escrito com PHP e MySql, dois dos softwares open source mais populares da Internet.
O Joomla! é uma ferramenta de CMS muito poderosa, prova disto são os prémios recebidos além de possuir uma comunidade activa, que está sempre a desenvolver inovações.

Crie Seu Próprio Site De Compras Coletivas Gratuitamente

2011-02-21T16:56:00.000-08:00

Com o Beclub qualquer pessoa pode criar seu site de compras coletivas e começar a publicar ofertas. Montar e gerenciar seu site no BeClub não tem custo financeiro! O BeClub recebe apenas uma comissão sobre os vouchers vendidos.

E então, o que está esperando?

Foco em Crianças: Várias Estratégias Envolvidas no Desenvolvimento de Sites para Elas

2011-01-11T12:31:00.000-08:00

Você alguma vez já se perguntou, “Crianças não leem para encontrar sua identidade, para se libertar da culpa, para suprir a sede de rebelião ou para de livrar da alienação. Elas não usam a psicologia... Elas ainda acreditam em Deus, na família, nos anjos, em demônios, bruxas, duendes e outras coisas do tipo... Quando um livro é chato as crianças bocejam sem se importar. Eles não esperam que o escritor vá libertar a humanidade, eles deixam isso para os adultos.”

E sem dúvida podemos dizer que as crianças formam uma das mais importantes audiências para os marketeiros. Pesquisas mostram que os gastos com a publicidade envolvendo o público infantil explodiram. E isso acontece provavelmente porque as crianças tem seu próprio poder de compra. Isso em termos do seu poder de decisão na família, do poder que eles tem de convencer os pais - as crianças hoje nascem com esse dom.

Os publicitários fazem sua lição e estudam a fundo o desenvolvimento emocional, comportamental e as necessidades das crianças em seus diferentes estágios e idades. Eles tendem a espalhar as sementes de reconhecimento e identificação de marcas em crianças pequenas. E ainda assim o 'boca a boca' forma uma parte integral da conquista. Encontrar a criança mais 'legal' da redondeza e então aproveitar isso é outro caminho de sucesso, mas hoje em dia as empresas tem feito o que chamamos de Online Marketing e Buzz Marketing.

“O marketing online é potencialmente muito mais poderoso que a televisão jamais pensou em ser.”

E não se tem dúvidas do fato de que hoje, passou a ser muito importante que todos os designers saibam como fazer um site que crie um impacto durador em crianças. Esse post na verdade foi escrito para ressaltar as tendências e práticas que devemos seguir enquanto fazemos um projeto voltado para crianças. E na verdade está correta a afirmação de que precisamos ser extra particulares em relação a maneira que lidamos com esse tipo de design, pois as crianças são a parte mais vulnerável da sociedade e tendem a ser moldadas na direção certa.

Aqui está uma lista que vai ajudar você a chamar a atenção da audiência infantil.

Estimulação é a Chave
Ser capaz de estimular os sentidos de uma criança é uma tarefa que requer trabalho e paciência. Os sentidos tem um papel chave quando você vê algo pela primeira vez. Se coloque no lugar de uma criança, e tente visualizar isso.

Você alguma vez tentou pensar o que captura a atenção de uma criança de cara? Não...?

Então a resposta é... cores brilhantes. Como todos sabemos que as cores são parte integral da nossa vida. Quanto mais brilhante for a cor, melhor tende a ficar nosso humor. A escolha de cores e as combinações que um designer tende a fazer são realmente importantes. A escolha de brilho, a variedade de cores brilhantes e alegres como o amarelo, pink, vermelho, verde, laranja, azul, etc. prova ser a parte mais importante e que causa maior impacto nas crianças.

O humor do site também é algo determinante na hora da criação. Um site positivo, alegre e 'sorridente' tem um resultado melhor, atraindo mais e mais crianças para ele.

Para as crianças, mesmo a criatividade sendo um elemento essencial, o reconhecimento de elementos é o que elas seguem. Então é importante os designers incorporarem o máximo nesse sentido. Como sabemos as crianças são mais ligadas a elementos da natureza como árvores, pássaros, sol, neve, lua, grama, etc. Tente incorporar elementos assim no seu design. Estou 101% certa que eles vão gostar do seu site.

Tente e Pense Grande
Grande não quer dizer que você tenha que ampliar o escopo do seu design ou o conteúdo, mas quer dizer que deve usar imagens e elementos grandes, enormes para poder criar uma relação entre as crianças e seu site.

Não podemos negar que as crianças tendem a relacionar elas mesmas com personagens animados. Mickey, Donald, Barbie, Dora & the Backpack e muitos outros de seus favoritos. Elas são naturalmente atraídas por esses personagens e isso dobra as chances de multiplicar as visitas do site.

Existe uma necessidade de enfatizar as coisas para permitir que a imaginação da criança fique livre para um mundo de fantasia, para ver como você consegue atrair a fascinação delas.

Se falarmos de navegação no mundo dos sites para crianças, é muito importante que você relacione isso. Um tema totalmente cartoon, uma aparência de 'contar estória' onde eles possam encontrar seus personagens favoritos certamente será um sucesso.

Interação é outra Chave
Como já mencionamos, a estimulação é a chave do processo, e a interação é a outra chave. A interação tem um papel importante não apenas nessa etapa da vida.

Se as crianças puderem brincar e se divertir com seu projeto, certamente visitarão seu site várias vezes. Animações, flash e sons são a chave para sites voltados ao público infantil. Já comentamos que sites de crianças são completamente diferentes de sites normais e as tendências que eles seguem.

Videos interativos, e sim, muitos jogos... como podemos esquecer disso? Você precisa seguir um habito de educar a audiência infantil a cada passo e de um jeito único para que até mesmo os pais delas gostem de visitar seu site. Permite que eles usem sua criatividade. Deixe que eles pintem, aproveitem, façam algo tangível. Deixe a opção de imprimir designs que eles pintaram para incentivar a criatividade.

Já se foram os dias em que os designers seguiam um padrão para projetar sites. Hoje em dia tem muito mais que você pode fazer. Assim como você ampliou o design você pode pensar 'out of the box' para criar coisas novas. Esqueça os métodos convencionais de navegação usados em sites normais e seja criativo.

Viu... não podemos negar o fato de que o escopo da criatividade é muito maior aqui e que trabalhar com crianças é algo divertido. Mas ao mesmo tendo esse público deve ser atendido com muita atenção e cuidado. Existe a necessidade de incorporar o senso de responsabilidade do designer e da ideia em si. Existe a necessidade de desenvolver a confiança dos pais das crianças para evitar problemas. Você tende a educar as crianças com a interatividade.

Por último mas não menos importante, é muito bom testar muito seu site antes de seu lançamento. Testar seu trabalho e observar os resultados é importante. Não temos dúvida de que criar e desenvolver sites para crianças é uma tarefa complicada, mas na verdade é como voltar a infância e lembrar das coisas que gostava.

FELIZ ANO NOVO A TODOS!

2011-01-02T13:44:00.000-08:00

Profissão: webdesigner

2010-10-24T14:23:00.000-07:00

Mesmo com o fim da época de ouro das pontocom, quem trabalha com webdesign continua em alta no mercado. Se você quer atuar na área, vai gostar das dicas de respeitados webdesigners

Por Cristina Ferreira

Depois do crash das empresas pontocom, muitos apostaram que a profissão de webdesigner iria por água abaixo, que os salários seriam cortados pela metade e que mais ninguém investiria em design gráfico para a Internet. Apostaram errado. As empresas que sobreviveram à crise valorizam mais e mais a figura do webdesigner e, a cada dia que passa, a profissão ganha mais fôlego e mais adeptos.

- Hoje em dia, é fundamental ter um profissional de design na empresa porque, sem ele, fica difícil fazer um bom site – explica o diretor de Tecnologia do portal Elefante, Luiz Motta.

Além de contribuir para a navegabilidade e a visibilidade dos sites, os webdesigners acumulam a função de marketeiros. Em muitos casos, as homepages são as vitrines do negócio e, por isso, precisam ser sempre muito bem cuidadas. Desta vitrine, sai a primeira impressão sobre a empresa e se ela for ineficaz, a companhia perde credibilidade. Sabe aquela velha história de que a primeira impressão é a que fica?

- Internet não é só para negócios, serve para expor as marcas também. Por isso, na minha opinião, é melhor não ter um site que ter um site ruim, e é função do webdesigner contribuir para que a página seja boa, daí ele ser indispensável – acrescenta um dos sócios da produtora de sites Canvas, Marcelo Albagli.

Segundo nossos entrevistados, em início de carreira, o webdesigner ganha cerca de R$ 1,8 mil por mês. Com o tempo, esse valor tende a se aproximar de R$ 4 mil. E se ficar comprovado que o profissional é realmente bom naquilo que faz, ele pode ser contratado como diretor de Criação, chegando a ganhar graúdos R$ 25 mil para fazer o que gosta.

Estudar, estudar e estudar

Mas para chegar lá é preciso trilhar um longo caminho. Não é necessário ter curso superior para atuar no mercado de webdesigners, mas nem por isso a vida de um webdesigner é fácil. Profissionais que atuam na área recomendam muito estudo, pesquisa e observação. Mas há quem indique também o "bom e velho" curso superior de desenho industrial como base para a formação de webdesigners.

- Apesar das empresas não exigirem, fazer um curso de desenho industrial com enfoque em design gráfico é uma boa idéia porque o profissional precisa dominar a parte técnica que tende, constantemente, a escapulir – aconselha o designer da empresa de business intelligence Choice, Pablo Canano.

Outra dica de Canano, que trabalha com webdesign há quatro anos, é que o webdesigner não se prenda à Internet para se aprimorar. O profissional deve assistir a muitos programas de TV e ficar de olhos bem abertos quando folhear revistas, pois essas são fontes para novas idéias.

- Um webdesigner tem que aprender a passar uma idéia de forma visual e, para isso, vale ver muita TV e folhear muita revista. Se ele ficar só na Internet, vai sair perdendo. Para mim, por exemplo, o canal Sony, a Fox e a MTV são grandes fontes de linguagem – indica Pablo Canano.

Portfólio na mão e idéias na cabeça

Marcelo Albagli, da Canvas, acrescenta que na disputa por uma vaga no mercado, o que vale mesmo é a criatividade do profissional. Por isso, na hora H, um belo portfólio faz toda a diferença e a formação acadêmica do webdesigner fica em segundo plano. Um bom portfólio é a prova de que a imaginação do webdesigner não tem limites.

- Na área criativa, não é necessário ter formação tradicional porque ao se contratar, não se avalia tanto o lado acadêmico, mas sim a sensibilidade do profissional. Por isso ele tem que ler, viajar, ver tudo que puder e fazer muitos cursos – aconselha Albagli.

Dreamweaver CS5 - O que há de novo

2010-09-28T14:03:00.000-07:00

O que há de novo
Adicionar comentário e classificação
Comentários (0)Classificações:0
A seguir apresentamos uma lista dos novos recursos principais do Adobe® Dreamweaver® CS5.

Adobe BrowserLab
O Dreamweaver CS5 integra com o Adobe BrowserLab, um dos novos serviços on-line, o CS Live, que oferece uma solução rápida e precisa para teste de compatibilidade de vários navegadores. Com o BrowserLab é possível visualizar páginas da Web e conteúdo local usando múltiplas visualizações e ferramentas para comparação. Consulte BrowserLab.

Integração do Business Catalyst
O Adobe Business Catalyst é um aplicativo de hospedagem que substitui ferramentas tradicionais da área de trabalho por uma plataforma central para designers da Web. O aplicativo funciona em conjunto com o Dreamweaver e permite que você construa tudo, desde sites básicos controlados por dados até poderosas lojas on-line. Consulte http://www.adobe.com/go/business_catalyst_get_extension_br.

Desativar/Ativar CSS
O recurso Ativar/desativar CSS permite que você desative ou reative as propriedades do CSS diretamente no painel Estilos CSS. A desativação de uma propriedade CSS faz com que simplesmente não haja comentários sobre a propriedade específica sem ter que excluí-la. Consulte Desativar/Ativar CSS.

Inspeção do CSS
O modo Inspeção permite que você exiba visualmente as propriedades de modelo de caixa do CSS—incluindo preenchimento, borda e margem—com detalhes, sem leitura de código ou necessidade um utilitário separado de outros fabricantes como o Firebug. Consulte Inspecionar CSS na visualização ativa.

Layouts iniciais de CSS
O Dreamweaver CS5 inclui layouts iniciais de CSS simplificados e atuais. Os complexos seletores descendentes dos layouts do CS4 foram retirados e substituídos por outros mais simples e fáceis de entender. Consulte Criar uma página com um layout CSS

Arquivos rel. dinamicamente
O recurso Arquivos rel. dinamicamente permite que você identifique tudo nos arquivos e scripts externos necessários para montar páginas de Sistema de gerenciamento de conteúdo (CMS) com base em PHP além de exibir os nomes dos arquivos na barra de ferramentas Arquivos relacionados. Por padrão, o Dreamweaver oferece suporte para identificação de arquivos em estruturas CMS do WordPress, Drupal e Joomla! Estruturas CMS. Consulte Abrir Arquivos rel. dinamicamente.

Navegação de vis. Dinâmica
A Navegação de vis. Dinâmica ativa links em Visualização dinâmica, permitindo que você interaja com aplicativos do servidor e dados dinâmicos. O recurso permite que você digite um URL para inspecionar páginas servidas por um servidor dinâmico da Web e editar páginas navegadas para verificar se elas existem em um dos sites locais definidos. Consulte Visualização de páginas no Dreamweaver.

Dicas de código de classe personalizada PHP
As dicas de código de classe personalizada PHP exibe a sintaxe apropriada para funções objetos e constantes de PHP, ajudando-o a digitar um código mais preciso. As dicas de código também funcionam com suas próprias funções e classes padrão; bem como estruturas de terceiros como a da Zend.

Configuração de sites simplificada
A nova caixa de diálogo redesenhada Definição de sites (que agora é a caixa de diálogo Configuração de sites) torna mais fácil configurar um site local do Dreamweaver para que você possa iniciar a construção de páginas da Web imediatamente. A categoria de servidor remoto permite que você especifique seus servidores remoto e de teste em uma só visualização. Consulte Configurar um novo site.

Dicas de código específicas do site
O recurso Dicas de código específicas do site permite a personalização do seu ambiente de código quando você estiver trabalhando com bibliotecas PHP e estruturas CMS de terceiros, tais como WordPress, Drupal,Joomla! ou outras estruturas. Os arquivos de tema para blogs e outros arquivos padrão PHP e diretórios podem ser incluídos ou excluídos como fontes para dicas de código. Consulte Dicas de código específicas do site.

Aprimoramentos de suporte do Subversion
O Dreamweaver CS5 aumentou o suporte para o Subversion, permitindo que você mova, copie e exclua arquivos localmente, e em seguida sincronize alterações com seu repositório remoto SVN. O novo comando Reverter permite que você corrija rapidamente conflitos de árvore ou reverta uma versão anterior de um arquivo. Além disso, uma nova extensão permite especificar a versão do Subversion com a qual você deseja trabalhar em um determinado projeto. Consulte Usar o SVN (Subversion) para obter e devolver arquivos.

Recursos obsoletos
Os seguintes recursos se tornaram obsoletos no Dreamweaver CS5:

■Relatório de validação de acessibilidade

■Comportamentos de servidor ASP/JavaScript

■Verificar navegador, comportamento JavaScript

■Conectar-se a um servidor FTP/RDS sem definir um site

■Controlar Shockwave ou SWF, comportamento JavaScript

■Criar álbum de fotografias na Web

■Ocultar menu pop-up, comportamento JavaScript

■O InContext Editing gerencia classes de CSS disponíveis

■Inserir FlashPaper

■Inserir/Remover marca da Web

■Integração do Microsoft Visual Sourcesafe

■Barras de navegação

■Tocar som, comportamento JavaScript

■Menu Mostrar eventos (painel Comportamentos)

■Mostrar menu pop-up, comportamento JavaScript

■Linha do tempo, comportamentos JavaScript

■Validar tags

■Visualização Live Data

O efeito do humor sobre o desempenho profissional

2010-09-27T17:35:00.000-07:00

Todos já passamos por algo semelhante: a caminho do trabalho, ficamos presos em um congestionamento. Um motorista sem educação faz uma manobra repentina na sua frente e você derrama no colo o café que tinha acabado de comprar. Você chega tarde ao trabalho, de péssimo humor. Daí em diante, o dia só piora, e seu desempenho fica totalmente comprometido.

O fato é que todos temos manhãs em que nada parece dar certo. Mas será que o mau humor tem realmente conseqüências pelo resto do dia, influenciando negativamente a produtividade? Afinal de contas, algumas pessoas são produtivas quando tensas; outras se livram do mau humor com que chegam ao serviço mergulhando no trabalho.

“Estou interessada naquilo que as pessoas trazem dentro de si para a empresa”, observa Nancy Rothbard, professora de Administração da Wharton. “Na minha experiência, e na experiência de muitos outros indivíduos, não dá para erguer uma muralha e compartimentar áreas distintas da vida. Os diferentes papéis que as pessoas têm de interpretar acabam interferindo uns nos outros.”

Numerosas pesquisas feitas ao longo das últimas duas décadas limitaram-se aos conflitos entre os interesses da família e do trabalho, diz Rothbard, “porém poucos estudos analisaram de fato o efeito do humor sobre o desempenho do profissional no local de trabalho”. Especificamente, Rothbard e Steffanie Wilk, professora da Fisher School of Business da Universidade Estadual de Ohio, queriam descobrir que eventos seriam responsáveis por alterações (ou não) do humor com repercussões significativas — influenciando, por exemplo, a perspectiva do indivíduo no início do expediente e mexendo com seu humor no decorrer do trabalho. Os resultados do estudo de Rothbard e Wilk realizado entre os funcionários de um call center de uma grande empresa de seguros são relatados em um ensaio intitulado “Entremuros: origens e conseqüências do humor do empregado no desempenho do seu trabalho”.

As pesquisadoras descobriram que tanto o bom quanto o mau humor afetam a produtividade do empregado, mas que o bom humor tem efeito mais poderoso. Foi também constatado que o humor com que o indivíduo chega ao local de trabalho tem um efeito mais forte sobre seu ânimo no decorrer do dia — e sobre o desempenho no trabalho — do que as possíveis variações de ânimo causadas por eventos ocorridos no local de trabalho. Essa descoberta, de acordo com Rothbard, mostra que a performance de uma empresa pode ser melhorada por meio de esforços que ajudem os empregados a lidar com as influências capazes de afetar o estado de espírito que vivenciam em sua vida pessoal — deve-se, inclusive, aconselhar os empregados sobre a melhor forma de lidar com os incômodos próprios do deslocamento até o local de trabalho, oferecendo-lhes também aconselhamento no caso de problemas familiares. “O fato de que o humor com que se chega ao trabalho tenha um efeito tão forte e consistente é algo que chama muito a atenção”, diz ela. “Trata-se de um aspecto ao qual as empresas não dão muita atenção.”

Quem incomoda mais: o motorista mal educado ou o cliente ranzinza?

No que diz respeito aos efeitos do humor, a primeira pergunta que fazem Rothbard e Wilk, é a seguinte: “O estado de espírito com que o funcionário chega ao local de trabalho tem alguma influência sobre ele no decorrer do dia? Em segundo lugar, estamos interessados em saber se o humor do funcionário no ambiente de trabalho é mais (ou menos) influenciado pelo humor com que ele chega para trabalhar do que o humor resultante das interações ocorridas ao longo do expediente”.

Em outras palavras, o que incomoda mais: o motorista mal educado que faz uma manobra na sua frente, ou o cliente ranzinza ao telefone?

Rothbard e Wilk queriam aprofundar as descobertas de outros pesquisadores no que se refere às formas de “contágio emocional” — ocasiões em que o humor de uma pessoa afeta o de outra “através de um processo de observação, mimetismo e sincronização”. As duas pesquisadoras queriam também filtrar quaisquer efeitos subjacentes ao temperamento dos empregados — ou seja, aquele humor básico típico do indivíduo até o momento em que é modificado por um evento qualquer. Ao remover dos resultados obtidos no local de trabalho essa “predisposição mental”, as autoras esperavam determinar o efeito de eventos mais efêmeros capazes de influenciar o humor das pessoas.

“O humor do início do dia pode advir de uma variedade muito grande de fontes, inclusive de desafios e oportunidades que a vida sempre apresenta, experiências positivas ou negativas no lar antes de o indivíduo sair de casa para o trabalho, ou até mesmo durante o deslocamento em direção ao serviço”, observam. “Os campos do trabalho e outros não relacionados a ele são permeáveis, e a pesquisa mostra que o estado de espírito do indivíduo transita entre um e outro [...] Especificamente, o humor do início do dia pode afetar a avaliação que o indivíduo faz dos eventos subseqüentes.”

Rothbard e Wilk analisaram o comportamento dos funcionários de call centers patrocinados por uma seguradora de grande porte nas costas leste e oeste dos EUA. Participaram do estudo representantes de serviços, assistentes de reclamações e os encarregados de saná-las, bem como seus supervisores e gerentes. Os funcionários preencheram questionários preliminares “com o objetivo de prestar informações a respeito de sua predisposição mental” — isto é, da tendência básica de cada um para ser feliz, triste etc. Esses dados básicos permitiram às pesquisadoras determinar de que modo os eventos do dia afetavam o humor dos funcionários.

Os 29 representantes do serviço de atendimento ao cliente atendiam a uma média de 64 ligações por dia e passavam praticamente o expediente todo ao telefone. Ao monitorar algumas dessas chamadas, as pesquisadoras constataram que as pessoas que ligavam para o call center apresentavam emoções que oscilavam entre positivas e neutras, dando sinais de irritação ou frustração, de pânico ou tristeza.

Ao longo de três semanas, os pesquisadores utilizaram questionários que eram enviados às telas dos computadores dos representantes no decorrer do dia, e cujo objetivo era o de colher amostras do humor dos funcionários e de sua reação ao humor dos clientes. As perguntas, via de regra, requeriam que as respostas fossem dadas com base em uma escala de 1 a 5 e versavam sobre o humor do representante no início do dia, se se sentiam animados, entusiasmados, ou frustrados e irritados. Em diversos momentos no decorrer do dia, os funcionários tinham de avaliar seu humor e o dos clientes — se haviam sido rudes, se demonstraram calma, hostilidade, frustração, bom humor ou raiva. Pelo menos duas vezes por dia os funcionários tinham de responder em que medida haviam atendido com sucesso e objetividade à chamada mais recente de um cliente ao call center.

Além disso, as pesquisadoras tiveram acesso às medidas de desempenho utilizadas pela seguradora para avaliação do trabalho dos funcionários. Os dados computadorizados mediram fatores como o percentual de tempo que cada representante gastou durante o expediente no atendimento às chamadas — em suma, o tempo em que ficaram ocupados e não fizeram nenhuma pausa. Foi também contabilizado o número de vezes que os funcionários transferiram a ligação de um cliente para um supervisor, o que é considerado indesejável. O número de chamadas atendidas pelos representantes, por hora, também foi computado — quanto maior o número, melhor.

Depois de avaliar o temperamento básico dos representantes, Rothbard e Wilk constaram que os funcionários que haviam começado o dia de bom humor tendiam a preservá-lo no decorrer do expediente. Isto se refletiu em um número de correlação expressivo de 0,36 (sendo que a correlação perfeita é dada pelo número 1) entre o bom humor do início do dia e o bom humor observado no restante do expediente. Os funcionários que começaram o dia de mau humor tendiam igualmente a mantê-lo no resto do dia, sendo que, neste caso, a correlação era de 0,38.

“O bom humor apresentado no início do dia repercute no humor do empregado durante todo o expediente”, observam as pesquisadoras, acrescentando que “de igual modo, o mau humor do início do dia repercute também de forma negativa sobre o empregado durante todo o dia, esse fenômeno leva em conta também a influência do contexto de trabalho, como é o caso da interação com os clientes.”

Embora tais descobertas não sejam particularmente novas, o estudo trouxe à tona um dado inédito no momento em que decidiu estudar o modo como os representantes reagiam ao humor dos clientes. Quando achavam que eles estavam de bom humor, o estado de espírito dos funcionários tendia a melhorar, numa correlação de 0,25. Contudo, o humor dos funcionários não apresentava tendência de queda quando percebiam um certo mau humor da parte dos clientes. Nesses casos, a correlação era de 0,08.

Quando o funcionário começava bem o dia, e o cliente demonstrava bom humor, o humor do funcionário tendia a permanecer positivo. Mas quando o humor inicial do funcionário era negativo, não tendia a piorar se o cliente atendido também apresentasse humor negativo. Os funcionários com menos tempo de serviço deixavam-se afetar mais pelos clientes mal-humorados. Isto indica que o mau humor dos clientes tem efeito menos decisivo sobre o humor dos funcionários, ou que os funcionários se mostram menos vulneráveis às interações desagradáveis, ou então deixam a empresa quando não conseguem manter essa invulnerabilidade, diz Rothbard.

“De modo geral, as análises combinadas indicam que o humor do início do dia tinha um efeito mais consistente sobre o humor do funcionário durante o dia todo do que o humor detectado no cliente, já que o mau humor não parece influenciar de modo decisivo o humor do funcionário durante o dia”, concluíram as pesquisadoras.

A pesquisa sobre o desempenho dos funcionários revelou respaldo “parcial” para a hipótese de que os empregados têm melhor desempenho quando se acham de bom humor. Estes tinham mais tempo para lidar com os clientes, provavelmente porque faziam menos pausas. Os funcionários mais felizes também tendiam a transferir um número menor de ligações. Contudo, o bom humor por si só não implicava necessariamente o atendimento a um número maior de chamadas por hora.
O efeito do mau humor era só um pouco diferente. Os funcionários mau-humorados atendiam um número menor de chamadas por hora e demonstravam menor envolvimento com trabalho. Todavia, o mau humor não resultava na transferência de um número maior de ligações (para a supervisão) e tampouco reduziam o tempo disponível para os clientes.

Que conclusões podemos tirar disso?

“Uma de nossas descobertas mostra que o humor com o que as pessoas chegam ao expediente de trabalho apresnetava uma influência mais definitiva e consistente do que qualquer outra variável”, observaram Rothbard e Wilk. “Descobrimos também que, na maior parte das vezes, conforme esperado, o humor do cliente afetava o humor do funcionário. O mais interessante foi constatar que as interações negativas com os clientes influenciavam apenas os funcionários menos experientes. Por fim, mostramos que o humor diário no expediente influencia de forma significativa os resultados obtidos no trabalho.”

O estado de espírito com que se chega ao trabalho pode ser de grande influência porque decorre de eventos mais importantes para os trabalhadores do que as interações com os clientes, assinalam as pesquisadoras. Também é possível que os funcionários sejam treinados para lidar com o humor dos clientes, mas não sejam treinados para lidar com o humor com que se chega ao trabalho. Pesquisas futuras, dizem as autoras, deverão analisar os vários eventos capazes de influenciar essa variável.

“O que considero realmente interessante em relação a essas descobertas é que o bom humor que você leva para o trabalho é muito forte”, diz Rothbard. “As pessoas realmente fazem um excelente trabalho ao isolar as más influências. O que as empresas deveriam ter em conta é que nem tudo que as pessoas trazem consigo para o trabalho é ruim; pelo contrário, pode ser até bastante positivo.”

Publicado em: 06/09/2006

Material feito no Fireworks CS5

2010-09-21T17:49:00.000-07:00

Básico sobre DNS (Domain Name System)

2010-09-17T04:29:00.000-07:00

Instrodução

A internet possui uma infinidade de sites e, para acessá-los, você digita um endereço no campo correspondente do seu navegador, por exemplo, www.google.com.br, www.e-sites.info e www.ealecrim.net. No entanto, o que o computador faz para encontrar esses sites quando você solicita? É neste ponto que "entra em cena" a tecnologia DNS, que será explicada a seguir.

O que é DNS

DNS é a sigla para Domain Name System (Sistema de Resolução de Nomes). Trata-se de um recurso usado em redes TCP/IP (o protocolo utilizado na internet e na grande maioria das redes) que permite acessar computadores sem que o usuário ou sem que o próprio computador tenha conhecimento de seu endereço IP.

Cada site da internet é acessível por um endereço IP. O problema é que existem tantos que é praticamente impossível decorar o IP de cada um. Imagine que ao invés de digitar www.infowester.com para acessar este site, você tivesse que informar ao navegador o endereço 200.178.123.25. Imagine então que você tivesse que fazer o mesmo para cada site que você visita, como Google, UOL, Yahoo, etc. Como você deve ter percebido, ia ser trabalhoso acessar cada um desses sites através do endereço IP, pois além de decorá-los, você teria que consultar uma relação de IPs toda vez que quisesse acessar um site novo.

Para lidar com esse problema é que o DNS é usado. É ele que permite o uso de nomes (também chamados de domínios) ao invés dos IPs no acesso aos sites. Basicamente, na internet, o DNS é um conjunto de grandes bancos de dados distribuídos em servidores de todo o mundo que indicam qual IP é associado a um nome (ou seja, um endereço do tipo www.nomedosite.com).

Funcionamento do DNS

Como já foi dito, os serviços de DNS da internet são um conjunto de bancos de dados espalhados em servidores de todo o mundo. Esses bancos de dados têm a função de indicar qual IP está associado a um nome de um site. Quando você digita um endereço em seu navegador, por exemplo, www.infowester.com, seu computador solicita aos servidores de DNS de seu provedor de internet que encontre o endereço IP associado a www.infowester.com. Se os servidores não tiverem essa informação, ele se comunica com outros que possam ter.

Para facilitar esse processo, os nomes dos sites são divididos hierarquicamente, como mostra a imagem abaixo:

Note que dentro de cada domínio (.com, .net, .gov) existem outras subdivisões. Por exemplo, dentro de .com há .com.br, .com.fr, .com.ar, etc.

Com essas divisões, é possível atribuir cada uma das terminações a uma entidade que as gerencie. Assim, para você registrar um domínio .br, é necessário fazer a solicitação ao Comitê Gestor da Internet no Brasil, órgão que controla essa terminação. Para registrar um domínio que termine com .fr é necessário procurar a entidade que controle esse tipo.

O servidor raiz - que pode ser entendido como o servidor principal no controle do DNS - é representado por um ponto e, seguindo a ordem de pesquisa, sua inserção é feita no final do nome. Assim, www.infowester.com deveria ficar como:

www.e-sites.info.

Repare que se você digitar o endereço exatamente como está acima, o navegador entrará no site normalmente. No entanto, não é necessário incluir o ponto no final, pois os serviços envolvidos, assim como os browsers, sabem de sua existência e o executam automaticamente.

Para melhor entender o DNS, vamos ao seguinte exemplo: suponha que você queira visitar o site www.nomedosite.com.br. Para isso, primeiramente o servidor raiz é verificado e este indica o servidor de terminação .br, que por sua vez, indica o servidor que cuida do domínio nomedosite.com.br que informa qual o seu IP, ou seja, qual o servidor onde o site em questão está localizado.

Cache de DNS

Suponha que você tenha visitado um site que nunca tenha sido resolvido pelo serviço de DNS de seu provedor, de forma que este tenha que fazer uma pesquisa em outros servidores de DNS (através da pesquisa hierárquica). Para evitar que essa pesquisa tenha que ser feita novamente quando outro usuário do provedor tentar acessar o mesmo site, o serviço de DNS guarda a informação da primeira consulta. Assim, em outra solicitação, ele já saberá qual o IP associado ao site em questão. Esse procedimento é conhecido como "cache de DNS".

As informações do cache são armazenadas por um determinado período de tempo através de um parâmetro conhecido por TTL (Time-to-Live). Este é utilizado para evitar que as informações gravadas se tornem desatualizadas. O período de tempo do TTL varia conforme o servidor e seu administrador.

Breve histórico

Quando a internet ainda era uma ferramenta de uso militar e não possuía muitos computadores, o acesso aos nomes era possível graça a um arquivo de nome hosts.txt. Esse arquivo continha os endereços de cada nome existente. Com o crescimento da internet, esse arquivo passou a crescer de igual forma e chegou ao ponto de ser tão grande que causava atraso nas atualizações. Por volta de 1983, o esquema hoje conhecido como DNS tomou forma para resolver esse problema. Sua primeira especificação pode ser vista aqui.

Finalizando

A utilização do DNS não se limita à internet. Esse recurso pode (e é) utilizado em redes locais, extranets, etc. Sua implementação pode ser feita em praticamente qualquer sistema operacional, sendo muito usual nos sistemas baseados em Unix e no Windows.

Escrito por Emerson Alecrim - Publicado em 05/06/2005 - Atualizado em 05/06/2005

2010-07-20T10:27:00.000-07:00

Onze dicas para trabalhar com CSS (Cascading Style Sheets)

2010-07-12T14:33:00.000-07:00

Não importa se você é um iniciante na área ou já desenvolveu vários sites: a essa altura, você já está cansado de saber que as folhas de estilo externas são obrigatórias em qualquer projeto. Porém algumas dicas simples são sempre úteis para facilitar nosso trabalho. Veja 11 delas a seguir:

1 - div1 é diferente de menu

Evite dar nomes como div1, div2, div3 aos seus elementos. Eles não explicam nada e na hora da manutenção vão tornar seu trabalho mais lento. Da mesma maneira, barra_azul não faz muito sentido: e se você mudar a cor do site? Prefira nomes explicativos, como menu ou barra_links.

2 - Maiúsculas e minúsculas

Nomes de elementos fazem diferença entre letras maiúsculas e minúsculas: BarraLinks é diferente de barralinks. Preste atenção na hora de usar seu elemento no HTML.

3 - id x class

Para elementos que aparecem apenas uma vez no layout (menu, rodapé, cabeçalho, etc) prefira a declaração id, precedida por um sinal de # (como #menu). Para elementos que vão aparecer várias vezes, utilize a declaração class, precedida por um ponto (como .noticia).

4 - Compartilhe declarações entre vários elementos comuns

Se vários elementos terão características em comum, declare-os todos de uma vez, separados por vírgula:

h1, h2, h3, h4 {
font-family: Arial, Helvetica, Sans-Serif;
}5 - Lembre-se da hierarquia e organize-se

Por ser uma folha de estilo em cascata, a última declaração é a que prevalece. Preste atenção para não declarar um elemento duas vezes: na hora da manutenção, você pode fazer a alteração na primeira e se perguntar porque ela não funciona, quando na verdade uma segunda declaração está perdida no meio do seu código (por isso organização é fundamental!).

6 - Comente os códigos avançados

Quando você utilizar o CSS para efeitos mais avançados, como um menu em abas, comente seu código para não esquecer o que cada parte dele faz:

#menu ul li a
/* aba normal */
{background: #444; color: #FFF; border: 1px #FFF solid;}

#menu ul li a:hover{
/* aba selecionada*/
{background: #FFF; color: #F00; border: #F00 1px solid;}
7 - Anote suas cores

#09F ou #F09, qual é o rosa e qual é o azul? Mesmo se você conseguir fazer cálculos RGB de cabeça pra saber a tonalidade da cor sem uma tabela de cores hexadecimal, econonize tempo anotando a cor correspondente de cada código no seu arquivo:

/* ************************************ */
/* */
/* Cores usadas no layout */
/* */
/* cinza fundos: #F5F5F5; */
/* cinza bordas: #B6B6B6; */
/* azul link: #336699; */
/* azul lnk ativo: #003366; */
/* */
/* ************************************ */
8 - Declare as unidades

Quando trabalhar com valores diferentes de zero, declare as unidades (px, pt, etc). Cada navegador assume uma unidade padrão quando ela não é especificada, gerando resultados diferentes em cada navegador.

9 - Tenha certeza que o efeito desejado funciona em todos os navegadores

.: Livros sugeridos :.
:: Use a cabeça: HTML com CSS e XHTML
:: CSS (Folhas de Estilo): Dicas e Truques
:: Não me faça pensar - Uma abordagem de bom senso à usabilidade na Web
Via Shopping UOL

Barras de rolagem coloridas, divs semi-transparentes... Tudo isso é muito bonitinho, mas não funciona em todos os navegadores. Projete seu site de uma maneira atraente sem esses recursos, e, de novo, certifique-se de que seu CSS tem o mesmo efeito no maior número de navegadores possível.

10 - Não confie na sua memória

Com o tempo, é natural que decoremos os principais elementos e seus atributos. Mesmo assim, tenha sempre um guia de consulta rápida ao seu alcance, para tirar dúvidas sobre o funcionamento deles. Um ótimo livro que eu uso e recomendo é o CSS - Cascading Style Sheets - Guia de Consulta Rápida, de Luis Gustavo Amaral.

11 - Inspire-se

Sites como o css Zen Garden e o Maujour são ótimos para ter uma idéia das novas tendências. Visitar esses e outros endereços regularmente é recomendável.

Como Hospedar um Site na Internet

2010-05-04T08:03:00.000-07:00

Muitos leitores nos escrevem perguntando como fazer para hospedarem um site na Internet. Em nosso tutorial de hoje iremos mostrar em linhas gerais como é esse procedimento. Estamos assumindo que você já tenha projetado o site e já tenha os seus arquivos prontos no disco rígido do seu computador, já que o assunto de hoje é sobre como fazer para colocar os arquivos na Internet e não como criar os arquivos HTML.

Você tem duas opções. Ou escolhe um serviço de hospedagem grátis ou um serviço de hospedagem pago. Os dois tem vantagens, desvantagens e limitações.

Se o seu site é pessoal, então a escolha da hospedagem grátis pode ser uma boa opção especialmente porque é de graça! Para isso, você deve escolher um serviço de hospedagem grátis, como http://www.geocities.com e http://www.xoom.com, só para citar os dois mais famosos. A desvantagem do serviço grátis é que o seu site pode acabar tendo um endereço gigantesco e difícil de decorar e terá janelas abrindo exibindo anúncios inseridos pelo serviço de hospedagem (aliás, é através destes anúncios que eles conseguem manter o serviço grátis). A solução para o nome gigantesco pode ser o uso do serviço de redirecionamento de endereços oferecido em http://www.cjb.net. Neste site você registra gratuitamente um nome seunome.cjb.net e configura esse nome para carregar páginas que estejam hospedadas em um serviço de hospedagem grátis.

Muitos provedores de acesso pago oferecem espaço (tipicamente de 1 MB) para os seus clientes hospedarem o seu site pessoal. Essa é uma outra alternativa para hospedagem grátis, mas a desvantagem é que, se você deixar de ser cliente do provedor (cancelar a assinatura, por exemplo), o seu site sai do ar.

Se você está pensando em ter um site comercial, então não tem jeito, a saída é a hospedagem paga. Os serviços de hospedagem paga oferecem muito mais recursos do que qualquer empresa de hospedagem grátis pode oferecer. Que confiaria em uma empresa cujo site está hospedado em um serviço de hospedagem grátis?

A principal vantagem do serviço de hospedagem pago é o registro de domínio, isto é, você pode ter um site com o nome do tipo www.seunome.com.br, coisa que nenhum serviço de hospedagem grátis oferece.

A maioria dos serviços de hospedagem atrai seus potenciais clientes mostrando as características e vantagens de seus planos de hospedagem, como o espaço disponível em disco, o número de contas de e-mail (chamadas contas POP) e outros termos que não nos interessa por enquanto.

Acontece que, infelizmente, a maioria dos serviços de hospedagem omite a característica mais importante de se saber, que é a largura de banda disponível em seus planos de hospedagem. A maioria dos serviços oferece um limite de 2 GB por mês de transferências. Isto é, somando-se o tamanho de todos os arquivos que foram carregados de seu site em um mês, não pode dar mais do que 2 GB, ou você terá de pagar pelo excesso do uso da largura de banda.

Esse limite de 2 GB é de bom tamanho para qualquer site pequeno, mas o seu "estouro" depende muito do tamanho dos arquivos de seu site. Se o seu site só contém páginas HTML e arquivos GIF e JPG pequenos, então você não terá problemas. Mas imagine se você resolve colocar um arquivo grande para download – um MP3 de 6 MB, por exemplo (bastam 333 downloads desse arquivo para o limite de 2 GB ser atingido). Rapidamente o seu limite mensal será atingido, e o seu custo de hospedagem irá lá nas nuvens. Neste caso você deve escolher um plano que dê uma franquia maior que 2 GB por mês.

Por isso a recomendação de, ao criar um site, ter todos os arquivos os menores possíveis e evitar colocar arquivos para download.

Sites para inspiração em Webdesign

2010-04-26T09:08:00.000-07:00

Trabalhar com webdesign é trabalhar em rede, então nada melhor do que recorrer a rede para buscar inspiração para os novos trabalhos. Buscar inspiração pode servir a um designer de duas maneiras:

◦Seguir tendências: Observar como o mundo faz webdesign é essencial para o benchmarking e mantém seus clientes antenados com os designs globais;
◦Definir tendências: Há também o argumento de quem prefere observar as tendências para poder evitá-las e criar uma imagem única no mercado.
Escolha seu estilo e vamos à lista:

Inspiração para Logos

Logospire
Logospire possui um ótimo design focando no que realmente se propõe: ser uma galeria de logos. Imagens grades e um menu simples para navegar. Você também pode enviar sua logo para a galeria.
www.logospire.com

Creattica
Creattica possui muitas categorias para você navegar, desde cartões de visita à layouts CSS, mas lá também encontramos excelentes logos.
www.creattica.com

Inspiração para Layouts

Minimal Sites
Minimal Sites é uma galeria de sites com design minimalista. Você pode enviar seus designs para a galeria por um formulário de email ou Twitter.
www.minimalsites.com

CSS3 Gallery
Uma galeria de sites feitos com CSS3. O portal também inclui links para tutorias de CSS3 e HTML5.
www.css3gallery.net

Inspiração para Wordpress

We Love WP
Nós amamos Wordpress também, por isso não poderiamos deixar de incluir nesta lista galerias de sites que utilizam o Wordpress como gerenciador de Conteúdo. Em We Love WP vemos variados tipos de sites e designs.
www.welovewp.com

Wordpress Showcase
Wordpress Showcase é a galeria oficial do Wordpress hospedada no site wordpress.org.
URL: www.wordpress.org/showcase/

Inspiração para Imagens

Inspire me, now!
Este o blog de inspiração do Designer Szymon Błaszczyk . Repleto de imagens inusitadas, é uma visita que vale a pena passar horas navegando.
www.szymon.tumblr.com

FFF Found
Um serviço onde os usuários podem compartilhar suas imagens favoritas encontradas na rede.
www.ffffound.com

Abduzeedo
Um blog coletivo focado em inspiração e tutoriais de design gráfico. Possui uma série chamada Inspiração Diária, que devido sua popularidade já possui uma página dedicada.
www.abduzeedo.com

Inspiração em Geral

Smashing Magazine
Revista digital de design gráfico e webdesign. Artigos de inspiração, imagens para download e tutoriais fazem parte deste site.
www.smashingmagazine.com

DesignMag
Mais uma revista digital comunitária para webdesigners e desenvolvedores. O site é composto por um blog, notícias dos usuários, uma galeria de designs e um painel de “jobs”.
www.designm.ag

Twitter
Sim, o Twitter pode ser uma excelente fonte de inspiração para designers. Como? Seguindo outros designers e acompanhando de perto o trabalho deles.
www.twitter.com

Testar compatibilidade do site em vários navegadores

2010-04-23T10:49:00.000-07:00

Um grande problemas para webdesigners é ter de checar seu site em diversos browsers, para ver se não ficou nada fora do lugar. E geralmente fica… não é á toa que o IE6 é uma pedra no caminho de muitos “fazedores de sites”.

O site browsershots.org pode ser muito útil nessas ocasiões. Nele, há uma lista de vários navegadores, onde seu site poderá ser testado.
Basta digitar o endereço do site, selecionar os navegadores desejados e esperar um pouco para que o resultado do teste saia.
O interessante é que vários screenshots são mostrados, e assim você tem uma visão de como alguns browsers interpretam seu site.

Mais um serviço prático, em prol de nós, pobres webdesigners

Como registrar um domínio na internet

2010-04-19T11:11:00.000-07:00

Alguns de vocês podem estar querendo maiores informações sobre desenvolver um site, ter um domínio na internet, etc., mas ainda não se animou a arregaçar a manga e colocar a mão na massa, ou então, não sabe onde procurar. Pois bem, vamos dar aqui nesta dica algumas informações sobre como contratar um domínio, além de algumas curiosidades a respeito de nomes (domínios) na internet.

Porque um nome (ou domínio)? Bem, para que as pessoas "cheguem" ao seu site, ele tem que ter um nome "padronizado", e que seja reconhecido pela internet inteira, ou seja, você precisa garantia que qualquer um que digite no navegador "http://www.nome-do-seu-site.com.br" chegue onde você deseja, ou seja, no seu site! Para que isto aconteça, TODA A INTERNET tem que saber que este nome é seu, é único (não há 2 sites com o mesmo nome) e que se alguém digitar isto, chegará no local correto. Quem garante isto são organismos que estão interligados no mundo inteiro, e que mantêm uma "tabela de nomes" da internet, e esta tabela é CONSTANTEMENTE ATUALIZADA, por todos, de forma organizada.

Algumas empresas de hospedagem na internet, oferecem o serviço de cadastrar/criar um domínio para você, como serviço adicional, e normalmente não cobram muito, mas se você já souber como fazer, ou principalmente "onde obter informações" sobre como fazer, além de economizar uns trocados, ainda pode diminuir "problemas futuros", pois algumas destas empresas de hospedagem colocam seus próprios IDs, nas informações do domínio, e depois é um "trabalho adicional", mudar estas informações.

A informação mais importante que você tem que saber para contratar um domínio na internet, é ONDE fazer isto, e a resposta é: no Brasil é na FAPESP, cujo endereço é: http://registro.br

Neste endereço você terá TODAS as informações necessárias sobre como funciona, como contratar, que tipos de nomes (DPNs) pode usar, que documentos são necessários, etc. É extremamente aconselhável que você leia o FAQ para ver as informações, procurar se o nome que você deseja não exista (tem um aplicativo logo na página inicial para isto), cadastrar um usuário (ou ID) para você, e depois seguir os procedimentos lá explicados.

No Brasil para você registrar um domínio, é necessário ser uma entidade legalmente representada ou estabelecida no Brasil como pessoa jurídica (Instituições que possuam CNPJ) ou física (CPF) que possua um contato em território nacional, e isto será DECISIVO sobre que tipo de nome voCê poderá utilizar (colocamos uma tabela mais abaixo sobre isto).

Regras sintáticas que um domínio deve seguir (retirado da própria Fapesp).

•Tamanho mínimo de 2 e máximo de 26 caracteres, não incluindo a categoria, por exemplo: no domínio XXXX.COM.BR, esta limitação se refere ao XXXX.

•Caracteres válidos são [A-Z;0-9] e o hífen.

•Nenhum tipo de acentuação é válido.

•Não pode conter somente números.

•O hífen vale como separador sintático interno de palavras, sendo que domínios já registrados com ou sem o mesmo, só poderão ser registrados com esta diferença pelo detentor do primeiro registro.

OBS.: Especificamente para o domínio .NOM.BR é necessário a escolha de 2 nomes, ou seja: NOME1.NOME2.NOM.BR.

Um nome de domínio não contém www. Ou seja, não peça o registro de www.xyz.com.br, o correto será apenas xyz.com.br.

Para o registro de um domínio existe um valor a ser retribuído referente a manutenção pelo período de 1 ano.

Atualmente o valor é de R$ 30,00. As instruções para o pagamento são enviadas no e-mail de confirmação do registro do domínio.

O valor é o mesmo para todos os DPNs, sejam para pessoas jurídicas, profissionais liberais ou pessoas físicas.

DPNs: Brasil:

Abaixo seguem as "terminações" de domínio que você poderá contratar aqui no Brasil, com suas características específicas sobre a quem se destinam.

DPNs para Instituições (Somente para pessoas jurídicas)
AGR.BR Empresas agrícolas, fazendas
AM.BR Empresas de radiodifusão sonora
ART.BR Artes: música, pintura, folclore
EDU.BR Entidades de ensino superior
COM.BR Comércio em geral
COOP.BR Cooperativas
ESP.BR Esporte em geral
FAR.BR Farmácias e drogarias
FM.BR Empresas de radiodifusão sonora
G12.BR Entidades de ensino de primeiro e segundo grau
GOV.BR Entidades do governo federal
IMB.BR Imobiliárias
IND.BR Industrias
INF.BR Meios de informação (rádios, jornais, bibliotecas, etc..)
MIL.BR Forças Armadas Brasileiras
NET.BR Detentores de autorização para o serviço de Rede e Circuito Especializado da Anatel e/ou detentores de um Sistema Autônomo conectado a Internet conforme o RFC1930
ORG.BR Entidades não governamentais sem fins lucrativos
PSI.BR Provedores de serviço Internet
REC.BR Atividades de entretenimento, diversão, jogos, etc...
SRV.BR Empresas prestadoras de serviços
TMP.BR Eventos temporários, como feiras e exposições
TUR.BR Entidades da área de turismo
TV.BR Empresas de radiodifusão de sons e imagens
ETC.BR Entidades que não se enquadram nas outras categorias
DPNs para Profissionais Liberais (Somente para pessoas físicas)

ADM.BR Administradores
ADV.BR Advogados
ARQ.BR Arquitetos
ATO.BR Atores
BIO.BR Biólogos
BMD.BR Biomédicos
CIM.BR Corretores
CNG.BR Cenógrafos
CNT.BR Contadores
ECN.BR Economistas
ENG.BR Engenheiros
ETI.BR Especialista em Tecnologia da Informação
FND.BR Fonoaudiólogos
FOT.BR Fotógrafos
FST.BR Fisioterapeutas
GGF.BR Geógrafos
JOR.BR Jornalistas
LEL.BR Leiloeiros
MAT.BR Matemáticos e Estatísticos
MED.BR Médicos
MUS.BR Músicos
NOT.BR Notários
NTR.BR Nutricionistas
ODO.BR Dentistas
PPG.BR Publicitários e profissionais da área de propaganda e marketing
PRO.BR Professores
PSC.BR Psicólogos
QSL.BR Rádio amadores
SLG.BR Sociólogos
TRD.BR Tradutores
VET.BR Veterinários
ZLG.BR Zoólogos
DPN para Pessoas Físicas (Somente para pessoas físicas)

NOM.BR Pessoas Físicas

DPNs: Global:

Para contratar domínios "globais", ou seja, sem ser específico do país (por exemplo sem o .br), você deve contratar o domínio através de uma das organizações credenciadas para tal. Você encontrará a lista em: ICANN-Accredited Registrars: http://www.icann.org/registrars/accredited-list.html

Algumas características importantes ao se contratar domínios nas DPNs globais.

•Para contratar domínios tipo .com ou .net (além de outros), não é preciso ser empresa (ter CNPJ), basta você contratar usando seu cartão de crédito internacional para pagar as taxas específicas

•Algumas das entidades que registram os DPNs globais, registram também para vários países, ou seja, além de .COM, você pode contratar por exemplo um .CO.UK ou outros.

•No site http://www.icann.org/ você encontrará links para muita informação sobre Nomes na internet, registrars (quem registra), etc.

•Não há problema algum em se contratar um domínio .com e hospedar num servidor no Brasil, assim como não há problema algum em se contratar um domínio .com.br e hospedar num servidor em outro país

Generic TLDS:

Genéricos ou passíveis de contratação conforme sua função/empresa:
.aero (restrito a alguns membros da comunidade de aviação) patrocinado pela Societe Internationale de Telecommunications Aeronautiques SC (SITA)
.biz (restrito a negócios), gerenciado pela NeuLevel
.com Gerenciado pela Verisign Global Registry Services
.coop (restrito à cooperativas) patrocinado pela Dot Cooperation LLC
.info Gerenciado pela Afilias Limited
.museum (restrito a museus e pessoas relacionadas), patrocinado pela Museum Domain Management Association (MuseDoma)
.name (para pessoas físicas), operadao pela Global Name Registry
.net Gerenciado pela Verisign Global Registry Services
.org Interesse público (gerenciado pela Public Interest Registry)
.pro Profissionais (gerenciado pela RegistryPro)
Restritos
.gov Governo dos Estados Unidos
.mil Forças Armadas dos Estados Unidos
.edu Educacional, registrado apenas através da Network Solutions
.int Utilizado pelas entidades de registro de domínio

Root-Zone Whois Information

Como vimos anteriormente, os domínios no Brasil são do tipo xxx.com.br por exemplo, ou seja, possuem a terminação .br que o caracteriza como sendo um domínio do Brasil. Abaixo, como curiosidade, listamos as terminações dos demais países com link para maiores informações sobre a entidade de registro específica (quem faz, endereço, etc).

O que não fazer na hora de implementar SEO

2010-04-14T11:24:00.000-07:00

Alguns cuidados fazem toda a diferença quando a meta é manter seu site com boa posição nos resultados de buscas

Não basta ter um site na internet. É importante construí-lo de forma que seja facilmente localizado pelos mecanismos de busca como Google, Yahoo! e MSN Search. É aí que entra o SEO (Search Engine Optimization), conjunto de ajustes aplicados a websites para que eles sejam acessados mais facilmente pelas ferramentas de busca e, conseqüentemente, ganhem posições no ranking de resultados. Mas para que a técnica funcione, é necessário evitar alguns erros comuns no desenvolvimento das páginas. Os enganos mais comuns são:

• Uso excessivo de Flash

• Códigos JavaScript desnecessários

• Falta de palavras-chave

• Títulos de página malformatados

Home Office - Escritório Em Casa

2010-04-05T13:14:00.000-07:00

Você já se imaginou trabalhando em casa, tranqüilo, sem chefe importunando, sem cartão de ponto, sem stress no trânsito, fazendo seus horários direitinho, comendo aquela comidinha caseira... hummmmmmm! Dá até pra sentir o cheirinho...

Aí você se pergunta: “Isso é um sonho?”
E eu lhe digo: “É não, bixim!” ; - )

Atualmente, por falta de opção profissional, desemprego, por gravidez ou até mesmo comodidade, profissionais estão aderindo à nova modalidade de trabalho: o Home Office – escritório em casa.
Geralmente, quem trabalha em casa, atua como prestador de serviços, dando consultoria, realizando trabalhos metódicos como correção de monografias acadêmicas, etc. Mas existem aqueles que optaram pela área de desenvolvimento web e montaram um Home Office para suprir essa necessidade.

Para um Webdesigner, não é preciso muito para se ter um escritório que atenda aos seus clientes com qualidade. Nada que uma boa máquina com impressora, scanner e gravadora de CD's não resolva. Na verdade, a maioria dos iniciantes em desenvolvimento web, dá seu ponta-pé inicial em casa, atravessando madrugadas.

Porém, para profissionalizar esse serviço, é necessário tomar algumas medidas para não criar um stress, interferir no relacionamento com a família e atender bem os possíveis clientes que por ventura, queiram “visitar” seu escritório.

Formalize seu trabalho
Existe uma legislação específica para registrar sua empresa em casa. Porém, existe a possibilidade também de se trabalhar como autônomo. Maiores informações, procure a Junta Comercial e/ou a Prefeitura da sua cidade;

Espaço
Destine um espaço “exclusivo” para seu escritório. Desta forma, você evitará a possibilidade de confundir seus projetos com trabalhos de escola ou lista de compras. Além do que, imagine o inconveniente você levar um cliente para seu escritório e lá encontrar uma cueca na cadeira ou uma calcinha no varal da janela?

Horários
A tendência para quem trabalha em casa é perder a noção do tempo ou não ter horário definido para trabalhar. Isso é um grande erro! É preciso ter disciplina para que tudo ocorra direitinho. Faça um cronograma no papel e estipule horários pro trabalho, lazer, alimentação, etc. Lembre-se: você é de carne e osso e não, uma máquina.

Sociabilidade
O ser humano nasceu para viver em grupo, caso contrário, ele definha e morre. Para que isso não aconteça com você, não deixe de sair da sua “caixinha”. Visite clientes, não peça compra por telefone, vá ao mercado. Faça contato o tempo inteiro com o mundo exterior, pois esse “confinamento” além de anti-social, ela causa stress, depressão e outros males à saúde;

Enfim, trabalhar em casa é muito bom, mas como todo negócio existem as vantagens e desvantagens. E para você ter a certeza de fazer essa escolha, planeje, ponha tudo no papel – os prós e os contras, desta feita, a probabilidade de sucesso será imensa.

Sobre Sites

Feliz Páscoa

2010-04-01T06:52:00.001-07:00

Banner criado totalmente no Fireworks CS4, inclusive o desenho do coelho.

Design Adequado

2010-03-31T11:03:00.000-07:00

O que significa adequado?

O design é uma representação formal e portanto, costuma ser o primeiro ponto de contato entre a pessoa e o produto / serviço / pessoa.

Para que um design seja adequado deve dispor da informação necessária para conhecer ao cliente, mercado, consumidores, produto / serviço.
Com esta informação deve-se realizar os protótipos necessários.
Desenvolver o design final.

Estilos Vs. Adequação

Há designers / consultores / "gurus" que defendem um estilo frente à adequação do design à necessidade.

O estilo seja "neutro", "barroco", "limpo", "alemão", "americano" não passa de um estilo e portanto, não pode ser o ponto de partida para o desenvolvimento do design.

O ponto de partida deve ser o entendimento da necessidade do cliente.

As necessidades do cliente podem depender de uma infinidade de fatores e não se pode generalizar. Cada momento, cada região, cada canal, cada preço, cada consumidor, faz com que a necessidade seja diferente.

A melhor ferramenta que o designer pode demonstrar é a compreensão e o entendimento para poder realizar a solução gráfica.

Design

A adequação do design frente ao estilo faz com que os valores do mesmo sejam algo mais universais e duradouros.

Ou seja, se alguém defende um estilo (neutro, barroco) pode-se ver comprometido pela realidade do ambiente.

Os valores do design com os me sinto identificado costumam ser do estilo:
•Ajuda.
•Cumprimento.
•Duradouro.
•Integração (com as pessoas, sistemas, usuários).
O design deve ajudar às pessoas.
A ajuda pode ser de muitos tipos, pode ajudar às pessoas a ganhar mais dinheiro, a ler com mais facilidade, a navegar mais rápido, a desfrutar o momento.

O design cumpre sua função
O design deve cumprir a função atribuída. O design é uma "utilidade" para chegar a um fim.

Duradouro.
O efêmero nos leva ao consumismo desmedido. Tender a que o design sirva hoje, amanhã, dentro de 10 anos. Esta lição eu levei tempo para aprendê-la.

Integração
Este conceito faz referência a que o design há de se integrar nos processos naturais das pessoas. Não há que criar novos obstáculos, e sim, dotar às pessoas de melhores ferramentas.

Design não é o design gráfico e não é o design industrial

Em muitas conversas cita-se "design" aplicando-o sem muito critério às disciplinas que passam pelo design industrial, gráfico, identidade...

Visto desde fora não há problema, porém, desde dentro é como se falamos de esportes e citamos o futebol, as barras paralelas e a natação como se fossem a mesma coisa. Suponho que uma coisa é ser espectador de sofá e outra é subir em uma barra paralela e dar dois mortais.

Design gráfico. Comunicação
Cor. Forma. Tipografía. Imagens.

Design industrial. Produto.
Processos industriais. Ergonomia. Materiais.

"Design". Processo "criativo".
O processo criativo de resolver um problema pode-se chamar de "design", mas é um termo tão vago que em geral não quer dizer nada.

Buscar soluções sem ataduras

O design deve se adequar à resolução do problema, evitando que um estilo nos condicione uma forma de pensar ou buscar soluções.
Extraído de criarweb.com

Novo Endereço

2010-03-26T12:31:00.000-07:00

Quero comunicar o novo endereço do meu estúdio, onde serão ministradas as aulas durante este ano.
Rua Vicente da Fontoura, nº 853 Bairro Santana

Definições de tela

2010-03-15T14:59:00.000-07:00

Quando se trabalha com distintas definições, como na web, devemos escolher o público objetivo da página e construí-la para que esse público a veja bem, mas não devemos nos esquecer dos demais, de modo que estes também a visualizem, sendo possível sem nenhum problema.

Por regra geral, a maioria dos internautas dispõe de uma definição de 800x600 ou superior. Por isso, o habitual é desenhar a web para que esse grupo de usuários a veja corretamente. Também existem pessoas que acessam a Internet com definições menores, a 640x480, mas cada vez são menos. Para o caso de 1024x780, esta definição é bastante grande e somente os usuários com telas boas, configuradas de maneira correta, a usam. A definição de 1024x780 deixa muita gente de fora, por isso ainda não devemos utilizá-la, ademais, estes usuários poderão ver também a página com uma definição menor sem muito prejuízo. Por outro lado, a definição de 640x480 é muito pequena e já muito poucos usuários a utilizam, por isso é melhor desenhar utilizando um espaço maior. No entanto, se a página a desenvolver é muito corporativa, porque pertence a uma empresa importante e tem de ser bem vista em todas as máquinas possíveis, seria razoável utilizar a definição de 640x480, pois esta nos assegura que todo mundo poderá ver bem o web.

Uma vez escolhido o público objetivo, devemos compor as páginas e as imagens para que sejam bem vistas na definição de tela que estes utilizarem, de modo que nunca saiam as feias barras de deslocamento horizontais. Para isso, calcularemos o tamanho dos elementos da página conscientemente.

Outra coisa que se pode fazer é aplicar aos elementos da página os tamanhos (atributo width) utilizando porcentagem, deste modo, se ajustarão ao tamanho da definição do usuário automaticamente. Entretanto, as imagens não suportam o tamanho em porcentagens, ou seja, não podemos ajustá-las assim automaticamente, e em qualquer caso, não desejaremos que a imagem se deforme ao alterar artificialmente seus tamanhos através desses atributos. Sendo assim, para o caso das imagens seguiremos com a necessidade de criá-las sem ultrapassar o espaço disponível na definição horizontal do público objetivo.

Vamos ver qual seria a forma de trabalho para planejar uma página com tabelas.

1.Falamos de um desenho com tabelas porque quase sempre é mais adequado do que um desenho com frames ou camadas, mas isto é outra discussão.
2.Criar uma tabela ao princípio da página, que inclua toda a página, e lhe atribuímos o tamanho em pixels. Dependendo da resolução do tipo de audiência, o tamanho da tabela variará, mas sempre serão 21 pixels menos que a definição do objetivo. Estes pixels restantes se utilizam para as barras de deslocamento verticais. Por exemplo, se desenhamos para uma resolução de tela de 800x600, o tamanho da tabela será de 779 pixels. Em Windows XP as barras de deslocamento ocupam um pouco mais que em sistemas anteriores. Antes da aparição de Winwdos XP, reservar 20 pixels para as barras de deslocamento já era suficiente. Também se podem criar as tabelas em porcentagens, mas isto fará com que a página se estique e se encolha dependendo da definição. Não é um efeito muito desejável para os web designers, porque o efeito de ver a página mais esticada ou encolhida de como a desenhamos, costuma ser contra-producente, além de significar um esforço extraordinário.
3.Incluimos na etiqueta BODY da página os atributos: topmargin=0 leftmargin=0 marginheight=0 marginwidth=0. Estes atributos servem para eliminar as margens da página e que as tabelas se situem ocupando todo o espaço da página. Os dois primeiros atributos são para Internet Explorer, os dois seguintes são para Netscape Navigator, temos que colocar os quatro atributos para assegurarmos que se veja bem em todos os navegadores mais importantes.
4.Se desejarmos incluir margens nas páginas, podemos jogar com os atributos cellspacing e cellpadding, na tabela principal, para conseguí-los. No caso de que não gostemos deste método, podemos incluir células adicionais na tabela principal, que sejam transparentes (não colocar conteúdo), às que lhes atribuímos os tamanhos desejados para as margens. O método que utilizo habitualmente é este último e quase sempre ponho os atributos cellspacing e cellpadding a zero.
O código de uma página seguindo estes conselhos seria o seguinte:

Isso é tudo, lembre-se que você sempre poderá ver o código fonte das páginas web que gosta, para ver como fizeram os outros web designers.

Feliz Dia da Mulher Para "As" Webdesigners

2010-03-07T15:29:00.000-08:00

Então Você Quer Ser Um Webdesigner?

2010-03-03T10:57:00.000-08:00

Desde que o orkut surgiu, aqueles que trabalham na área de web design encontram nas comunidades relacionadas um lugar para tirar dúvidas, trocar experiências e divulgar seus trabalhos. A mesma coisa aconteceu com quem ainda não está na profissão, mas pretende.

Mas no meio de tanta gente, podemos perceber o despreparo da grande maioria. Muitos cursos de web design hoje em dia ensinam as ferramentas, mas não ensinam conceitos fundamentais; aí surgem as dúvidas, muitas vezes bobas aos olhos de quem já está na profissão.

A maior dificuldade que eu tenho percebido é na hora de começar a carreira. Como publicar seu primeiro site, montar um portfólio, saber quanto cobrar de um cliente... Tudo o que as escolas deveriam ensinar, mas que a gente acaba tendo que aprender na base da tentativa e erro.

Por isso, resolvi escrever essa série de artigos, baseados nas minhas experiências pessoais e nas opiniões de profissionais da área.

Cinco coisas que você deve saber antes de começar
Aprender HTML e CSS

Seus sites vão ficar mais leves, sem os códigos desnecessários dos editores. Além disso, você terá muito mais facilidade para programar dominando as tags do HTML, e será muito mais fácil entender como funcionam as novas tecnologias, como XHTML e XML.

Investir num domínio próprio e numa hospedagem paga

Além de evitar propagandas desagradáveis, que tiram seu layout do lugar e podem até trazer spywares para o computador do usuário, os hosts pagos oferecem muito mais ferramentas para melhorar seu site. Além disso, um domínio próprio mostra muito mais profissionalismo (ver mais no tópico sobre portfólio).

Aprender teoria das cores, usabilidade e tipografia

O básico do básico. Assim você garante que seus sites vão ser visualmente agradáveis, a navegação será mais fácil para o usuário e a leitura dos textos não ficará cansativa.

Cuidar da acessibilidade

Não é o usuário que tem que adaptar seu computador ao seu site, e sim o contrário. Portanto, esqueça o "este site é melhor visualizado em 800x600" e prepare seus sites para todos os tipos de usuários, resoluções, navegadores e, de preferência, dispositivos possíveis.

Estudar, estudar, estudar

Não é porque você concluiu aquele super curso de web design que está livre da aprendizagem. A web é uma área em constante mudança, por isso procure conhecer todas as novas tecnologias, ferramentas e conceitos que surgem a cada dia. Não se aprofunde somente nas que você mais gosta: procure ter uma noção geral de cada uma delas, porque você nunca sabe quando pode surgir um trabalho que precise justamente daquilo que você não domina.

Todo esse conhecimento está cada vez ao seu alcance. Pra começar, use o Google, o melhor lugar para encontrar dicas e tutoriais. Apenas lembre-se de que aprendendo inglês, suas chances de encontrar o que procura são infinitamente melhores.

Montando seu portfólio
Seu portfólio é a reunião de todos os seus trabalhos, uma vitrine da sua capacidade e imaginação, e principalmente a primeira impressão sobre seu profissionalismo. Por isso, você precisa tomar muito cuidado com os pequenos detalhes, pra não manchar a sua imagem logo de cara:

Se você quer mesmo investir na carreira, considere mesmo a possibilidade de adquirir um domínio .com.br, .com ou .net, além de um bom plano de hospedagem. Endereços como o .cjb.net mostram falta de profissionalismo - "se este trabalho não vale o investimento de um endereço pago, por que devo contratá-lo?". Além do mais, hosts gratuitos ficam fora do ar muito mais tempo do que deveriam - e se o seu portfólio não abrir, existem outros na fila esperando pelo seu lugar.

Cuidado com o português. Chega a ser desnecessário dizer isso, mas revise seu texto, peça para um amigo ler e procurar pelos erros que você possa ter deixado passar, ou mesmo use o Word para corrigir a grafia das palavras. Nada, nada queima mais o seu filme do que um erro grave.

Nem pense em começar sem nenhum trabalho pra mostrar. Vá para o computador e crie um site sobre algum assunto que você gosta - exercite toda a sua capacidade, abuse das novas ferramentas, teste novos conceitos. É o momento em que você está livre, sem depender da opinião de quem está te pagando pra trabalhar, e mostrando tudo o que você é capaz de fazer. Nada mais amador do que encontrar num portfólio uma mensagem "em breve meus trabalhos".

E se você ainda não tem muito trabalho para mostrar, nem pense em fazer volume enchendo seu site de textos. Ninguém tem paciência para ler, e o cliente não está preocupado com a sua metodologia de trabalho ou com aquele trecho da sua apostila do cursinho que diz que "a Internet é um mercado em expansão bla bla bla". E nunca, jamais, sob hipótese alguma diga que seu preço é mais baixo, por qualquer razão que passe pela sua cabeça. Isso soa "estou desesperado por isso topo tudo".

Se você quiser listar suas habilidades nos programas e recursos da área, monte um mini currículo. Assim, essa informação será direcionada a um possível contratador, enquanto o usuário comum e cliente em potencial não recebe informações desnecessárias (se ele quiser saber das suas habilidades, saberá onde encontrá-las). Mas não se esqueça que Windows, Office e Internet você tem obrigação de saber, não é mérito nenhum.

E quando o desespero por falta de trabalho bate, a gente tem vontade de sair fazendo sites de graça, só pra exercitar e ter o que mostrar, não é mesmo? Não, não é. Aceitar um site por um preço muito abaixo do mercado é errado - muitos novatos têm feito isso sem se preocupar com as conseqüências que isso traz para a nossa carreira. Se você quer um cliente e ele não pode te pagar, faça uma permuta: você monta um site e ele te dá cinco aulas na auto-escola, quatro jantares no restaurante ou o que puder oferecer. É muito mais ético e vantajoso pros dois lados.

Em contra-partida, existem instituições sem fins lucrativos que adorariam contar com um voluntário para criar seu site. Procure a instituição mais perto de você e ofereça seu trabalho - se for para trabalhar de graça, que seja por uma causa nobre.

Se todos os seus sites devem funcionar em todas as resoluções de tela, como eu disse anteriormente, imagine seu portfólio! Um "escolha aqui a sua resolução" logo na cara do site mostra que você não tem nenhuma flexibilidade; algumas pessoas nem mesmo sabem o que isso significa! É você que tem que se adaptar ao computador do usuário, e não o contrário. O mesmo vale para quantidade de cores na tela, navegador ou sistema operacional.

Quando se fala de navegador, muita gente acha que se 95% das pessoas que acessam um site usam Internet Explorer, é pra essa maioria que o site deve funcionar. Isso é um grande erro – e se no meio dos outros 5% estiver justamente aquela pessoa que entra no seu portfólio querendo te contratar? Se o seu site não funcionar, você perdeu a chance. Por isso, teste todos os seus sites pelo menos nos navegadores mais conhecidos, em várias resoluções, sistemas operacionais e processadores diferentes. Evite surpresas desagradáveis.
http://www.infowester.com

Volta Às Aulas

2010-02-18T08:40:00.000-08:00

O que são feeds?
RSS, feeds, XML, Atom, RDF, syndication... tanto palavreado esquisito. Mas o que é isto, afinal?

E, mais importante, perguntas tu, em que é que isso me pode ser útil?

A resposta mais simples e clara, na minha opinião, é esta:

Feeds são uma forma de facilitar a leitura de vários blogs e sites, vendo apenas, num ponto central, o que há de novo em cada um.
Simples, não é?

O problema
Há muitos blogs interessantes. Os dos amigos e colegas, os dos familiares, ou aqueles aos quais, simplesmente, achaste piada em alguma altura. E há, também, muitos sites que não parecem, à primeira vista, "blogs", mas que têm um formato semelhante.

Isto cria, no entanto, um problema: visitar todos os blogs que te interessam acaba por se tornar moroso, quase um "trabalho". Mesmo usando bookmarks (ou "favoritos", no Internet Explorer), visitar 20, 50, 100 sites por dia, para ver quais têm novidades, não é algo rápido, nem fácil, nem divertido.

Um agregador de feeds resolve isto - permite-te "assinar" os vários blogs, como se fossem revistas ou jornais, e ver, num ponto central, apenas o que há de novo em cada um. Ou seja, se, em 20 blogs, só 5 têm novos posts, podes ver só os novos posts desses 5. Sem teres de visitar os blogs, um a um.

Com isto, além de não te teres de lembrar dos vários blogs, passas, também, a ter a garantia de não perder nada em nenhum deles (afinal, se os "assinaste", é porque te interessam, certo?)

Além dos blogs
Nos dias de hoje, quando se ouve a palavra "blog", a primeira coisa que vem à cabeça são os comuns diários pessoais. No entanto, o conceito de "blog" vai muito mais longe - muitos sites de notícias sobre um certo tema, por exemplo, seguem o formato de um "blog", sem que "pareçam" sê-lo.

Além disso, mesmo sites de outro tipo, cada vez mais, fornecem feeds - por exemplo, na maior parte dos sites de jornais é possível assinar feeds, sejam estes gerais, ou restritos a um tema (ex. notícias nacionais).

Como "assinar" e ler feeds
Necessitarás de usar um agregador de feeds, como já disse. Para simplificar este guia, vou mostrar como se utiliza aquele que eu próprio uso, o Bloglines. Há muitos outros, possivelmente melhores, mas este é prático e fácil de usar, por isso escolhi fazer uso dele aqui.

2010-02-03T08:33:00.000-08:00

O calor e as cores

2010-01-30T11:57:00.000-08:00

- Branco:
Sugere pureza. Cria uma impressão de vazio e de infinito. Evoca frescor e limpeza, principalmente quando combinado com o azul.
Ex: Ordem, simplicidade, luz, paz, higiene, casamento, hospital, neve, harmonia.

- Preto:
Silêncio. Morte. Quando brilhante, confere nobreza, distinção e elegância. Cor preponderantemente masculina.
Ex: Noite, nobreza, pessimismo, tristeza, dor.

- Cinza:
É a expressão de um estado de alma duvidosa e neutra. Símbolo da indecisão e da ausência de energia. Quanto mais sombrio, mais conota desânimo, monotonia.
Ex: Chuva, máquinas, seriedade, velhice, desânimo, sabedoria.

- Vermelho:
Significa força, virilidade, masculinidade, dinamismo. É uma cor exaltante e até enervante. Impõe-se sem discrição. É uma cor essencialmente quente, transbordante de vida e de agitação.
Ex: Cereja, morango, sangue, desejo, sexo, agressividade, fogo, fome, perigo, guerra, força, energia, fúria, dinamismo, paixão.

- Laranja:
Transborda irradiação e expansão. É acolhedor, quente, íntimo.
Ex: Outono, pôr-do-sol, festa, comida, movimento.

- Amarelo:
É uma cor luminosa e muito forte para atrair a atenção, seja sozinho ou em conjunto com outras cores. É feliz, vibrante, vivo.
Ex: Luz, angústia, esperança, atenção.

- Verde:
Cor universal da natureza. Tem frescor, harmonia e equilíbrio. Cor calma, que não se dirige para nenhuma direção nem encerra algum elemento de alegria, tristeza ou paixão. O verde mais amarelado sugere uma força ativa, um aspecto ensolarado. O verde, seja em tons mais claros ou escuros, é sempre indiferente e calmo.
Ex:Floresta, natureza, bem estar, tranqüilidade, juventude, umidade, saúde, tapete de jogos.

- Azul:
Cor profunda, calma. Preferida por adultos, marca uma certa maturidade. Quando sombrio, o azul chama ao infinito. Mais claro, provoca uma sensação de frescura e higiene, principalmente quando na presença de branco.
Ex: Frio, céu, mar, tranqüilidade, paz, infinito, meditação, credibilidade.

- Roxo:
Equivale a um pensamento meditativo e místico, mistério. Assim como o preto, remete a nobreza e poder.
Ex: Sonho, mistério, egoísmo, nobreza, fantasia, profundidade, doença.

- Marrom:
Emana a impressão de algo maciço, denso, compacto. Sugere segurança e solidez.
Ex: Terra, outono, chocolate.

- Rosa:
É de pouca vitalidade e sugere feminilidade e afeição. É uma cor íntima, de doçura melosa e romântica.
Ex: Feminilidade, delicadeza.

2010-01-21T06:10:00.000-08:00

Banner Flutuante no Dreamweaver

2010-01-15T07:27:00.000-08:00

Video aula para dreamweaver ensinando a fazer um banner flutuante by felipe barboza www.pcbr.vai.la

FELIZ 2010

2010-01-11T09:52:00.000-08:00

Bem, já que estive viajando quase todo o mês de dezembro e um pedacinho de janeiro, então segue aí meus cumprimentos pelo novo ano que se inicia!!!

Tecnologia, criatividade e planejamento em Web Design

2009-11-24T04:46:00.000-08:00

Bons layouts, animações e outros artifícios são elementos que definem um site com bom Webdesign, mas não somente isso. Um bom site é aquele que funciona, ou seja, além de não dar erro nas páginas, cumpre o seu objetivo principal, seja ele qual for. No caso de um site para uma Igreja, por exemplo, não adianta nada utilizar o flash, 3D ou outro elemento moderno se não estiver de acordo com a postura da Igreja, que geralmente é conservadora. Um bom critério na hora de contratar uma empresa ou um profissional da área de Web Design está no discernimento que ele tem para aplicar as técnicas. A Agência Sawi, responsável pelo atendimento de empresas importantes como a VIVO, faz um trabalho de qualidade na área de Web Design, planejando cada detalhe do site, desde o texto às tecnologias como o 3D , Flash, entre outras. Nos Jobs realizados pela agência, é facilmente perceptível um bom gosto, por exemplo, na escolha das cores do site, que possuem muita importância no que diz respeito ao conceito da página e sentimento despertado no receptor. Web Design, portanto, é muito mais do que sites bonitos e com a mais alta tecnologia. O bom site é aquela que consegue unir a capacidade criativa a de planejamento, criando sites bonitos, bem escritos, sem erros estruturais e, principalmente, que sejam vendáveis ou atinjam seus propósitos.
Extraído de http://susieq357.vox.com/

Imagem com Fundo Transparente

2009-10-17T09:48:00.000-07:00

Imagem sem fundo

Tirando fundo de imagens
Neste tutorial aprenderemos a tirar o fundo das imagens, deixando as com um fundo transparente.

1º Abra uma imagem no formato *.jpg; *.gif; *.bmp no FireWorks.
Em nosso exemplo usaremos a seguinte imagem:

Deixe o fundo do arquivo com o fundo preto (#000000).
2º Pegue a ferramenta 'Varinha mágica"(w)
3º Clique em uma das partes brancas da imagem; A parte selecionada ficará com alguns traços em volta dela, isso significa que a parte esta selecionada.
Com a parte selecionada, pressione a tecla [Delete].
Feito isso, a imagem ficará assim:

Faça isso com as demais partes da imagem, para que o fundo da imagem seja tirado por inteiro.
Após retirado todo o fundo, você poderá mudar na configuração da página o fundo do documento para 'Fundo Transparente', pois deixamos o fundo preto, para verificarmos que o fundo estava sendo tirado.

É isso ai pessoal, um tutorial simples, mas essencial para pessoas que desejam se aprofundar e conhecer mais desta ferramenta.

Gif Animado

2009-09-28T12:05:00.000-07:00

Olá pessoal!
Como fazia tempo que eu não postava nenhuma imagem segue aí mais um gif animado. Criado em aula pelo aluno "Jean".
Eu achei muito show!
ps. para visualizar a animação tem que clicar na imagem do banner.

7 Táticas para Mandar Embora (e deixar Irritados) seus Visitantes.

2009-08-27T14:50:00.000-07:00

É um mito popular que 7 é o número da perfeição. Pois bem, com a evolução e o amadorismo que ronda a Internet foi até difícil escolher dentre as centenas de maneiras de irritar os visitantes do seu site. Selecionei algumas das melhores. Se você tem como objetivo irritar e mandar embora os internautas que navegam em seu site, utilize-as e você estará atingindo a sua meta com perfeição. Agora, se você quer realmente ver o seu site crescer e dá valor ao investimento que fez para manter seus clientes fiéis e trazer novos, priorizando o bem da imagem e da saúde financeira de sua empresa, evite-as.

1. Crie uma página bem longa. Coloque várias imagens grandes no meio do texto, de forma que mesmo que o visitante tenha acesso à banda larga, ele demore alguns minutos para baixar a página. Acrescente um fundo musical a sua página. Se utilizar Flash, melhor. Coloque aquela MP3 que só você gosta e não se esqueça de excluir os controles de volume de sua página. Assim ele começará a pensar em ir embora, ou então procurará desesperadamente pelo controle de volume do seu Windows, numa tentativa de desativar o som da página que ele acaba de carregar.

2. Faça com que a página acima citada seja apenas uma “Splash Page”. Aquelas páginas que se abrem antes do site realmente entrar, perguntando se queremos ver o site utilizando Flash 4, ou Flash 5, ou se preferimos ver o site em DHTML, com frames, em Java, etc. Mas a pessoa que está visitando o seu site talvez nem saiba o significado dessas siglas. O que ele quer ver é o conteúdo de sua empresa. E até agora ele não viu nada! Será que agora ele vai embora?

3. Não, ele ainda está lá! Ansioso para conhecer o seu site. Mesmo sem saber o significado das complicadas siglas colocadas na “Splash Page”, ele clica na primeira que vê. Finalmente ele está no caminho certo para o seu site. E agora o que fazer para irritá-lo um pouco mais? Que tal umas “pop ups”? Aquelas famosas janelas de anúncio que aparecem na sua tela quando visitamos alguns sites grandes, ou mesmo os pequenos. Pode acontecer em alguns casos, que mesmo tentando fechá-las, elas se multipliquem. Digamos que o Internauta esteja de bom humor e tenha desviado das armadilhas, talvez ele ainda esteja em seu site.

4. Finalmente ele começa a ler o conteúdo da sua página. Observa os links mal organizados e escritos naquela fonte que se confunde com o fundo. Mas isso são problemas mínimos, considerando o que ele já passou. No entanto, ele quer se cadastrar e receber a sua newsletter. Complique mais um pouco aqui, para ver se ele desiste. Coloque um cadastro extenso, com informações sobre seus hábitos, os da família, renda mensal, e ainda acrescente um script para verificar se todos os dados foram digitados. Porém, não mostre o formato correto das informações. Dessa forma, ele fica tentando enviar o seu cadastro e não consegue.

5. Cadastro concluído, o usuário conseguiu! E agora? Por que não colocar umas plugins para fazer o download e instalar? Ele já teve que atualizar a sua versão do Flash para entrar no seu site de última geração, provavelmente ele iria odiar ter que baixar mais três. Ou quem sabe nem tem muito conhecimento de informática, talvez não tenha a mínima idéia de como fazer a instalação das mesmas. Não se esqueça de fazer com que tudo aconteça de forma automática, para que quando ele se der por conta do que está acontecendo já esteja muito confuso e com vontade de fechar todas as janelas e ir tomar um café.

6. Você quer ser um profissional do marketing negativo? Coloque todo o conteúdo do seu site numa tabela, bem larga. De maneira que para ler qualquer frase, o usuário tenha que rolar a tela. Você pode irritá-lo mais ainda se colocar um texto bem colorido, num fundo escuro, de forma que a leitura fique bem cansativa.

7. Nossa! Numa amostra sobre-humana de paciência, o internauta ainda está em seu site! Mostre para ele que consegue mandá-lo embora. Utilize um script para abrir o seu site numa nova janela, sem os botões padrão do Internet Explorer ou Netscape. Desative também as funções do botão esquerdo do mouse. Nossa, isso deixa qualquer um maluco. Fazendo isso você evita que ele:

- Adicione seu site na pasta Favoritos
- Consiga voltar, já que você também retirou o botão padrão
- Consiga mais abrir os links numa nova janela
- Também não consiga atualizar a página caso algum problema tenha ocorrido
- Imprimir e enviar o seu site para algum amigo.

Provavelmente o seu cliente em potencial teria ido embora do seu site no item 1 ou, no máximo, no 2. Brincadeiras à parte, antes de utilizar qualquer nova tecnologia ou algo que seu webdesigner “ache” que é legal, analise bem. Pode prejudicar seriamente a imagem de sua empresa e seus negócios. Você mesmo já deve ter passado apuros semelhantes aos que descrevi acima. Navegue em seu site com olhar crítico. Escolha um bom estúdio de webdesign, afinal o nome da sua empresa custou a ser criado. Ou então, mande embora, e irritados, os seus clientes utilizando as 7 táticas acima descritas e sofra as conseqüências.
Texto extraído deste site:
http://www.esaber.com.br/ver_artigo.asp?codigo=844

Conceito Webdesign - by WIKIPEDIA

2009-08-25T17:16:00.000-07:00

Exemplo de um layout simples.
O web design pode ser visto como uma extensão da prática do design, onde o foco do projeto é a criação de web sites e documentos disponíveis no ambiente da web.
O web design tende à multidisciplinaridade, uma vez que a construção de páginas web requer subsídios de diversas áreas técnicas, além do design propriamente dito. Áreas como a arquitetura da informação, programação, usabilidade, acessibilidade entre outros.
A preocupação fundamental do web designer é agregar os conceitos de usabilidade com o planejamento da interface, garantindo que o usuário final atinja seus objetivos de forma agradável e intuitiva.

Planejamento estratégico

Como todo trabalho de design, ele é um projeto, e necessita uma análise informacional, a partir de um briefing. Detectar corretamente o objetivo do projeto é essencial para um bom planejamento, de modo que as ações sejam tomadas de forma correta.

É sempre necessário definir o público alvo do site, o objetivo, os serviços oferecidos, o diferencial para o público. A partir desses e de outros elementos que sejam especificamente relevantes ao projeto, será definida a estrutura do site (Arquitetura de informação), a tecnologia empregada e o layout.

De uma forma geral, embora usualmente possa parecer que a primeira impressão que se tem de um site é o visual, na verdade o visitante busca o conteúdo, por esse motivo o primeiro passo estratégico é definir bem todas as informações que o site terá, definir claramente a arquitetura de informação do site e por último, o design visual do site, que não precisa pular, girar e piscar, a não ser que o que se esteja vendendo é design/imagem (que não se aplica ao meio informacional que é a Web), mas ter um aspecto profissional seguindo pelo menos os conceitos básicos do design como aproximação, contraste, alinhamento, dentre outros.

Há uma diferença conceitual marcante entre design nos meios tradicionais, como no gráfico e o design aplicado na web. Na web, a estética deve ser moldada ao dispositivo que acessa ao site ou mesmo desabilitada caso não seja necessária no contexto de utilização. No meio gráfico é possível prever como o usuário final verá a estética do produto, já na web isto não é possível, pois a aparência pode e deve mudar radicalmente de acordo com o sistema operacional utilizado, configurações pessoais, navegadores, resoluções de tela e dispositivos, como celular, TV, impressora, leitores de telas etc. Por este motivo, a informação (HTML) deve trabalhar independente da formatação (CSS) e do comportamento (scripts), que são recomendações do W3C.

Estrutura

A estrutura, também conhecida como arquitetura de informação, do site deve contemplar seu objetivo, tornando a experiência do usuário a mais confortável e fácil possível, chamamos isso de usabilidade. Deve-se planejar a estrutura de forma que o usuário obtenha facilmente a informação ou serviço desejado. Hoje em dia são inúmeras as formas que um site pode adquirir e a criatividade continua ser o grande diferencial na produção de web.

Layout

O layout precisa transmitir a informação desejada com eficiência. É preciso que o layout seja um elo de comunicação com o usuário, que sua linguagem seja condizente com o objetivo do site. Conhecer heurísticas de usabilidade é fundamental para se gerar layouts para a web.

Cada elemento inserido em um website deve ter um objetivo, a perfeição de um website se atinge quando não há nada a ser retirado e não quando não há nada mais a ser inserido.

A maioria dos layouts antigos dos sites da Web eram feitos com tabelas na linguagem HTML, porém esta forma é inapropriada pois tabelas devem ser utilizadas apenas para exibir dados tabulados. Entretanto existem layouts que são completamente produzidos sem a presença de tabelas, sao os famosos "tableless" e esta sim é a melhor forma de estrutura para layouts.

Navegadores

São programas responsáveis por interpretar o conteúdo de um web site, disponibilizando assim a interface com a qual o usuário final irá interagir. O navegador está para o web design assim como o papel está para o jornal. A grande variedade de navegadores e discrepância entre os recursos fez seus próprios criadores caminharem em direção a um padrão comum. Atualmente é indispensável criar sites seguindo os padrões da W3C.

No desenvolvimento do site, o HTML deve ser criado seguindo os padrões do W3C (Web Standards) de forma que fique funcional, independente dos dispositivos (TV, celular, impressora, monitor etc). Apesar de em tese não haver a necessidade de testar em diversos navegadores, é um bom hábito testar em mais de um navegador (Firefox, Internet Explorer, Netscape, Opera, Safari, Chrome e outros), pois o layout do site pode apresentar diferenças em determinados navegadores, e o usuário que navega não entenderá o que está acontecendo.

Padrões

A World Wide Web Consortium (W3C) é o órgão responsável por recomendar padrões de desenvolvimento para a internet. Por meio destes padrões se pode classificar: web sites de acordo com suas características técnicas, indo além do visual e; navegadores, de acordo com sua capacidade em atender aos padrões definidos.

O grande objetivo de seguir os padrões do W3C é de possibilitar que a informação veiculada pelo site permaneça independente do dispositivo utilizado pelo visitante e que seja acessível.

Programas utilizados

Existe um leque enorme de programas usados pelos web designer. Para construção do código, por se tratar de simples texto, qualquer editor de texto pode servir de suporte para a criação do código. Entretanto, há programas tanto gratuitos como de uso comercial, com interface WYSIWYG, que são amplamente utilizados no mercado tanto para gerenciar sites, quanto para apenas editar códigos, como é o caso do Dreamweaver, Aptana, Frontpage (pouco aconselhável por gerar HTML exclusivamente para o Internet Explorer, além de gerar código com possiveis erros de sintaxe), na parte visual, os editores gráficos vetoriais Corel Draw, Illustrator ou o Inkscape), de bitmap GIMP, Photoshop ou o Fireworks. Para animações e recursos dinâmicos, o Flash é o mais utilizado. Em relação ao Flash, deve-se ter o cuidado de usá-lo apenas onde a solução seja impossível de ser reproduzida em HTML, jamais se usa em menus e áreas de conteúdo por ser um arquivo binário, não ser acessível e estar em desarcordo com as recomendações do W3C.

As vantagens de se ter uma Página na Internet

A internet se tornou a maior ferramenta de marketing do mundo, e também a mais acessível. Tudo isso se deve ao seu alcance de grande parcela da população mundial acarretada pela sua dinamização e disseminação crescentes no planeta. A tendência do mercado atual é que cada vez mais as empresas, necessitarem de um segundo endereço, o virtual. De modo que divulguem seu conteúdo para se sobreporem ao seu concorrente que possivelmente já têm sua página na internet. Um endereço virtual gera publicidade e credibilidade por parte do internauta e consumidor.

Os benefícios de se ter uma identidade virtual são vários podemos apontar como os principais o fato que a internet é o meio que passa as devidas informações de maneira rápida e objetiva. Gerando um grande segmento sobre o cartão de visitas sem haver pressão sobre o cliente. Este fica à vontade pra decidir o que consumir, sendo atraído de forma natural aos domínios empresariais.

Torna a relação mais amigável com o consumidor, por diminuir significativamente as necessidades de inconveniências inerentes às outras formas de divulgação como: Telemarketing, Panfletos poluentes, Correspondência e Outdoor que causam poluição visual e ambiental. Desse modo, esclarece mais que todos os meios anteriores citados e com mais elegância se for contratado o profissional correto para direcioná-lo devidamente. E o custo com a mão de obra e matéria prima são muito menores, pois, precisam contar com inúmeros profissionais e/ou despesas de impressão altíssimas devido à demanda comercial. Outra vantagem que leva sobre as outras formas de anúncios, é que pode ser acessado a qualquer hora e lugar que tenha internet, tornando mais conveniente e as propostas oferecidas sendo analisadas com mais calma.

SUCESSO PROFISSIONAL

2009-08-19T16:01:00.000-07:00

Uma palavrinha sobre sucesso profissional:
"Só um aluno medíocre não supera seu mestre."
Leonardo Da Vinci

10 DICAS PARA "SALVAR" O SEU SITE!

2009-08-15T14:53:00.000-07:00

Existem inúmeras razões para que tão poucos sites estejam trazendo retorno para as empresas. Um dos motivos pode ser o design. Siga estas dicas e aumente as suas chances de sucesso:

1. Menos é mais. Faça o site leve e rápido

Se você esta vendendo um produto ou serviço na Internet, não se deixe levar pelos 'artistas' da rede. Mantenha o foco em sua mensagem. Ninguém quer ver um layout cheio de animações e gravuras que nunca terminam de baixar.

Tenha em mente que se não ajuda a vender não serve. Não faça nada só porque os outros estão fazendo. Construa um site para agradar ao cliente, não ao chefe.

Lembre-se que "a imagem seduz, mas é o texto que vende". Se

você quiser passar sua mensagem não deve esconde-la. Use um layout limpo e elegante, clean. Simples, mas não simplório.

Você tem apenas alguns segundos para conquistar a atenção do Internauta. Mantenha as páginas leves, use poucas imagens, bem colocadas e comprimidas. O texto deve ser direto e objetivo. Especialmente na página inicial.

2. Padrão

Todos nós temos uma "zona de conforto". Gostamos de nos sentir acomodados e seguros. Imagine chegar em casa todos os dias e a cor das paredes estar diferente? No começo pode ser um "barato", mas depois de algum tempo, você começa a ficar ansioso e inseguro.

Da mesma forma, mudar a cara de cada página, torna as pessoas confusas e impacientes. Elas podem pensar que estão em outro site e quando você menos espera, estarão mesmo.

Mantenha o mesmo padrão em todas as páginas. É fácil, basta:
• Usar as mesmas cores, molduras, botões, fontes e demais elementos em todas as páginas;
• Deixar a logomarca da empresa sempre na mesma posição.
• Se o menu está à esquerda, deixe-o lá o tempo todo, se estiver à direita, idem.

Além de tudo, mantendo um layout padronizado você passa uma impressão mais profissional.

Pense no Mac Donald´s: uma franquia com centenas de lojas em todo o mundo, todas iguais. Você sabe que em todas elas vai encontrar o mesmo serviço e a mesma satisfação.

3. Navegação

A palavra chave é simplicidade. A Internet já é um labirinto de informações. Conheço diversas pessoas que ficam loucas quando têm que achar alguma coisa. Então não complique, torne a navegação em seu site simples e direta.

Todas as páginas devem estar a dois, no máximo, três clicks de distância umas das outras. Você pode conseguir isto colocando menus para as áreas principais do site em todas as páginas.

Uma forma de testar a navegação do site é chamar alguém, de preferência, sem muito conhecimento. Peça a ele que encontre alguma coisa que VOCÊ sabe que está lá, só não diga como.

Outra forma é imaginar-se um iniciante na Internet e verificar se seria difícil encontrar alguma informação.

4. Fale conosco

Já tentou entrar em contato com a empresa e se perdeu no labirinto de links e páginas sem encontrar o email ou telefone da mesma? Eu já e aquela empresa perdeu um possível cliente.

Para evitar este problema, coloque seu email em todas as páginas. Se necessário faça um formulário de contato com poucos campos para o usuário preencher. Apenas o nome, email, telefone (caso haja algum problema com o email) e um espaço para a mensagem são necessários. Você poderá pedir as outras informações mais tarde. O importante agora é fazer contato.

5. Logos e Imagens

Já disse que ninguém quer esperar dois minutos para ver uma gravura que nunca termina de carregar. Mantenha suas imagens a um mínimo possível. Se você tem que usar muitas imagens para passar sua mensagem, uma palavra: compressão.

Imagens são uma parte importante do site, mas podem torna-lo muito pesado. Para evitar ou pelo menos minimizar este problema, use compressores de imagens. Existem diversos disponíveis no mercado, inclusive alguns gratuitos.

6. Fontes (famílias de tipos de letra)

Use apenas uma fonte em todo o site. Se quiser usar mais de uma fonte, use apenas para destaques, citações e títulos. Mantendo a variação de tipos de letras ao mínimo, você garante um visual mais padronizado e limpo. É muito mais profissional.

Outra razão é que há poucas "fontes padrão" na Internet. Arial, Verdana, Courier e Times New Roman são algumas delas. Se você usar alguma fonte fora dos padrões, pode ser que os usuários não vejam as páginas como foram criadas.

Mantenha o padrão.

7. Espaço em branco

Tão importante quanto as notas de uma canção são as pausas. Pergunte a qualquer músico.

O mesmo ocorre no design de qualquer peça publicitária. Deixe que as palavras saltem da tela, colocando bastante espaço entre elas. Deixe o texto 'respirar'. Use margens à esquerda e a direita.

Seguindo estas sugestões, o visual ficará muito mais limpo, agradável e profissional.

8. Becos sem saída

Um beco sem saída é uma página aonde não existem links para sair dela.

Pense no site de uma forma que não precise dos botões do browser para navegar, ou seja, se precisar clicar no botão voltar, tem alguma coisa errada.

Você pode colocar um link nas páginas, mas esta não deve ser a única forma de sair da página.

9. Links Mortos

Links mortos são aqueles que estão no menu, mas ainda não foram criadas as páginas correspondentes ou, pior ainda, levam a uma "página em construção".

Se a página não existe ou não está completa, não coloque indicações para ela, no futuro você poderá colocar os links e destacar que a página é nova, tornando o conjunto mais dinâmico e trazendo maior impacto. Além de tudo, links mortos dão um ar de falta de profissionalismo.

Páginas com a mensagem "em construção" causam uma frustração enorme ao internauta, afinal ele espera encontrar a informação, mas ela não está lá.

Veja que um site de verdade, estará sempre em construção. A construção só termina com o fim do site ou da empresa.

10. Links Quebrados

Teste todos os links em todas as páginas, sempre. Links quebrados, ou seja, os que levam a páginas de erro ou não existentes, são outro fator de frustração e falta de profissionalismo.
Texto extraído deste site:
http://alexandremv.blogspot.com/2009/07/10-dicas-de-webdesign-para-salvar-seu.html

Banner no Fireworks

2009-08-10T16:49:00.001-07:00

Banner criado no Fireworks para o site da loja Soberana do Sono

Arabescos e Folhagens

2009-08-09T14:22:00.000-07:00

Construindo um site para um cliente precisei saber como se faz aquelas imagens de folhagens que estão muito em moda.
Achei esta explicação muito útil para os designers, então estou postando aqui:

Arabescos – Elementos ornamentais Publicado em 23 de junho de 2007 , na categoria Elementos e técnicas, Webdesign, atualizados Elementos ornamentais, também chamados de arabescos, vêm sendo usados desde a idade média por tipógrafos e ferreiros, decorando desde de bancos públicos a convites de casamento, e agora, como não poderia deixar de ser, websites.

São elementos belos e realmente podem enriquecer um trabalho quando usado sem exageros. Em alguns casos o projeto pode ser completamente baseado nessas estruturas de contornos florais, linhas onduladas e formas geométricas. Em outros o uso é mais sutil, apenas como elemento decorativo adicionando um toque de sofisticação à página, como no caso do Speakup que usa arabescos num estilo de pixel art apenas para dar peso à alguns elementos reforçando a hierarquia do local.

Um dos melhores jeitos de decidir quando e como usar ornamentos é realmente experimentando. Isso naturalmente desafia o tempo de desenvolvimento, mas os resultados finais pode ser realmente impressionantes.

Em alguns casos, como era de se esperar, esses elementos são usados para reforçar um conceito como é o caso do Resist to day que usa ornamentos para remeter o visitante à uma espécie de “idade do ferro”.

Elementos ornamentais são o tipo de coisa que vira-e-mexe volta a moda, mas que nunca é descartado completamente. Essa arte sempre foi bela, e sempre terá lugar garantido nas artes visuais.

O que eu considero realmente surpreendente é quando o designer consegue usá-los em formas suaves e modernas. Isso prova que esse estilo não é belo somente quando aplicado em um fundo vitoriano, mórbido e umbral. Arabescos podem ser elementos modernos e elegantes.

Um ótimo exemplo disso é Tub atomic. O site poderia facilmente ter caído no básico, mas usando bem os elementos ornamentais o layout ganhou um diferencial. E a forma como fizeram isso é muito exclusiva. Principalmente pelo uso da cor preta no fundo evitando as conotações de marrom tão usuais nesses modelos. E o logo da agência ajuda conferindo um ar moderno “quase pixel”.

Um outro site muito interessante é o Brain food. Ele transmite alegria. Nesse caso dois elementos dão claramente ao projeto uma sensação de frescor: a paleta de cores e e o ar de modernidade que este site tem. É um daqueles que eu gostaria de ter feito.

Tecnicamente…
Existem dois tipos de arte arabesca.

No primeiro modo, cada repetição de forma geométrica tem um simbolismo atribuído. Por exemplo, o quadrado, com seus quatro lados iguais, é símbolo dos elementos igualmente importantes de natureza: terra, ar, fogo e água. Sem qualquer um dos quatro, o mundo físico, representado por um círculo que envolve o quadrado, cairia sobre si e deixaria de existir. Esse estilo tem sua origem nas crenças islâmicas conforme explico mais abaixo.

O segundo modo é baseado na natureza fluente de formas de plantas, folhagens e curvas. Este modo lembra a natureza feminina de dar vida. Surgiu basicamente na Europa, de um processo de distorção do formato original.

Alguns estudiosos acreditam que exista ainda um terceiro tipo: a caligrafia Arábica. Isso porque essa escrita, em sua essência e forma é uma expressão visível da arte mais elevada de todas: a arte da Palavra.

No Islamismo
Esse conjunto de formas, também conhecido como “moresque”, é usado geralmente para decorar paredes de mesquitas. É, originalmente, uma aplicação elaborada e harmoniosa da repetição de formas geométricas e folhagens.

constituem um padrão infinito que se estende além do mundo material visível. Para muitos simboliza o infinito sem centro e, conseqüentemente, a natureza da criação do Deus Allah. Além disso a arte islâmica do arabesco inspirou a iconografia da arte cristã. Aos Muçulmanos, o Arabesco é simbólico de sua fé unida e a forma que culturas Islâmicas tradicionais vêem o mundo.

O arabesco é antes de tudo misticismo, ciência e deve ser matematicamente preciso. Acredita-se que todas as formas de arabesco são criações divinas e que o homem pode ocasionalmente descobri-las, mas essas formas existiram sempre como parte da criação de Deus.

No Ocidente
A arte arabesca é basicamente uma série de formas repetidas que ocasionalmente são acompanhas de caligrafia.

Apesar da presença muçulmana na Espanha, o termo “arabesco” se introduziu no Oriente graças as relações comerciais entre Veneza e o Oriente Médio durante o Renascimento.

Os primeiros vestígios dessa arte na Europa datam de 1308 em quadros de Duccio, em Sienna, porém só se difundiu realmente no séc. XV através do trabalho dos Venezianos Cima da Conegliano (1460-1465), Vittore Carpaccio (1525-1526) e Palma Vecchio. A partir desse período encontramos arabescos em ilustrações aplicadas sobre encadernações, também sobre louça, bordados em toalhas e decorando objetos de metal.

Arabescos também foram utilizados na França em livros destinados ao Rei Louis XII (1510) e o primeiro livro inteiramente decorado com arabescos é do florentino Francesco Pellegrino (1530), sendo depois aplicados por editores de Lião e Paris.

Em seguida, na Alemanha e na Inglaterra, foram publicados livros de modelos de arabescos em parte copiados dos elementos italianos.

No séc XVIII uma confusão se instala por causa de formas grotescas, baseadas em formas humanas e de animais que não eram permitidas no original baseado no Islamismo, e isso desviou um pouco o uso da palavra arabesco, assim, em alguns livros, desenhos de alunos de Raphael são descritos como arabescos.

Nos sécs. XIX e XX, o nome arabesco passou a ser usado para determinar todo e qualquer jogo de linhas e é recomendado o uso da palavra “moresque” quando se fizer alusão à arte dos padrões de origem islâmica.

Finalizando
Tenho certeza que vocês considerarão os exemplos a seguir realmente adoráveis e de muito bom gosto, pois é isso que os arabescos sugerem, são elementos ricos em história e significado.

Exemplo de site feito totalmente com o uso de arabescos:
Sandálias Havaianas

Logotipo

2009-08-04T06:30:00.001-07:00

Logotipo criado por mim para fazer o site da Escola de Mergulho Ganesh Dive de Porto de Galinhas-PE.

Criando uma Galeria de Imagens usando Dreamweaver e Fireworks ( simultaneamente)

2009-07-21T09:47:00.000-07:00

Você sabia que é possível criar galerias de fotos para Web simplesmente com alguns cliques? Não!? Pois esse tutorial irá ensinar como fazer isso usando o Dreamweaver MX, software de edição de páginas desenvolvido pela Adobe. Importante: é preciso ter o Fireworks instalado para que este comando funcione corretamente.

1. Crie um novo documento e no menu selecionar Arquivo -> Salvar. Renomeie o arquivo como index.htm.

2. Agora no menu Comandos escolher a opção 'Criar álbum de fotografias na Web'.

3. A seguinte janela será aberta:

Será apresentada a função de cada opção acima. Para facilitar o aprendizado elas serão identificadas por letras ao lado:

A - Nesta opção é definido como será o título do álbum e este título ficará no topo da página que será criada. Ex: Fotos da Família.

B - Informações de sub-cabeçalho: uma pequena descrição do "tema" das fotos. Ex: Viagem ao Rio de Janeiro.

C - Neste campo podem ser inseridas mais informações sobre as fotos. Ex: Apenas as melhores fotos foram selecionadas.

D - No campo 'Pasta das imagens de origem' pode-se clicar no botão 'Procurar' e definir a pasta na qual as fotos estão armazenadas.

E - Local onde ficarão todos os arquivos usados. É recomendável que seja em alguma sub-pasta da pasta que contém o arquivo "index.htm" criado anteriormente.

F - Quando a galeria for criada, as fotos serão exibidas em um tamanho pequeno (miniaturas) em uma tabela e ao serem clicadas ficarão no tamanho original. Neste campo é definido qual o tamanho dessas miniaturas e vale lembrar que as medidas são sempre em pixels. Na caixa ao lado seleciona-se o nome do arquivo a ser exibido ou não abaixo de cada miniatura; em alguns casos os arquivos têm nomes como 210802.jpg, então é recomendável não selecionar essa opção.

G - É definido o número de colunas da tabela de miniaturas: cinco é um tamanho apropriado.

H - Agora é determinado qual o formato de arquivo as miniaturas terão. Para ganhar velocidade é recomendado escolher a opção GIF - mas se o objetivo é qualidade, inclusive nas miniaturas, escolha JPEG.

I - Como as fotos serão copiadas para uma nova pasta, deverá ser definido qual o formato usado no arquivo em seu tamanho natural: o ideal é escolher a opção JPEG - Melhor qualidade.

J - Essa opção é algo extremamente útil: ela criará opções para navegar entre as fotos em todas as páginas, portanto é recomendado deixá-la selecionada.

Finalmente clicar em OK: o Fireworks e o trabalho serão iniciados. Esse processo pode demorar alguns minutos de acordo com a velocidade do computador usado.

Depois de finalizado o Dreamweaver será maximizado novamente e avisará que o álbum foi criado com sucesso. Agora o arquivo deverá ser salvo e visualizado no navegador preferido. O resultado será esse:

(essa imagem usada como exemplo foi tirada do arquivo de ajuda do Dreamweaver)

É nítido que o computador fará quase todo o trabalho. Pronto!

Texto Ao Longo da Linha

2009-07-15T09:48:00.000-07:00

Um texto atachado ao longo de uma linha.
Feito por Luciano Saede (ex-aluno).

Máscara

2009-07-14T05:40:00.000-07:00

Olá!
Este efeito é usado nas fotos para que não fiquem com aquele aspecto quadrado, que deixa a imagem com aspecto de que não recebeu nenhum tratamento antes de ir parar na internet.
O trabalho foi feito em aula pelo meu aluno Itamar Junior da "Espaço Virtual" usando o Fireworks.

Desenhando com Fireworks

2009-07-08T09:34:00.001-07:00

Bem, a Saiô ( Saionara ) é uma aluna especial para mim e hoje nós criamos esta logomarca em aula, que será a logomarca da empresa dela na internet: "DNA da Barata".
Usamos o Fireworks para desenhar a baratinha e efeitos de texto no editor de textos do Fireworks.

Banner Animado

2009-07-07T16:02:00.001-07:00

É com muita honra e satisfação que apresento um trabalho de criação de gif animado feito em aula, da minha aluna "Rosângela Campos" diretora da Domus Organizzare.

CURSO WEBDESIGNER

2009-06-10T06:38:00.000-07:00

Olá pessoal!

Gostaria de dizer que todas as idéias aqui expostas são principalmente dos meus alunos, que são extremamente criativos e webdesigners natos! Também quero dizer que vocês me ajudaram muito a acreditar no que eu sou capaz de fazer!!
Neste blog irei postar idéias, matérias dadas em aula, links muito úteis, materiais feitos por mim e pelos meus alunos. E algumas bobagenzinhas ( porém sempre úteis )... Porque ninguém é de ferro!!

Obrigada!
Um abraço a todos,
Profa Ana