Em sala de aula, muita gente me pergunta sobre as vantagens e inovações do novo padrão HTML 5. Um dos exemplos que eu dou de adoção do novo modelo é o novo recurso do YouTube em HTML 5, mas agora descobri o Sketchpad.
O Sketchpad não é o editor de imagens mais evoluído do mercado, mas ganhou minha simpatia por ter sido feito totalmente em HTML5, que possui um sistema de camadas dinâmicas muito bem organizado.
Se você tem o seu navegador devidamente atualizado, clique na imagem acima e experimente o Sketchpad.
Na décima terceira aula de HTML, vamos entender como funcionam as imagens mapeadas. Aprenda a utilizar as tags <map> e <area> para criar regiões sensíveis em suas imagens.
Se você desenvolve sites, deve ter um bom trabalho para testar como se comporta a sua estrutura em várias resoluções. Para isso existe o serviço ViewLikeUs, que permite carregar seu site em uma janela e mudar a sua resolução dinamicamente e ver se o seu site continua arrumado ou se a interface começa a se quebrar completamente.
Experimente o ViewLikeUs e veja se o seu site se dá bem em todo tipo de tela!
Muita gente desenvolve sites hoje em dia, mas a maioria não leva em conta o acesso por parte de usuários com necessidades especiais. Existem usuários com limitações visuais, motoras, auditivas, etc., que querem acessar a Internet tanto quanto qualquer um dito “normal”.
Existem algumas iniciativas, como o Acessibilidade Brasil e o Portal de Acessibilidade, por exemplo. E o W3C apresentou um conjunto de definições e padrões, o WCAG (Web Content Accessibility Guidelines), com o objetivo de implementar a acessibilidade em sites. Por exemplo, legendas para vídeos, alternativas em texto para imagens, funções para contraste de cores ou opções para outros gadgets de entrada de dados, além de teclados. A nova versão do padrão também tenta padronizar as diretrizes tanto para sites convencionais como para suas versões móveis.
Estamos chegando com mais uma aula de HTML, e dessa vez vamos aprender como fazer expansões de células em linhas e colunas, o que permite a criação de tabelas cada vez mais complexas utilizando os parâmetros COLSPAN e ROWSPAN.
Aproveite e baixe também o Notepad++ em Português (2354), que vai te ajudar bastante durante a criação de tabelas, já que os pares de tags são identificados e marcados visualmente.
Aqui estamos nós novamente com o curso de HTML, dessa vez para falar sobre Tabelas, esse recurso tão utilizado nos sites atualmente.
Entenda para que servem as tags <TABLE> <TR> e <TD>, incluindo uma explicação dos parâmetros cellspacing e cellpadding e muito mais.
Para auxiliar visualmente a nossa criação de sites, a partir de agora vamos utilizar o programa Notepad++ que utiliza o recurso de colorização do código para facilitar a visualização das tags. Baixe o Notepadd++ no link abaixo:
Pois é, galera! O Curso de HTML demorou pra voltar, mas voltou TURBINADO! A partir de agora você pode assistir às aulas mais completas em tela cheia, pois a gravação e postagem foram feitas em Alta Resolução (HD).
Nessa décima aula, veremos como criar Links Internos, que são aqueles que fazem referência a áreas dentro da própria página, fazendo a rolagem do conteúdo automaticamente.
Se você é novo por aqui e não conhecia o curso ou então se perdeu alguma aula, veja aqui o Curso Completo de HTML.
Como já avisamos anteriormente, o Curso de HTML virou um videocast. Isso melhora ainda mais a forma de distribuição das aulas, pois você pode realizar o download das aulas e assistir em seu computador, iPod ou iPhone. Se você ainda não baixou as aulas, clique aqui e veja as instruções. Se você já assinou o feed no iTunes, apenas atualize o podcast no programa.
IMPORTANTE: Tivemos problemas com o endereço anterior. Quem assinou o feed anteriormente, por favor exclua o feed antigo e adicione o novo: http://www.guanabara.info/html.xml.
