Usabilidade na internet! To certo?

Olá galerinha !!!
Ando pensando aqui como vão os estudos do grupo ???
Espero que todos estejam fazendo um bom uso do blog o que eu puder ajudar estou a disposição,
me mandem e-mail caso precisem se eu poder ajudar farei com carinho !!!
My email alexandre.lambertini@gmail.com

Mas porque me mandariam um e-mail se não sabem nem quem sou certo ?
Então vou me apresentar, meu nome é Alexandre Lambertini, trabalho com design há 5 anos,
trabalhei em boas empresas como:
Neobiz, Lecom, Kaizen Games e algumas outras mais ..rs
Ambas de grande porte em São Paulo, e uma delas que se expande em todo brasil.
Atualmente trabalho na Kaizen, trabalho com jogos alguns "mmo" como Priston e Audition.
E o Secund Life Brasil.
Tenho um bom conhecimento em flash, actionscriot, xhtml, css, 3d e ilustração, então se poder ajudar estamos ai !!!
My simple site www.lambertini.com.br

Agora que já me conhecem, vou parar de enrolação e vamos ao post !
O que era mesmo ? Ah lembrei Usubilidade o que ser uma?

Bom, vou tentar explicar. Seguinte:
Usabilidade são regras para facilitar o tráfego do usuário no site, coisas tipo estruturas, navegação, resolução, cores e etc , etc e etc .

Vamos falar um pouco sobre elas!
Elas quem? Usabilidade horas bolas!

Segue abaixo 11 passinhos que considero importantes para usabilidade, vamos lá!

1. Antecipação, site deve antecipar-se às necessidades do usuário.

2. Autonomia, os usuários devem ter o controle sobre o site. Os usuários sentem que controlam um site se conhecem sua situação em um meio abrangente, mas não infinito.

3. Há que utilizar as cores com precaução para não dificultar o acesso aos usuários com problemas de distinção de cores (aprox. um 15% do total).

4. Fontes, elas devem ter legibilidade, a cor dos textos deve contrastar com a do fundo, e o tamanho de fonte deve ser suficientemente grande.

5. Consistência, as aplicações devem ser consistentes com as expectativas dos usuários, ou seja, com sua aprendizagem prévia.

6. Eficiência do usuário, os sites devem centrar-se na produtividade do usuário, não no próprio site. Por exemplo, às vezes as tarefas com maior número de passos são mais rápidas de realizar para uma pessoa que outras tarefas com menos passos, mas mais complexas.

7. Reversibilidade, um site há de permitir desfazer as ações realizadas

8. Lei de Fitts indica que o tempo para alcançar um objetivo com o mouse está em função da distância e do tamanho do objetivo. A menor distância e maior tamanho mais facilidade para usar um mecanismo de interação.

9. Redução de tempo de latência. Torna possível otimizar o tempo de espera do usuário, permitindo a realização de outras tarefas enquanto se completa a prévia e informando ao usuário do tempo pendente para a finalização da tarefa.

10. A proteção do trabalho dos usuários é algo prioritário, deve-se assegurar que os usuários nunca percam seu trabalho por conseqüência de um erro. ( putz odeio quando isso acontece comigo )

11. Interface visível. Deve-se evitar elementos invisíveis de navegação que há de ser inferidos pelos usuários, menus desdobráveis, indicações ocultas, etc.

Bom acho que é isso !!!
Se acharam ruim podem criticar, criticas construtivas nos fazem crescer !!
Abraço a todos.

Introdução ao HTML

1) O que Significa HTML?
R: É uma linguagem de Hipertexto baseada em marcas, que leva associação com linguagens de programação.

2) Quais os 2 objetivos principais do HTML?
formatação de uma conteudo
criar ligação entre varias paginas

3) Qual é a base e o conceito do HTML?
conceito : possibilita a navegação entre segmentos de texto
base : elementos , tags ,

4) Falando desta base, qual é a relação desta base com o Arquivo (chamado de pagina ) que é criado com Html ?
Os comandos sao as bases , textos , imagens , links, sons ,vídeo, mídia em geral .

Web, uma Chave para o Futuro!

Com o avanço da Informática, a divulgação incansável da Web 2.0 (sim, você está na era do "Faça o que Quiser") e com o Computador estando cada vez mais presente nos lares de todos os mortais, fica difícil de fugir do Futuro. As ferramentas de programação voltadas para a Web são quase infinitas e os materiais que ensinam como Criar Páginas Web estão a solta por aí esperando por mentes famintas prontas para devorá-los. A chance de ser um Webdesigner é tão grande quanto em ser um Contador, Arquiteto, Atleta, Professor, Músico..... enfim, faça da Web uma chave para o seu Futuro.

Menu horizontal / vertical

Olá pessoal como é minha primeira postagem aqui no blog, vou trazer um frameworks de um menu vertical e horizontal de níveis que pode ser alterado com a troca de um #id !
Espero que sirva de estudo para vocês !!!

» Download do menu.

Bom estudo !!!
[ ]´s

Gostaria de agradecer ao H. Nunes por me convidar para esta comunidade.

Javascript é uma limguagem de programação para deixar seu site mais interativo.

Existe alternativa ao Windows?

Se analisarmos bem esta pergunta, muitos dirão que não, pois, o Sistema Operacional mais utilizando no mundo fez com que muitos dos usuários de PC dedicassem horas e horas de seu tempo em uma única opção, a Plataforma Windows. Muitas vezes, o que se parece mais fácil nem sempre é a melhor escolha. Temos nos dias de hoje, Sistemas Operacionais tão boms (e muitos deles melhores) e tão fáceis de se Manipular quanto ao Windows da nossa Velha e Empolgante Microsoft. É certo que os Gamemaníacos vão dizer que a gama de jogos para a Plataforma Windows é quase infinita, mas, não só de jogo vive o PCnáuta, mas de tudo aquilo que saem da fusão dos Bits. Para aqueles que não abrem mão de Grandes Desafios, aqui vai uma sugestão:
_Utilzem a NET para aprender sobre Sistemas Operacionais diferentes, dessa maneira, irão aprender também como se comporta os Websites em outras Plataformas. (Para aqueles que acham que criar páginas web no Windows é igual em qualquer lugar, fique sabendo que a maneira de "juntar" Web+Banco de Dados como ASP, PHP, Java e etc no Linx por exemplo, pode deixar você espantado com a quantidade de ajustes e modificações que você terá que superar)
_Não se assustem, tudo acaba bem no final, com muito estudo e dedicação, você se transformará num Webmaster e dominará o Mundo Virtual.
_Ah sim, existe luz no fim do UNIX, Linux, FreeBSD, Solaris, Minix (pai do Linux) e etc....

07/05/2008

A aula de hoje tratou em diferenciar
o que geométria e curvas.
a muitas coisas diferentes, mais com atenção
conseguimos entender.

Carbonmade

Carbonmade é A maneira mais fácil de visualizar e gerenciar seu portfolio on-line.
Ele serve para ajudar você gerenciar seu portifolio, que pode ter todos seus trabalhos desde uma simples imagen até um site.

Assese e veja como é:
http://www.carbonmade.com/



Para poder usar o Carbonmade voce presisa ser registrado então siga esse passo a passo:
http://www.diretodoforno.com.br/mbv08-como-publicar-seu-portfolio-online/

Usando "Print + Paint"

Para você copiar alguma coisa do seu computadoro ou internet é muito simples e fácil!
Vou tentar ajudar em alguns passos:
1° Clique no "Internet Explorer" do seu computador;
2° Abra um site qualquer;
3° Aperte a tecla "Print Screen" do seu teclado;
4° Vá no menu iniciar>programas>acessórios>paint
5° Ter aberto o Paint, aperte a tecla ctrl e a tecla V junto, feito isso a página do seu navegador irá aparecer no Paint;
6° Ao salvar a imagem, clique em arquivo>salvar como
8° Salve sua imagem em "Meus Documentos";
9° Escolha um nome para sua imagem, depois escolha salvar como tipo JPEG (*JPG, JPEG, JPE, JFIF)
10° Abra a pasta de "Meus Documentos" e sua imagem estará lá!

Muito simples e fácil!

Videos de Introdução do Curso de Internet

Aqui estão alguns vídeos que passo para os alunos de web no início do curso:
Sobre o Sistema Operacional Windows:

Funcionamento do Computardor


Funcionamento da Internet

Navegar é preciso


Os invasores


Spam


A defesa

ApresentaçãO dos Alunos!!!

Pessoal, estou criando este ''Post'' a fim de que os alunos de Webdesign possam fazer apresentação com nome, hobby e fazerem brincadeiras a parte.

Ai galera estou aqui para falar um pouco sobre HTML.
HTML (Linguagem de Marcação de Hipertexto),é uma linguagem de marcação utilizada para produzir paginas na web que foi criada por Timothy John Berners-Lee essa tecnologia é fruto do "casamento" dos padrões HYTIME e SGML.

HYTIME é um padrão para a representação estruturada de hipermédia e conteúdo baseado em tempo Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiper-ligações. Dando a impreção de que o mundo é do tamanho de uma "laranja".

SGML é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiper-objetos e para descrever as ligações. Foi criada por Charles F. Goldfarb e seus amigos de trabalho Ed Moshere Ray Lorie
que juntando a primeira letra de seus sobrenomes temos GML que depois de sradonizada ganhou o S.


Timothy John Berners-Lee KBE (TimBL ou TBL) (8 de junho de 1955) é o inventor do World Wide Web e diretor do World Wide Web Consortium, que supervisiona o seu desenvolvimento. Em 2004, Timothy venceu o Millennium Technology Prize, o que lhe rendeu 1,2 milhões de euros.

Espero que voces gostaram e se souberam de mais alguma coisa complementem VLW!!!!

Dreamweaver - Avaliação CSS

Aqui vai uma avaliação rápida de CSS no Dreamweaver:

1. Novo html com o css vinculado com o nome: prova-css.html e prova-css.css;
2. Margen da página (da tag body) como: 200px de margin superior, 40px de margin direita, 90px de margin inferior e 280px de margin esquerda;
3. Digite o texto abaixo num parágrafo e defina a borda como a da página de exemplo;
4. Ao final envie para o Professor.
   

Isto é uma frase. Mas, pode ser uma linha. Uma linha pode conter uma borda. Uma borda pode ser confundida com uma linha. Isto, também, pode ser ainda um parágrafo com borda. Aqui também pode ser uma frase, linha e está animando o ponteiro do mouse para vincular o email de contato nesta palavra: Professor.

SEO e a Prioridade da Importância de um Sitemap

( http://www.kernelpanic.com.br/category/seo/ )

A documentação do Google sobre sitemap é realmente farta, mais ainda surgem dúvidas de muitos usuários sobre como usar e para que serve o sitemaps. Vou tentar explicar da forma mais didática possível.
Sitemap é um mapa do seu site, nele fica descrito todos os links que podem ser anexados em um site de busca como Google, Yahoo e MSN e precisa ser em formato XML. Muitos não sabem a serventia do mesmo, mais imagine a seguinte situação:
O googlebot acessa seu site atrás de informações para anexar ao seu banco de dados. Ele acessa a pagina inicial mais nessa pagina não existe links para outras areas do site. Com certeza essas ficaram de fora da indexação. Agora com o sitemaps ele já sabe todos os links que tem q percorrer assim trazendo um conteúdo completo do seu site.
A publicação pode ser feita via robots.txt, método chamado Auto Discovery, ou então no caso do google, existe um site para cadastro e gerenciamento do sitemap, o www.google.com/webmasters/sitemaps. Irei explicar melhor sobre os dois a seguir, por enquanto vamos ao XML.

A Tag é bem simples, vou descreve-la mais simples ainda.
O começo da tag.

<?xml version=”1.0″ encoding=”UTF-8″?>
Padrão para todos os arquivos xml.

<urlset xmlns="”http://www.google.com/schemas/sitemap/0.84″>
Primeiro node,
, é o começo do nosso xml, abaixo na árvore virão as informações de url.
Até aqui nada complicado. Só não esquecer

Após dar inicio ao xml começamos a listar os links com a seguinte sintaxe:

<loc>http://www.kernelpanic.com.br/</loc>
<lastmod>2007-05-22T09:53:38+00:00</lastmod>
<changefreq>monthly</changefreq>
<priority>1.0</priority>
</url>

<loc></loc>
Aqui fica o endereço a ser enviado ao site de busca. Existe uma curiosidade sobre isso, caso você pretenda por o sitemap.xml em um subdomínio, /sitemaps/sitemap.xml. Ele somente ira anexar as urls começando com /sitemaps/, então tente ao máximo deixar o arquivo xml na raiz a não ser que você queira realmente listar somentes urls de subdomínio, como por exemplo site.com/forum. Voltando a tag, a url tem que ser completa, com host, protocolo e tudo mais que vem no lanche.

Prioridade do link, a prioridade faz efeito somente em seu sitemap e não no site de busca… não ficou claro né :P, vamos lá! Imagine que um espertão vai la e põe priority 999 achando que vai atingir o topo do google, ele realmente seria um espertão mais o google não fez essa tag para isso, ela serve somente em prioridades para seus link, por exemplo, uma página de contato deve ter mais prioridade na indexação do que uma página de álbum de visitas.

<changefreq></changefreq>
Périodo que a pégina é atualizada, isso ajuda o bot a saber de quanto em quanto tempo precisa atualizar o cache ou atualizar a descrição da página na listagem.
Pode ser usados daily,weekly, monthly e yearly.

<changefreq></changefreq>
Dispensa apresentações. Ultima vez que a sua página foi mexida.

Dessas tags você pode usar somente a loc, irá funcionar sem problemas! As outras ajudam, mais não são obrigatórias.

Um exemplo completo de sitemap.xml

www.kernelpanic.com.br/sitemap.xml
Este foi gerado por um addon do wordpress, é bem bonito de se ver, visualizando o fonte você poderá ver melhor as tags.

Robots.txt

Ta! meu xml ta pronto e agora? como faço para os sites de busca me por nos topos das pesquisas?

Calma jão! Primeiro passo é você colocar o endereço no robots para quando um bot visitar o seu site, ele saber que você possui um lindoso sitemap para ajuda-lo na indexação. É tudo muito simples:
sitemap: http://www.kernelpanic.com.br/sitemap.xml
Isso é o que chamamos de Auto Discovery, serve para todos os bots disponíveis no mercado.
ex: www.kernelpanic.com.br/robots.txt

www.google.com/webmasters/sitemaps
Ta! Ta!.. quero anexar no google para gerenciar a bagaça!

Ok dude! Você pode criar uma conta no google e cadastrar o sitemap no proprio site, lá você consegue visualizar quando o google baixou o seu arquivo, se houve algum erro de tag e etc… É simples acho que dispensa explicação, você cadastra seu site, prova que é seu criando um arquivo com o nome que o google irá lhe fornecer. Acesse a aba sitemap e clique em add sitemap. Caso haja dúvidas eu escrevo mais sobre isso.

Depois que tudo estiver rolando é só alegria. Sempre atualize o xml, eu por exemplo criei um arquivo sitemap.php para buscar todos os dados e via rewrite htaccess criei uma mascara .xml.
O google accessa site.com/sitemap.xml mais na verdade é um .php, meu próximo texto será sobre htaccess e como fazer uma melhor otimização de url.

 

Outra fonte:
( http://www.luckybano.net/google-sitemaps/ )
A novidade agora é o Google Sitemaps. Ele ainda é experimental, mas a idéia é informar ao Google toda vez que o seu site é atualizado. Um “mapa do site” informará ao Google as mudanças e com isto permitirá mais agilidade na indexação. Ao invés do Google varrer a web atrás de novidade, bastara ele consultar o Sitemap para saber se houve uma atualização.

Dicas sobre o Google Sitemaps

Para se extrair o melhor do Google Sitemaps, é necessário que se gere um arquivo XML (Extensible Markup Language) para transmitir ou enviar qualquer atualização de informações em seu site para o Google. Os arquivos XML estão por toda a parte, inclusive na página inicial da MR2. Eles são visualmente reconhecidos pelo logotipo XML na cor laranja e geralmente associados aos Blogs, que utilizam bastante o XML/RSS para divulgar seus conteúdos para o público interessado.

Um dos mais interessados na difusão dessa facilidade é o Google. Criando e estimulando o emprego do Sitemaps, o Google convoca oswebmasters a assumir o processo de indexação e de atualização de seus sites. Basicamente, fazendo o trabalho do próprio Google!

Mas esta é uma iniciativa do bem. Com a rápida proliferação de sites, a tarefa de indexar todo este material e de mantê-lo atualizado torna-se um desafio cada vez maior, mesmo para mecanismos de busca que disponham dos recursos e da tecnologia do Google. Com o Google Sitemaps, os webmasters poderão se encarregar do processo de atualização e confiar que seus sites serão analisados pelo Google e lá indexados com as informações mais atualizadas.

Mas não se deve pensar que o Sitemaps favorecerá o ranking dos sites no Google. Os webmasters continuarão a competir pelas principais posições com os outros sites indexados pelo Google. Entretanto, com o Sitemaps, poderão ter a certeza de que todas as páginas do site serão visitadas, atualizadas, e indexadas mais rapidamente.

Existem outras vantagens na utilização do Google Sitemaps. Para explicá-las melhor e de modo simples, consideremos que seu arquivo XML, utilizado para fins do Sitemaps, tenha o seguinte código para cada uma de suas páginas na web:

http://www.yoursite.com/
1.0
2005-07-03T16:18:09+00:00
daily

Juntamente com a tag “url”, ao início e no fim do código, aliada à indicação da versão de seu XML, este é basicamente o formato de seu arquivo XML. O tamanho do arquivo dependerá do número de páginas de seu site tenha.

Observemos este arquivo XML mais de perto

location (loc ou localização) - http://www.seusite.com.br - nome de sua página na web
priority (ou prioridade): você define a prioridade que deverá ser considerada pelo Google para cada página. Suas prioridades para cada página poderão ser as seguintes: 0.0 para a menos importante; 1.0 para a mais prioritária; 0.5 para as que tiverem importância mediana. É um ranking definido por você e referido apenas ao seu site. Mas que não afeta a posição real de suas páginas no Google. Então, porque a definição dessa prioridade é importante? Ora, certas páginas de seu site são mais relevantes do que outras (a página “home”, a mais lucrativa, a página de login etc.). Desse modo, se você pré-definir a prioridade de cada uma delas, contribuirá para ampliar a respectiva importância dentro do Google, que as listará segundo a ordem de relevância que você arbitrar.

lastmod (última modificação): quando você atualiza a sua página, o registro da data em que ocorreu a mudança evita trabalho ao Google, pois não re-indexará as páginas que se mantiverem inalteradas.

changefreq (freqüência da modificação): você poderá informar ao Google qual a periodicidade com que atualiza as suas páginas: nunca, semanalmente, diariamente, a cada hora, e assim por diante. Se você atualiza com muita freqüência as suas páginas, esta informação é de extrema importância.

Qual a necessidade de um Gerador de Código XML?

Para que o arquivo XML de seu site seja constantemente atualizado, você precisará de um gerador que realize a busca em seu site, liste todas as URL e, automaticamente, alimente o Google com essas informações.

Existe um monte desses geradores por aí. Cada um apresenta um modo próprio para a geração de arquivos sitemap, no formato XML. Provavelmente, muitos outros estão surgindo enquanto você lê estas linhas. Mas observemos as três maneiras de se gerar um arquivo XML.

A maneira mais difícil - O Gerador Python, do próprio Google

Difícil é uma expressão relativa, caso você conheça o seu servidor como a palma de sua mão, assim como o processo de instalação de scripts. Caso contrário … Na realidade, o Google oferece um link para o gerador de arquivo XML do próprio Google, para que você proceda ao download e instale o arquivo em seu servidor. Uma vez feito isso, o arquivo carregará o sitemap referido às páginas de seu site e informará ao Google, de modo automático.

Para que este gerador trabalhe direito, a versão Python 2.2 deve estar previamente instalada em seu servidor - e muitos servidores não dispõe desta facilidade. Se você sabe bem o que está fazendo, então esta é a melhor das opções para instalar o Google Sitemap.

Você não necessitará de uma conta no Google para usar o Sitemaps, mas será instado a fazê-lo para que possa acompanhar o progresso de seu sitemap e acessar informações de diagnóstico. Se você já dispuzer de outra conta no Google, como gmail, Google Alerts etc., basta usá-la e habilitá-la para que dela acompanhe todo o processo.

Para incluir o seu arquivo de sitemap por meio de uma solicitação em HTTP, envie sua solicitação para a seguinte URL:
https://www.google.com/webmasters/sitemaps/sitestatus?hl=pt-BR

A maneira mais fácil - Um Gerador Online

Estes Geradores também proliferam por toda parte e o Google os divulga em seu site. Procure-os na Lista do Google de Geradores produzidos por Terceiros.

Um dos mais fáceis de se usar está localizado em www.xml-sitemaps.com. Com muita rapidez, este gerador online indexa até 500 páginas e lhe propicia um arquivo XML de sitemap, o mesmo que o Google precisará para indexar o seu site. Ele vasculha o seu site e indexa todas as páginas em um arquivo XML que você poderá baixar no formato comprimido (ou não) e efetuar dentro dele algumas pequenas mudanças, para incluir dados como prioridade, freqüência de atualização etc.

Isto feito, basta fazer o upload do arquivo para o diretório-raiz do servidor (aonde seu site está localizado fisicamente). Então notifique o Google Sitemaps de seu arquivo XML.

Naturalmente, a única desvantagem, se você inclui regularmente novas páginas em seu site, é que também precisará incluir estas páginas em seu arquivo sitemap XML. Isto não deverá constituir-se em problema, a menos que você adicione páginas diariamente em seu site - então necessitará de uma solução baseada em PHP ou no gerador Python, para que o trabalho ocorra de modo automático.

O Google ainda é o maior motor de procura na WEB; então, este é o principal motivo para que se tenha páginas indexadas e rapidamente atualizadas e a razão de se utilizar o Google Sitemaps. Se você deseja que seu site se mantenha competitivo, provavelmente este é um dos caminhos a seguir.

Foram inseridos também novos serviços.

• Crawl info: Veja quando o Googlebot visitou pela última vez o seu site. Ele mostra também urls que não conseguiu indexar.
• Robots.txt file validation: Teste se o seu arquivo de Robots.txt e veja se ele esta com problemas.
• Website content: Veja quais são os principais conteúdos do seu site e veja os textos âncora que aponta para vocês.
• Top queries: Vejas as principais buscas que levam ao seu site.
• Indexing information: Veja como seu site está indexados e que páginas estão incluídas nele. Ele ainda aponta páginas com problemas para que possam ser corrigidas.

XML Sitemap Generator
Um simples mais poderoso gerador online de sitemaps para o novo beta proposto pelo Google. (em inglês)

REGEX

A minha lição de casa hoje é tentar explicar o que o Hadston me explicou sobre expressões regulares ou "regex" (do inglês "regular expression").
A "regex" serve para separar uma informação numa página e alocar na memória. Para explicar melhor, temos o exemplo:

( [0 - 9] {2}) (?:/) ?) {2} ( [0 - 9] {4} )

onde os ( ) estabelecem grupos, sendo (?:/) um pseudogrupo; [ ] definem uma lista e { } são quantificadores. O ? define que o grupo à esquerda é opcional (pode ter "/" ou não).
Logo, a regex acima pesquisa datas do tipo dd/mm/aaaa, com ou sem "/". O [0 - 9] define algarismos de 0 a 9, o {2} diz que aparecerão 2 vezes (2 dígitos - dd e mm). O segundo {2} diz que o grupo aparecerá 2 vezes (uma para dia e outra para mês) e o {4} define 4 dígitos (aaaa).

Obs.: quem quiser pesquisar no Google deve pesquisar como "regex". Tem uma explicação bem completa na Wikipédia.

Espero que tenham entendido e que eu ganhe um 10 na minha lição de casa...

Como usar bem o seu Blogger

Pretendo colocar aqui um tutorial para ajudar a gerenciar o Blog.

Escolhendo o Layout do Blog

Para que serve este tópico? (Escolhendo o Layout do Blog)
Como o Blog Turma de Webdesign é novo, para ele ficar bonito, precisamos implementar alguns recursos como um layout legal. Abri este post com o objetivo de que todos possam fazer parte, pois o que acontecer aqui todos terão participado. Pois eu penso que se todos participarem, estarão praticando o nosso aprendizado em sala de aula, aqui, fora dela.

O que fazer então?
Vamos fazer uma votação democrática, esse será o nosso primeiro passo. Para facilitar esta votação e produzir material para o aprendizado de vocês, euzinho, o Professor Hadston, planejou e desenvolveu um Hotsite com o propósito de armazenar e mostrar a votação online para todos, além do mais e mais importante registrar os passo-a-passo do desenvolvimento para discussão de aprendizagem.
Sendo assim continua o link para a página de votação: Votar

Sendo um Hotsite, por que demorou tanto?
Demorei 13 dias para elaborar, desenhar e desenvolver (sozinho viu? ;)) o projetinho. Acompanhem o meu planejamento:
2 páginas e 1 script: A primeira, na sequência lógica, é o formulário de votação. Que tem uma dinâmica usando JavaScript na vizualização de amostras das imagens dos layouts maiores que as miniaturas e mudam conforme clicadas. O carregamento das amostras são feitos na clicagem e não são pré-carregadas, como eu acho que deveriam. A segunda página é a visualização do resultado da votação, com um recurso que é uma espécie de gráfico com a miniaturas e uma amostra do layout que está vencendo.
O Script vou deixar pra falar dele num momento mais oportuno. Vai envolver Lógica e conhecimentos de Php/MySql. Em resumo: É carregada uma classe de configuração setando o início do recurso de Session. Sendo verificado, após a inicialização, a variável GET 'twbvota'. A Impressão do cabeçalho HTTP e HTML do template. Verifica a Session 'votado'. Verifica o recebimento do voto e o seu número (Aqui tem uma falha de segurança, pois não implementei a validação do voto). Grava a votação no banco de dados. Calcula um algoritmo para a porcentagem das DIV do gráfico. Exibe o resultado.

Isso é um pouco do mundo que vocês estão envolvidos e irão aprender. Espero ter assustado, rs, brincadeirinha... fiquem a vontade pra pergutarem.

Não deixe de Votar.

========== 20070131
Já está disponibilizado um protótipo do hotsite de votação (faltando implementação do banco de dados e rota de alternativa quando houver empate).
http://www.h4mnsoft.com/?act=twbvota

========== 20070126
Para o aprendizado da turma, vocês vão escolher um dos layouts disponíveis para o Blogger. Estou desenvolvendo um script de enquete para votação. Aguarde... (mas, não muito! :S)

Críticas, Sugestões e Reclamações

Postem aqui sobre esse assunto.

Primeiro Post: Blog para discussão dos alunos de WebDesign de SBO.

Justificando... Decidi criar este blog com o objetivo de compartilhar informações entre os meus alunos, aumentando as chances de aprendizado e treinamento, pois considero a prática um componente muito importante no aprendizado.