Mini-curso de Web Standards no 2° PHP-MG

Na última sexta-feira começou o segundo encontro de PHP de Minas Gerais na UNI-BH em Belo Horizonte.

Foram dois dias de evento, sendo que no primeiro, tivemos os mini-cursos em MySql, Linux, Joomla!, PHP, Web Standards entre outros.

Eu fui uma dos palestrantes do mini-curso com o tema "Web Standards: Melhores Práticas para Construção de Páginas Web", onde dei dicas, truques e mostrei algumas soluções com problemas frequentes como o crossbrowser para os IE(cas).

Fiz um PDF com mais detalhes dos assuntos citados e no final tem alguns links que considero relevantes no assunto, de blogs, revistas e livros.

Pra quem estava no curso, obrigada pela presença de todos e também pelo bom feedback que recebi. Foi uma experiência muito boa ensinar um pouco da experiência que eu tenho.

Abaixo a apresentação e o pdf.

;)

Google Wave: uma grande rede social do Google?

O Google rumo à sua conquista de dominar o mundo, está com mais um projeto: o Google Wave.

Google Wave é uma ferramenta de comunicação e colaboração para web, com lançamento previsto para este ano ainda. No site da ferramenta tem alguns vídeos mostrando como que é feita essa colaboração entre os usuários. Será que é o Google criando uma big rede social?

;)

CHAT sobre Google Analytics da ETI

O chat feito pela ETI e respondido pelo Google Advertising Professional Fernando Kanarski, do underGoogle.com.br e referência sobre o Google português, foi muito bom! Muitas pessoas presentes e as perguntas foram bastante relevantes. Anotei alguns pontos que achei mais importantes, mas para quem quiser, o chat está disponível no site da ETI. Abaixo uma pequena lista:

• » O Google Analytics teve recentemente a mudança para a versão 3.0;


• » No Youtube tem um vídeo que se chama "Advanced techniques in Google Analytics" que foi recomendado pelo Fernando. O vídeo está em inglês.


• » Os scripts carregados pelo GA, deixam a pagina um pouco lenta, por isso é recomendado que esses fiquem no final da página, para que não interfiram no seu processamento, já que será a última coisa carregada. Para que o site seja todo "analisado", esse script deve ficar em todas as páginas, ou em algum include que fique em todas.


• » Um e-book em pdf online também recomendado pelo Fernando.


• » Sobre a apresentacao de dados para o cliente: dependem da necessidade de cada um, como por exemplo "visitantes vindos do google tem mais potencial?". Isso pode ser feito através da taxa de rejeição x tempo do site e conversões realizadas pelo google e outras mídias.


• » Os sites feitos em Flash recebem o mesmo tipo de monitoração que os sites html. Mas para que o GA reconheça a navegação feita dentro do site e receba os dados necessários, deve-se incluir ações na linha de tempo. No próprio site do GA tem um tutorialzinho ensinando como fazer isso.


• » Taxa de rejeição é a medida de profundidade de visitas em seu site. Quanto mais usuários acessarem a página e clicarem em outros links, menor será a taxa de rejeição. Os blogs tem uma taxa de rejeição mais elevada, mas pode ser evitada através de links como "leia mais". Não existe uma taxa de rejeição ideal, mas quanto menor, melhor. Outra dica para evitar o aumento dessa taxa, é induzindo o visitante do site a clicar em links de assuntos parecidos com o que ele está lendo.


• » "Google Analytics é usado justamente para ver variações e erros ortográficos que levam usuarios ao seu site!"


• » Como configurar a busca interna do GA?


• » Blog do GA: analytics.blogspot.com

Acessem o site do chat para mais informações, foi muito bom!!

;)

Desenvolvendo com Joomla

Para quem não sabe, Joomla é uma ferramenta CMS. Não entendeu? humm...

O Joomla serve para gerenciar conteúdo web, ou seja, criar ou manter portais web. A vantagem de se usar essa ferramenta é que, mesmo uma pessoa sem muitos conhecimentos de programação ou desenvolvimento, consegue fazer os ajustes do portal sem muitos problemas. Mas claro que é necessário pelo menos um conhecimento básico da ferramenta, e é por isso que vou fazer uma bateria de artigos, para "dar uma luz" nesse assunto, mas não sou uma expert, então dicas e opniões são bem vindas.

O Joomla usa linguagem PHP e possui várias comunidades que desenvolvem plugins e temas para facilitar ainda mais o seu uso. Citarei algumas nos artigos.

Para começar, precisamos ter na máquina um servidor para que possamos rodar o PHP. Recomendo o WampServer, pois não precisa ficar mechendo nas configurações para que funcione e é gratuita.

Após instalar o servidor, iremos baixar o Joomla. Descompacte o arquivo e copie todo o conteúdo para dentro do servidor. Se você está usando o WampServer, o caminho é c:/Arquivos de Programas/wamp/www/. Crie uma pasta "joomla" e cole esse conteúdo dentro dela para que fique mais organizado caso se crie outro site.

Agora a instalação do Joomla. Veja esse tutorial do Ribamar FS, apesar de ser de uma versão mais velha, ajuda muito. Até a página 18, tem explicando passo-a-passo o que é necessário para que o Joomla funcione sem problemas.

Vale a pena dar uma conferida no restante do tutorial, pois já ensina as funções básicas da ferramenta.

Brinque um pouco para enteder a ferramenta melhor, em outros artigos eu entro em mais detalhes quanto a temas, funções, prós e contras do Joomla.

;)

Geradores de esquemas/paletas de cores

Eu não sei se isso acontece com todo designer, mas eu sou realmente perfeccionista com meus trabalhos.

Antes de começar qualquer projeto, inicio sempre pela logo, pois ela que vai definir as cores usadas no trabalho.

Mas nem sempre temos criatividade o suficiente de combinar essas cores com outras, sem deixar que o layout/desenho fique bagunçado, exagerado ou apagado demais.

Por isso escolhi alguns sites para dar uma forcinha nisso. A partir de uma cor base, você consegue outras que deixam a combinação harmônica. Se você preferir existem outros que te dão paletas de cores prontas ou fazem esquemas de cores a partir de uma imagem de sua escolha!

Veja esses links

• kuler - um ótimo criador de esquemas de cores da Adobe;
• COLOURlovers - paletas de cores prontas;
• ColorMatch Remix - te dá outras OITO cores a partir de uma cor base;
• EasyRGB - te dá outras DOZE cores a partir de uma cor base;
• dhtmlGoodies - te mostra seis esquemas de cores diferentes;
• DeGraeve - esquema de cores a partir de uma imagem;
• Color Pallete Creator - cria uma paleta de cores a partir de três cores. Visite o tutorial (em inglês) para entender melhor;
• ColorBlender - CINCO cores a partir da cor base.

Eu sempre faço uma visita nesses sites para ter uma idéia de combinação nos trabalhos, e recomendo os que estão em negrito. São os que eu mais uso.

;)

Adicione comentários em imagens e compartilhe

O Fine Tuna é um site onde você envia uma imagem ou uma foto (do computador ou um URL), e coloca um comentário em cima dela. Funciona como os comentários nas fotos do Flickr, a diferença é que não é necessário criar uma conta. E o legal é que depois você pode compartilhar com amigos e familiares mandando o link por e-mail através de um campo no canto superior do site. É interessante, pois pode ser usado em algum screen de um layout para um cliente, então ele poderá dizer o que pode ser mudado através dos comentários que ficam em um lugar determinado por ele. É bem útil!

Fonte: Smaching Apps

;)

Etiquetas para site

Em relação a links, acredito que a melhor maneira de se chamar atenção para ele é com o uso de imagem. Claro que isso não é usual no meio de textos, falo de links de parceiros ou de outros sites como Orkut. Acho melhor o uso de uma imagenzinha, um ícone com texto ou sozinho.

Estou fazendo o possível para a divulgação do meu blog, e lembrei de um site que divulga "Etiquetas" dos sites cadastrados nele. Acho que esse site não é atualizado há tempos, pelo menos tentei mandar várias vezes alguns sites para lá e não tive sucesso, mas pelo menos ele tem uma ferramenta de criação bem legal.

No site tem um "buttonmaker" que faz etiquetas e disponibiliza para download na hora.

Você pode escolher as cores de fundo, borda e fonte. Dividi-lo em duas partes ou deixa-lo inteiro. Tem como escolher também o estilo de fonte, mas isso já é pré-definido no site, as opções que ele tem são boas, dependendo do tamanho do texto.

No topo da ferramenta, ainda tem um link de histórico com as criações recentes, para usar como base.

Então fica a dica para quem não tem o seu ainda.

[]'s! =)

ps.: Obrigada André pelo post no seu blog!! Fiquei muito contente!!! xD