Tabelas de Acentuação e Caracteres Especiais em HTML

Cansado de páginas monótomas? Com vontade de aprimorar seus sites com símbolos especiais? Muitas vezes (quase sempre) usamos imagens para representarem esses símbolos que podem ser cifrão ©, perigo ☠, naipe ♣, entre tantos outros. O que poucos sabem é que é possível deixar essas imagens de lado e usar os símbolos propriamente dito! Assim sua página se torna mais leve e rápida de carregar. Para tanto basta você digitar o código específico de determinado caractere no código-fonte e pronto. Que tal aprender esses códigos e deixar seu site mais ágil?

Continue lendo »

Comandos de Formatação Lógica

Os estilos lógicos (ou elementos de frase) relacionam-se com a lógica da informação; com o tipo de informação que um determinado fragmento de texto representa. Em geral, o estilo físico é mais utilizado do que o estilo lógico. Com o estilo físico há maior controle sobre a formatação do texto; o que não ocorre com o estilo lógico, que indica o tipo de informação, não a sua aparência.

Mas aqui o nosso alvo será o estilo lógico, já que os sites estão ficando cada vez mais inteligentes, e também porque isso aumenta suas chances de ser encontrado em sites de busca, como o Google por exemplo.

Continue lendo »

Estruturando em HTML5 #Parte 2/2

Na primeira parte dessa matéria foi explanado um pouco das tags de estrutura em HTML5. Elas são próprias para melhor classificar o tipo de conteúdo. Agora veremos mais algumas novas tags, porém mais específicas para o conteúdo em si. Nessa postagem serão explicadas as seguintes tags:

• Hgroup
• Article
• Mark
• Time
• Pubdate (atributo)
• Figure
• Figcaption

Continue lendo »

Estruturando em HTML5 #Parte 1/2

Como muitos já sabem, o HTML5 veio com a proposta de ser mais semântico em relação ao seu antecessor, o HTML 4.01. Um bom exemplo disso são as famosas DIVs(<div></div>) e SPANs(<span></span>) que antes, ou melhor dizendo, ainda são usadas para estruturar um documento HTML. O que ocorre é que é necessário utilizar classes e IDs para que cada uma delas tenha um sentido no código. Por exemplo: <div id="header"> significa um cabeçalho, enquanto que <div id="footer"> significa um rodapé. Para um usuário que não desenvolveu o site, analisar isso é um pouco complicado. Complicado também, por exemplo, para as máquinas de busca, como Google, que tem dificuldade de encontrar cada seção no site.

Continue lendo »

Olá Mundo!

Normalmente, quando estamos aprendendo uma nova linguagem de programação usamos o famoso exemplo "Hello World", que nada mais é do que nosso primeiro exercício. É um caminho seguido por muitos; até mesmo pelos mais famosos da área de TI. A área que pretendo abordar nesse blog não é bem a programação em si, e sim abordar sobre o magnífico universo de web design. Um universo vasto e bastante divertido. Um misto de linguagem de marcação HTML, formatação CSS e linguagem de programação JavaScript, PHP ou outra formam, juntas o que muitos conhecem como sites.

Esses são alguns dos utensílios que podem ser usados pelos mestres para misturar imaginação, liberdade, conteúdo e muito mais, a fim de gerar um site. É como se fosse um bolo preparado pelo chef que, quando feito com dedicação o resultado é bastante proveitoso, mas quando deixado no desleixo pode gerar cada aberração. Pensando justamente nisso foi criado esse blog: para que curiosos, profissionais e aspirantes a web designer possam compartilhar suas experiências, discutir temas relacionados e fazer tendências acontecerem na área web.

Seja bem vindo e "Hello world"!
Wérmeson da Silva

Continue lendo »