www.infowester.comWeb design
BOAS PRÁTICAS PARA FORMATAÇÃO DE LINKS: com os links, ligamos as páginas dentro de um site, e um site a outros. Sendo assim, estamos lidando com elementos importantes e que precisam estar inseridos no layout de maneira clara. Neste artigo, você conhecerá dicas simples, mas eficientes para melhorar a estilização de links, aumentando a usabilidade do seu site. Por Erika Sarti;
NOVIDADES DO CSS3: SOMBRAS EM TEXTOS E BORDAS COM AS PROPRIEDADES text-shadow E box-shadow: neste artigo, você verá como utilizar as propriedades text-shadow e box-shadow do CSS3 para criar efeitos de sombras em textos e bordas, respectivamente. Com esses recursos, você não precisará utilizar imagens para implementar esses mesmos efeitos em seu layout, deixando as páginas mais leves e rápidas. Matéria de Erika Sarti;
NOVIDADE DO CSS3: BORDAS ARREDONDADAS: uma das novidades do CSS3 (Cascading Style Sheets 3) é a propriedade border-radius, que serve para a criação de elementos com bordas arredondadas. Neste artigo, você saberá como aplicar esse recurso em suas páginas. Por Erika Sarti;
INTRODUÇÃO AO HTML 5: neste artigo, Erika Sarti faz uma abordagem introdutória ao HTML 5, um novo padrão que vem com a proposta de efetuar algumas mudanças - para melhor - na forma como websites são constituídos. Você verá o que há de novo na linguagem e o que foi retirado em relação à versão anterior do HTML;
O BÁSICO DO SEO - SEARCH ENGINE OPTIMIZATION: neste artigo, você verá conceitos básicos sobre Search Engine Optimization, um conjunto de técnicas utilizadas para melhorar o posicionamento de sites nos mecanismos de busca. Por Erika Sarti;
TAGS HTML QUASE DESCONHECIDAS, MAS MUITO ÚTEIS PARA AS SUAS TABELAS: neste segundo artigo sobre "tags desconhecidas" (o primeiro texto pode ser acessado neste link), Erika Sarti fala sobre três tags que vão tornar suas tabelas mais semânticas: <thead>, <tbody> e <tfoot>. Você verá, através de exemplos, como implementar essas tags e conhecerá as vantagens de utilizá-las. Espera-se que o leitor tenha conhecimentos básicos de HTML e CSS para uma melhor compreensão;
OTIMIZANDO UM MENU COM A TÉCNICA DE CSS SPRITE: imagine que você tem um site com menu totalmente baseado em imagens, e que quando o usuário passa o mouse sobre um dos itens, essa imagem muda. Desenvolver esse menu utilizando CSS ao invés de Flash é uma boa ideia, mas é necessário criar duas imagens para cada item, cada uma representando um estado, correto? Na verdade, não. Aplicando CSS sprite, é possível utilizar apenas uma única imagem para todo o menu. Você entenderá como fazer isso neste tutorial;
TAGS HTML QUASE DESCONHECIDAS, MAS MUITO ÚTEIS PARA OS SEUS FORMULÁRIOS: algumas tags são pouco conhecidas, mas podem simplificar nossa vida na hora de escrever o código HTML de uma página. Neste artigo, vamos conhecer algumas tags que se encaixam nessa situação: <fieldset>, <legend> e <optgroup>. Todas elas podem ser usadas para adicionar funcionalidades interessantes a formulários;
FAVICON: POR QUE ELE É IMPORTANTE E COMO FAZER UM PARA O MEU SITE?: favicon é um pequeno ícone que aparece ao lado da barra de endereços ou no canto da aba de navegação do navegador quando acessamos um site. Pode parecer um item sem importância, mas não é. Neste artigo, você entenderá a importância de criar um favicon e como fazê-lo;
CRIANDO UM MENU LATERAL COM CSS: neste tutorial, a Erika Sarti mostra como é simples criar um menu lateral para qualquer site utilizando CSS, tal como o menu de links que o InfoWester utiliza à esquerda de suas páginas. Não deixe de conferir;
O BÁSICO DO CSS PARA IMPRESSÃO: praticamente qualquer página aberta em um navegador pode ser impressa, no entanto, ao leitor é interessante ter no papel somente o conteúdo ali disponível, e não menus, propagandas e outros recursos do site. Você sabia que, com CSS, é possível criar um layout específico para impressão? Você verá orientações iniciais sobre isso nesta matéria;
ABREVIANDO AS DECLARAÇÕES NO CSS: sabia que você pode deixar os códigos em CSS mais organizados e mais "limpos" usando abreviações nas declarações? Neste tutorial, Erika Sarti explica de maneira simples e rápida como fazer isso;
ADICIONANDO SOMBRA A MÚLTIPLAS IMAGENS COM CSS: você sabia que é possível aplicar efeitos de sombra e borda em imagens de páginas da Web utilizando apenas CSS e HTML, sem necessidade de usar editores de imagem? Se não, aprenda a fazer isso neste tutorial de Erika Sarti;
EFEITO 3D EM BOTÕES USANDO CSS: Erika Sarti mostra neste rápido tutorial como criar um efeito 3D em um botão numa página usando apenas CSS. É uma forma interessante de aprender a usar efeitos visuais sem fazer uso de recursos mais complexos, como Flash, por exemplo. Para a devida compreensão do tutorial, é recomendável ao leitor ter alguma noção de HTML e CSS;
CRIANDO UM EFEITO ROLLOVER COM CSS: o efeito rollover é aquele que troca uma imagem por outra quando o usuário passa o mouse sobre ela. Quer saber como criar esse efeito? Então acesse este tutorial. Por Erika Sarti;
ESTUDO DE CASO SOBRE ACESSIBILIDADE: neste texto, você verá medidas aplicadas ao InfoWester que tornaram o site mais acessível para usuários que, por alguma limitação (deficiência visual ou física), necessitam de programas especiais para navegar na internet. As alterações são simples e podem ser implementadas em praticamente qualquer site sem dificuldades;
QUINZE ERROS QUE VOCÊ DEVE EVITAR EM UM SITE: está desenvolvendo um site? Então confira uma seleção de 15 erros que você deve evitar para que seu site tenha sucesso. Por Erika Sarti;
ONZE DICAS PARA TRABALHAR COM CSS: Erika Sarti preparou onze dicas para você trabalhar melhor com CSS. Confira aqui;
MENU EM ABAS EM CSS NUM LAYOUT TABLELESS: Erika Sarti mostra, neste tutorial, como criar um menu em abas em modo tableless (sem tabelas), um recurso encontrado em muitos sites;
AS CORES EM HTML E CSS: neste tutorial, Erika Sarti fornece orientações simples e rápidas sobre como trabalhar devidamente com cores em HTML e em CSS;
MIGRANDO DO HTML PARA O XHTML: o XHTML é uma padronização do HTML para o desenvolvimento em XML. Este tutorial mostra os passos iniciais para quem deseja lidar com esse padrão. Por Erika Sarti;
DISPONIBILIZANDO SEU E-MAIL DE FORMA EFICIENTE EM UM SITE: saiba como aprimorar o uso da tag mailto em seu site. Tutorial de Erika Sarti;
ENTÃO VOCÊ QUER SER UM WEBDESIGNER?: Se você está pensando em trabalhar com Web Design, não deixe de ler este artigo. Nele, Erika Sarti, webdesigner do InfoWester, dá importantes orientações para quem deseja seguir carreira nesta área;
META TAGS - O QUE SÃO E COMO UTILIZÁ-LAS: neste tutorial, Erika Sarti mostra a importância das meta tags para os sites e os primeiros passos para utilizar esses recursos. Você verá também como "esconder" seu site dos buscadores e como lidar com redirecionamento de páginas;
O DESENVOLVIMENTO DE UM SITE COMEÇA NO PAPEL: criar um site não é só organizar textos e imagens em páginas HTML. Alguns detalhes são muito importantes, e se não forem bem definidos antes do desenvolvimento começar, você pode perder tempo refazendo o trabalho. Veja mais sobre isso neste artigo;
PUBLICANDO SEU SITE: DICAS INICIAIS SOBRE DOMÍNIO E HOSPEDAGEM: neste artigo, Erika Sarti aborda a diferença entre domínio e hospedagem, e o que você precisa saber na hora de escolher um lugar para mostrar seu trabalho na internet;
O QUE É RSS?: a grande maioria dos sites tem um ou mais ícones com os dizeres "RSS" ou "Feed RSS". Quer saber o que isso significa, como funciona e como você pode aproveitar esse padrão? Então acesse este artigo;
FORMATOS DE IMAGENS: JPEG, GIF, PNG e outros: conheça neste texto as principais características dos formatos de imagens JPEG, GIF e PNG, os padrões mais utilizados na internet. Você também verá uma breve descrição dos formatos Bitmap, TIFF, RAW, SVG e WebP.
Feed RSS
InfoWester no Facebook
InfoWester no Twitter
InfoWester no orkut
Fórum
Acompanhe o site