Nesses casos é importante permitir que o visitante veja facilmente o perfil do autor do post que está lendo, outros artigos do mesmo autor e o link para seu site individual.

Há diversos plugins para fazer isso no WordPress.

• Author Exposed: Aprimora o link para o autor do post exibindo uma caixa sobre o artigo com o avatar do autor, outros dados do perfil (incluindo a página pessoal) e um link para todos os artigos dele no site. Funciona perfeitamente no WordPress 3.1. Não usamos aqui na i4B, mas você pode ver um exemplo clicando nos autores dos posts e páginas do Coachbr.com.
• Author Avatars List: Insere a lista de autores do site em qualquer página ou artigo onde seja inserido o shortcode [authoravatars]. Oferece uma série de parâmetros para filtrar e modificar o resultado como por exemplo: [authoravatars show_biography=true min_post_count=1]. Há um exemplo na lista de autores do CoachBR.
  

  Captura de tela: Author Avatars

Esses dois plugins em conjunto são uma das soluções possíveis, mas até o momento não diria que são a melhor solução pois ainda não avaliei todas as mais de 100 possibilidades disponíveis no diretório de plugins do WordPress.

Outros plugins que podem ser úteis:

• Cool Author Box: Cria uma barra no rodapé do post que parece as legendas usadas em noticiários de TV
• Top Authors: Exibe os N autores que mais escreveram no site.
• List posts by author: Lista os artigos de um autor do blog ou site com uma apresentação melhor.
• Author info widget: mostra a foto, a biografia e links das redes sociais dos autores do blog nos menus do WordPress
• List Authors: Lista os autores do site ou blog acrescentando opcionalmente o RSS de cada autor.

Enviando fotos para o site

Normalmente as fotos que você quer publicar no seu post (artigo) ou page (página) estarão em seu computador. Para usá-las você terá que enviá-las para o seu site.

Primeiro entre na tela de edição de post ou page:

Editor de textos do WordPress

O botão para inserir imagens está acima da barra de ícones, logo à direita do texto Upload/Insert. Na imagem acima eu deixei o mouse sobre o ícone para fazer aparecer o texto de ajuda “Add an image” que você vê se sobrepondo à barra de ícones.

Ao clicar no botão a tela a seguir aparecerá sobre o post ou página sendo escrito. Essa tela é um centro de atividades de tudo que você pode fazer com imagens: enviar para o site, definir suas características, buscar imagens que já foram enviadas para o site, inserir imagens uma a uma ou em grupo.

Escolha a imagem

Ao clicar no botão “Select files” será aberto o programa do seu sistema operacional (Windows, MacOS, Linux) que permite navegar pelos arquivos do seu HD. Você pode selecionar várias fotos usando o botão CONTROL (Comand no Mac) ou o SHIFT.

Depois que você selecionar as fotos e clicar em Ok elas serão enviadas para o seu site. Observe enquanto o WordPress envia as fotos e faz o processo de “crushing” que consiste simplesmente em criar três versões das fotos em tamanhos diferentes. Geralmente é melhor usar o tamanho médio ou pequeno para que o artigo carregue rapidamente mesmo em celulares.

Quando o upload das fotos terminar a tela estará como essa:

Imagens do post

Essa, a propósito, é a imagem em tamanho médio. Clique nela para ver no tamanho original.

Clicando no link “Show” que aparece do lado direito você pode ver os detalhes da foto como:

• Title: Importante. Ele é usado pelo Google para indexar suas fotos
• Alternate Text: deve ter uma descrição para quem é cego. Esse texto é lido pelos programas especiais para eles.
• Caption: é o texto que aparece sob a foto como o texto “Imagens do Post” sob a imagem acima
• Description: Importante também para a indexação do Google e outros buscadores. É o texto que ele mostrará associado à foto

Os demais campos são para definir o alinhamento da foto ao ser inserida no post ou page e a versão (pequena, média ou full size) que deve ser usada. A tela abaixo mostra esses detalhes:

Detalhes da imagem

As imagens que você acaba de enviar para o site são automaticamente associadas a esse post ou página que você está escrevendo e ficam sendo sua “Gallery” de imagens. Observe que na parte superior dessa janela que abriu quando clicamos em “Add an image” tem as opções “From Computer”, “From URL”, “Gallery” e “Media Library”. Basta clicar em “Gallery” para ver a tela abaixo:

Imagens do post

Note que essa tela lhe permite inserir todas as fotos da galeria com um único clique (o botão não está visível na imagem acima, mas fica logo abaixo de “Gallery columms”). Veja abaixo como ficam as imagens inseridas dessa forma:

E finalmente, podemos inserir imagens que já tenham sido enviadas para o site antes, basta ir na última opção dessa janela, “Media Library” A imagem está a seguir:

Banco de mídia

Você notará que nessa tela há a possibilidade de filtrar as fotos por data de envio ou por texto. Por isso é importante definir bem os detalhes (Title, caption etc.) ao enviar cada imagem para o site: para ficar mais fácil localizá-las para usar no futuro.

Caso você queira usar imagens da sua Media Library para fazer uma galeria como a que mostrei logo acima (com todas as imagens inseridas com um só clique) você terá que recorrer a um artifício:

1. Insira as fotos que vai querer uma a uma: isso as fará passar a fazer parte da galeria de imagens desse post
2. Apague todas as imagens do post. Elas continuarão fazendo parte da galeria dele
3. Insira a galeria normalmente como mostrei mais acima.

Esse post está longe de esgotar todos os recursos com fotos disponíveis no WordPress, mas deve atender às necessidades de 90% dos casos.

O segredo do sucesso de qualquer buscador é a capacidade de achar textos relevantes para a pessoa que fez a busca então é natural que todos os seus esforços sejam no sentido de “ler” cada página da Internet e definir em que temas elas se encaixam e qual é sua relevância nessa área.

Agora as questões são: como ter conteúdo relevante e como os robôs dos mecanismos de busca vão achá-lo?

Bem, há duas formas de fazer isso e sugiro usar as duas:

• Escreva seus textos pensando em quem você quer que os encontre
• Tenha um site tecnicamente amigável para os buscadores.

Vamos começar pelo “tecnicamente amigável” pois é mais simples de explicar.

Sites amigos de buscadores

O primeiro passo é usar um bom CMS (Content Managemant System) como o WordPress. Eles já fazem boa parte do trabalho naturalmente inserindo os códigos necessários (como as metatags).

O WordPress é um dos melhores CMS nesse aspecto (Não é a toa que é usado nos portais de notícias tanto da Globo quando da Record), mas pode ser melhorado com alguns plugins:

• Platinum SEO pack
• Google site map generator
• Supercache ou Hypercache (ainda não homologado para o WP3, mas tenho usado sem problemas)

O cache é importante pois atualmente a velocidade de carregamento do site tem peso na análise de relevância.

Depois de instalar o gerador de Site Map você terá que mandá-lo gerar o mapa pela primeira vez e depois ele funcionará sozinho.

Você terá que dedicar um pouco mais de tempo ao Platinum SEO pack para entender os seus campos, mas ele já ajudará simplesmente sendo instalado.

Permalinks… O nome é estranho, mas isso é o endereço das suas páginas. Por exemplo, o permalink da nossa página de contato é i4b.com.br/contato.

O padrão do WordPress (não imagino porque) é fazer links do tipo meusite.com.br/?p=12, mas pode ser facilmente configurado na opção Settings/Permalinks. Altere para /%category%/%postname%/

O nome do domínio ajuda bastante, preparacaodeatores.com.br terá muito mais chances de ser achado em uma busca por preparação de atores do que soufulano.com.br

O Marketing de Busca do Web Paulo é uma das melhores fontes de informação tanto para explorar as vantagens do Platinum SEO quanto para o item a seguir.

Outra boa fonte é o site Tudo Para WordPress do @GugaAlves

Como escrever seus artigos e páginas

Escrever online até certo ponto é parecido com o que um jornalista ou redator fazem, mas tem algumas diferenças:

• O leitor online prefere textos mais curtos e diretos
• Temos que escrever para os robôs dos buscadores também

Há dois motivos para o texto ser adaptado para o leitor internauta. O primeiro é obvio: não queremos escrever para robôs! Hehehe! O segundo é que um texto que passa a mensagem rapidamente tem mais chance de ser compartilhado pelos leitores e os robôs dos buscadores procuram observar isso.

O segredo de escrever para robôs é lembrar que os humanos tem uma grande facilidade em lançar olhos sobre um grupo de palavras e identificar se ele se enquadra em seu interesse, mas os robôs não são (ainda) tão espertos.

Imagine por exemplo que você faça preparação de atores.

Vamos listar algumas estratégias para o texto ser mais amigável para os robôs:

• O seu primeiro parágrafo deve resumir o artigo (isso é bom para o leitor humano também)
• Coloque as palavras mais importantes no título da página ou artigo como “Workshop de Preparação de Atores de Teatro em Curitiba” para um artigo avisando da data, duração e preço do próximo workshop agendado
• Se o texto tiver subtítulos use os tipos de parágrafo adequados (Título 1, 2, 3 etc.) pois os robôs sabem que as palavras ali são importantes para definir o conteúdo do texto
• Palavras em negrito também são consideradas mais importantes pelos buscadores
• Garanta que o título do seu site (que aparece em todas as páginas) contenha as palavras mais buscadas pelos visitantes que você deseja atrair
• O WordPress tem um campo para a descrição do site (e o Platinum SEO o melhora). Esse é o texto que aparece sob o link para o seu site nas buscas e tem uma grande importância também quando o robô analisa seu conteúdo
• Defina palavras chave (tem um espaço para elas na parte direita da tela quando estamos escrevendo um artigo). Elas podem não ter um grande peso no status do site, mas ajudam o buscador a classificar o conteúdo

Reputação e redes sociais

Já se fala no fim da era dos buscadores depois que a Internet se tornou uma grande rede social (o segundo site mais acessado do mundo é o Facebook e há o fenômeno Twitter só para citar alguns).

Agora muitas vezes achamos o que nos interessa buscando o que os amigos já aprovaram.

Os buscadores estão atentos a isso há muito tempo, tanto que, desde o começo, um dos fatores mais importantes para o Google na hora de classificar um site é quantas vezes ele é mencionado por outros sites, ou seja, uma rede social vasta de pessoas que citam o site é vista como uma forma de aprovação da relevância do seu conteúdo

Mas CUIDADO! De forma nenhuma, jamais, nem em sonho aceite o chamado link farming que consiste em pagar o serviço de alguém que providencia para milhares de sites linkarem o seu artificialmente. Isso vai contra o interesse dos buscadores que querem achar conteúdo relevante e não sites artificialmente recomendados. A resposta deles pode demorar, mas é devastadora: eles cortam seu site de toda e qualquer busca.

Se você ou sua empresa são referências na sua área naturalmente outros colocarão links para o seu site.

O ideal é que o texto que contém o link seja expressivo.

Por exemplo clique aqui não diz nada, mas os buscadores vão favorecer seu site se o linkarem como a melhor preparação de atores do Brasil.

Uma forma de aumentar a possibilidade de linkarem seu site com um texto relevante é associar sempre um lema curto e expressivo a ele.

Algumas pessoas negociam troca de links com sites mais famosos. Pessoalmente não gosto dessa prática muito embora realmente o link em um site com boa colocação no Google (Page Rank) pese mais.

Mais eficiente é usar um serviço/plugin como o ShareThis que cria um botão para compartilhar suas páginas e posts nas principais redes sociais.

Fiz tudo isso e meu site ainda não aparece bem

Tenha paciência e persistência. Há vários fatores que podem dificultar a boa colocação do seu site:

• Sites novos ficam algumas semanas em observação e idade é importante na classificação do site
• Se os seus temas centrais são muito populares você terá uma longa escalada pela frente. Invista pesadamente no conteúdo e nas redes sociais para se tornar conhecido e  uma referência.
• Seus concorrentes também investiram corretamente no SEO (mesma sugestão acima)
• Seu site foi penalizado pois você tentou alguma estratégia para enganá-los, nesse caso pare imediatamente! Só o bom conteúdo salva.

Referências

Ajudaram a construir esse post:

• Treinamento de SEO de Ricardo Saavedra (@RicardoSaavedra)
• @Lazzarus que perguntou sobre Link Farming
• @alexrodrigues43 que colaborou com uma lista bem interessante de plugins para WordPress

Hoje, entre o registro e ativação do domínio e ter o site pronto para receber conteúdo, passam no máximo 4 horas graças à criação da tecnologia de sites dinâmicos nos primeiros anos dessa década que está acabando.

Apesar disso boa parte dos novos colonizadores da Internet (novos donos de sites) demoram meses para começar a alimentar seus sites com conteúdo por que não conseguem encontrar o design perfeito para seu site.

Aqui vão algumas dicas para você definir o design do seu site em menos de uma hora e poder começar rapidamente a construir seu lugar na Rede.

Conteúdo, onde tudo começa

Até mesmo o nome do seu domínio é melhor escolhido se você já sabe qual será o conteúdo do seu site, por isso comece pensando nele:

• Sobre o que o site falará?
• O site será pessoal ou institucional?
• Qual é o perfil do visitante que você pretende receber em seu espaço?
• Quais serão as páginas do site (além de uma para “quem somos” e outra para “contato”)?
• O site terá uma sessão de artigos (é bom que tenha) e quais serão os temas e categorias?

O segundo item da lista acima é muito importante.

Se o seu site será pessoal, ou seja, uma representação sua online então o foco não estará no leitor e sim nos seus interesses, gostos e habilidades. Mais a frente você definirá o design que seja agradável para você e assim atrairá leitores que tem o mesmo perfil.

Caso o site seja institucional ele não deve ser feito para agradar você e sim o visitante. Pense nos interesses, cultura e perfil do seu visitante e não no seu próprio. Isso ajudará a escolher um design adequado.

Como escolher um template?

Se você tem recursos financeiros e um webdesigner em quem confie não pense duas vezes: contrate-o.

Caso contrário parta para o plano B ou haverá uma enorme possibilidade do desenvolvimento do design ser demorado e estressante minando energias que devem ser investidas na criação do conteúdo.

A escolha de um modelo pronto para WordPress pode ser mais desgastante que a comunicação com um webdesigner em quem não confiamos afinal há facilmente 6 mil templates gratuitos para o WordPress. Já ouviu falar no paradoxo da escolha?

Na hora de escolher um template sugiro muito francamente usar o padrão do WordPress mudando apenas a cor de fundo e a imagem do cabeçalho, o que pode ser feito em segundos se você já tem uma imagem pronta.

Pense no seguinte. Todo site tem um cabeçalho com uma imagem para ser lembrado mais facilmente, um menu lateral (preferencialmente à direita para destacar o conteúdo), algumas vezes um menu horizontal no cabeçalho e uma grande área para o conteúdo do lado esquerdo (é onde os olhos do internauta vão primeiro).

A personalização pode facilmente ficar por conta da imagem e da cor de fundo

Outra vantagem de usar o modelo padrão nesse momento é que a nova versão do WordPress acaba de ser lançada com diversos novos recursos e os templates mais antigos podem não ter suporte para alguns deles.

No caso de você odiar o design do template padrão (se estiver fazendo um blog ou site pessoal) ou achar que os seus clientes não gostarão (no caso de um site institucional) procure primeiro entre os outros templates que já vem pré-instalados no WordPress e depois em repositórios como o WordPress Themes e o WordPress Themes Archive, mas resista bravamente à tentação de buscar o modelo perfeito. Selecione quatro ou cinco que sejam leves e tenham uma área para uma imagem no cabeçalho e peça ajuda dos amigos para escolher o seu.

Uma das vantagens de usar um CMS como o WordPress é a facilidade de mudar o design do site completamente com dois ou três cliques de mouse, ou seja, depois que você já estiver com seu site no ar, recebendo conteúdo e construindo uma reputação, você pode calmamente buscar o template perfeito e ativá-lo aproveitando para fazer uma festa em torno do evento.

Como de costume criei uma videoaula (no final do post) tanto para apresentar os novos recurso quanto para mostrar a quem nunca fez uma página como é fácil criar um site profissional ou institucional em menos de 20 minutos usando um CMS como o WordPress.

Aproveito para compartilhar com vocês alguns insights:

1. A maioria dos visitantes de um site não o conhecem e visitam a home para entender onde estão. Coloque lá um texto que diga rapidamente sua área de atuação
2. Procure usar poucas categorias de artigos, mas pode abusar no uso de palavras chave
3. A nuvem de palavras chave (tags) é um ótimo instrumento para o seu visitante entender com um lance de olhos quais são os assuntos do seu site
4. Use o menu horizontal sob a imagem do cabeçalho para destacar artigos que você gostaria que a maioria dos visitantes vissem, mas não exagere na quantidade
5. Coloque no rodapé os links para as redes sociais online que você usa para consolidar sua reputação como Videolog, Twitter, Delicious e Facebook

A videoaula:

Como fazer um site profissional com o WordPress 3 from i4B Exista na Internet on Vimeo.

Naturalmente que nós podemos acessar esses emails com um programa de email. De preferência que suporte o protocolo IMAP que mantém o seu programa de email sincronizado com o seu webmail reproduzindo inclusive as pastas que criamos.

Há algum tempo fiz um vídeo explicando as vantagens do IMAP:

O Google oferece explicações de como configurar o IMAP e o POP em vários programas de email como o Thunderbird, mas até o momento elas não foram atualizadas para a versão 3.0 do Thunderbird e por isso criamos esse breve tutorial.

Considerando que o seu email é seu_login@seu_dominio.com.br o passo a passo é esse:

1. Entre no seu webmail (mail.seudominio.com.br) com o login seu_login
2. No canto superior direito da tela tem um menu: seu_login@seu_dominio.com.br – Gerenciar esse domínio – Configurações - Ajuda – Sair. Clique no Configurações
3. Abre-se uma tela com várias abas: Geral, contas, marcadores, Filtros, Encaminhamento e POP/IMAP etc. Clique no “Encaminhamento e POP/IMAP”
4. Ative a primeira opção de Baixar pelo POP (Ativar o pop para todos os emails) e/ou a primeira do IMAP. Sugiro usar o IMAP e vou continuar as instruções considerando que vc vai usá-lo
5. As instruções restantes para quem usa a versão 2.0 estão no tópico Configurar o Thunderbird 2.0 do help do Google

Como configurar o Thunderbird 3.X para acessar o email do Google para sites

Abra o Thunderbird e vá no menu Arquivo/Novo/Conta de email. Vai aparecer a tela a seguir:

Dados básicos da conta de email

Os campos são os seguintes:

• Seu nome: Livre, coloque o nome que você usa
• Endereço de email: o seu endereço em seu domínio, ou seja seu_login@seudominio.com.br
• Senha: a mesma que você usa para acessar o webmail do seu_login@seudominio.com.br

Depois de preencher esses campos clique em continuar para ver a tela seguinte.

Detecção automática das configurações do email

Essa tela tenta detectar automaticamente suas configurações e não funciona muito bem com o Google for Applications. Clique em “Parar” para fazer a configuração manualmente. A tela ficará assim:

Configuração básica do Thunderbird 3.0 para acessar o email do Google

Preencha da seguinte forma:

• Nome de usuário: seu_login@seu_dominio.com.br
• Recebimento: imap.gmail.com
• IMAP: 993
• SSL/TLS
• Envio: deixe qualquer um pois vamos alterar mais à frente

Clique em “Configuração manual…” na tela acima para entrar na tela de configuração detalhada:

Configuração avançada do Thunderbird 3.0

Aqui já deverá estar tudo ok, mas é bom conferir antes de continuar.

Depois de conferir clique em “Servidor de envio (SMTP)” no quadro branco do lado esquerdo da janela. É a última opção na imagem acima.

Configuração do servidor de envio (SMTP)

Essa tela permitirá configurar o servidor de envio de mensagens. Em termos práticos qualquer um pode ser usado, mas é adequado configurar um para cada conta de email.

Clique em adicionar e preencha a tela que aparece como a da imagem abaixo:

Criação de uma nova conta de SMTP para envio de emails

Agora você pode ir para o último passo: associar essa conta de SMTP à conta seu_login@seu_dominio.com.br

Depois de clicar em OK na tela acima você verá apenas a tela “Configuração avançada do Thunderbird 3.0″ novamente.

Clique em seu_login@seu_dominio.com.br (na imagem abaixo está riscado de preto) que está no mesmo quadro branco onde você achou o “Servidor de envio (SMTP)” e ela deve ficar como na imagem abaixo:

Thunderbird 3.0: associando uma conta SMTP a um email

Note que pouco acima dos botões “Ok” e “Cancelar” que ficam no canto inferior direito tem a opção “Servidor de envio (SMTP). Basta clicar na setinha no campo ao lado dele e escolher o servidor de envio de email que acabamos de criar.

Caso você crie outras contas de email no mesmo domínio (seu_dominio.com.br) crie também uma conta de SMTP para cada uma pois alguns serviços de email enviam as respostas para o endereço especificado no servidor SMTP, ou seja, se você tem uma conta fulano e outra beltrano @seu_dominio.com.br e enviar uma mensagem da caixa postal da conta fulano usando o SMTP da conta beltrano é possível que a resposta ao seu email seja direcionada para beltrano@seu_dominio.com.br e não para fulano@seu_dominio.com.br.

Os sites estáticos são feitos em programas parecidos com um editor de textos como o Word. Sites estáticos são documentos html assim como um texto comum é um documento .doc

Essa descrição pode parecer tola e óbvia, mas tenha um pouco de paciência pois sou obrigado a seguir esse caminho para deixar a questão bem clara para todos.

Sendo assim um site estático é um site que é feito em um programa e depois colocado à disposição em um site para ser visto por todos.

Os sites estáticos podem até ser animados se forem feitos em um programa como o Adobe Flash.

O vídeo abaixo mostra esses tipos de sites logo no começo:

No restante do vídeo dou exemplos de sites dinâmicos e mostro alguns dos seus recursos, mas é difícil explicar um site dinâmico em uma pequena video aula.

Por outro lado a explicação escrita faz os sites dinâmicos parecerem algo complexo quando é justamente o contrário: eles permitem que o mais leigo dos usuários possa manter seu próprio site. Por isso sugiro que voce assista o vídeo todo que tem apenas 12m22s.

Tecnicamente um site dinâmico é um site onde as páginas que você ve são criadas no momento que você entra no site.

Vou explicar em termos mais práticos.

• Site estático: você digita o endereço do site (ou clica no link dele) e um arquivo html ou Flash é enviado para o seu navegador (Internet Explorer, Firefox, Safari, Chrome, Opera et.c) que exibe o conteúdo.
• Site dinâmico: O conteúdo do site está em um banco de dados e é construído na hora que você entra nele, ou seja não existe um documento html ou similar armazenado no site, ele é construído dinamicamente.

À primeira vista pode parecer que os sites dinâmicos demoram a carregar, mas graças ao crescimento exponencial do poder de processamento dos hospedeiros de sites nos últimos 10 anos  não se nota a diferença.

Normalmente a vantagem dos sites dinâmicos que mais chama a atenção é que, uma vez que o design tenha sido feito, eles podem ser atualizados por qualquer pessoa sem necessidade de nenhum conhecimento técnico de html, css, xml e outras abreviações criptográficas.

Entretanto as vantagens reais de um site dinâmico vão muito além. Praticamente qualquer coisa pode ser feita com um site dinâmico.

Toda loja online por exemplo é um site dinâmico.

Os sites dinâmicos aceitam extensões (normalmente chamadas de plugins ou módulos) para criar foruns, enquetes, recursos multilíngues (já viu os sites que reconhecem a sua língua e já abrem na versão correta?) e podem criar todo tipo de conteúdo dinamicamente.

Um bom exemplo de conteúdo gerado dinamicamente são listas de artigos relacionados com o artigo que você está lendo.

Isso funciona da seguinte forma: ao abrir um artigo o sistema que gerencia o site dinâmico busca todos os artigos que usam as mesmas palavras e os lista na lateral do artigo que voce está lendo (ou no final, tudo depende de você).

Acima de tudo os sites dinâmicos são importantes pois vivemos uma importante fase de humanização da Internet em que ela se torna uma ponte entre pessoas.

Um site estático não permite interação entre o leitor e o autor enquanto no site dinâmico é possível deixar comentários, indicar o quanto gostamos do artigo pontuando, por exemplo, de 0 a 10.

Hoje diz-se que blogs são pessoas e pode-se dizer o mesmo de qualquer site: nós esperamos que seja possível perceber que há humanos como nós do outro lado dos sites que visitamos e para isso é necessário mais do que um formulário de contato que jamais é respondido.

Tenho notado que as pessoas consideram que “site mesmo” é um site estático feito em HTML com a estrutura padrão de cabeçalho com logo da empresa e um menu lateral com as páginas “Quem somos”, “Serviços”, “Missão”, “Contato” e outras.

É importante afirmar e reafirmar que os sites estáticos (que são documentos HTML ou Flash) devem ser a última opção visto que vivemos em plena era da web dinâmica e portanto usar um CMS (Content Management System – sistema gerenciador de conteúdo). Estou preparando outro post e uma video aula sobre isso.

Há uma infinidade de CMS especializados em vários tipos de sites: blogs, sites, portais, lojas, foruns, albuns de fotos, ensino à distância, genealogia e redes sociais somente para citar alguns.

O WordPress, apesar de ter nascido como um gerenciador de blogs, se desenvolveu velozmente até se tornar um excelente CMS genérico há alguns anos.

Uma instalação crua do WordPress terá a aparência de um blog, mas com pouquíssimo trabalho podemos modificá-lo para ser um site institucional.

A propósito, a título de demonstração, costumo mostrar o site do Twitcast que tem um dos mais complexos designs desenvolvidos em WordPress. O Twitcast é um podcast sobre Twitter e cibercultura. No site, além dos podcasts, você encontra uma sessão de destaques, outra com ferramentas para o Twitter e notícias e uma terceira com vídeos.

Na video aula abaixo me concentro nos ajustes necessários para tirar a aparência de blog do WordPress e aproveito para mostrar um pouco da interface da versão 2.7

Esse texto serve de apoio para uma video aula em duas partes que fiz sobre como fazer um site em html. Os vídeos estão no final do artigo.

Somente um bom designer especializado em webdesign pode fazer um site profissional e provavelmente ele não o fará em HTML uma vez que este tipo de site pertence aos tempos da Web 1.0 tornando-se ultrapassado a partir da segunda metade da década de 90.

Esse artigo é apenas uma introdução aos conceitos básicos de criação de sites e foi escrito principalmente por razões históricas e porque, apesar de vivermos na era da web dinâmica, muitos ainda encontram razões para fazer sites estáticos.

Estrutura do site

Seja o site dinâmico ou estático ele quase sempre terá um cabeçalho, um menu lateral e uma área central com o conteúdo. Alguns usam menus sob o cabeçalho ou até conjugam os dois menus. Nesse exemplo optei por uma estrutura mais conservadora.

No lado esquerdo do nosso exemplo temos o menu, na parte superior o cabeçalho e na área maior da direita teremos o conteúdo.

A idéia principal é mostrar como estruturar o site com divisões <div> e como criar um menu único para o site inteiro que não precisaria ser recriado a cada nova página que criássemos.

No vídeo não dá para ler o código do iframe. Aqui está ele:

<iframe src=”./menu.html”; widht =”85″ height=”150″></iframe>

Referências

O aplicativo que usei para editar as páginas foi o Kompozer por ser um produto de código aberto disponível gratuitamente para a maioria das plataformas.

Para informações sobre html, CSS e outros padrões Web consulte o Wide World Web Consortium: w3.org.

Sites comentados: http://goodlistening.com.br e http://supervideobrasil.com.br

Mantenho uma lista de webdesigners no Delicious.

Observações

Com a finalidade de simplificar a video aula e ir direto ao ponto eu não criei as páginas usando CSS que seria o mínimo necessário em um site realmente profissional feito em HTML (apesar de insistir que 99% dos sites profissionais modernos devem ser feitos usando um CMS como o WordPress)

A video aula

Parte 1:

Parte 2:

Como Registrar um domínio

Criando um site

• Criando um site html Parte 1
• Criando um site html Parte 2

Procure se informar nos links citados nas descrições dos vídeos acima e, precisando de um bom designer, não hesite em me pedir ou consultar minha lista aqui: http://del.icio.us/Roney/designers