Criando páginas da Web All-in-One For Dummies

Porque a Web é um meio visual, o design do seu site é tão importante quanto o conteúdo que você oferece. Siga estas dicas para que os visitantes não são rapidamente sair do seu site:

  • Não sobrecarregar o seu site. Faça bom uso de preenchimento, margens e espaços em branco.

  • Tenha cuidado para não sobrecarregar seus visitantes em sua home page. Mantenha o conteúdo a um mínimo, referindo-se aos usuários para outras partes do seu site para obter informações adicionais.

  • Não use uma miscelânea de idéias de design. Encontrar um estilo que você gosta e ser consistente em seu site.

  • simetria extrema é um yawner. Use a regra dos terços. Quando uma imagem ou uma página é dividida em terços, vertical e horizontalmente e objectos são posicionadas sobre as linhas, a imagem é simplesmente mais agradável à vista.

  • Não se esqueça sobre o visitante. Você não está projetando o site para si mesmo, mas para as pessoas que vêm lá.

  • Não deixe que o conteúdo do site cresceu obsoleto. Atualizá-lo regularmente para mantê-lo vivo.

Projetar seu site para usuários móveis

Com o poder dos smartphones e seus navegadores móveis totalmente funcionais, os visitantes móveis esperam ter uma experiência de navegação satisfatória. Você vai querer considerar plenamente o usuário móvel em seu projeto e determinar o nível de suporte que você deseja fornecer para eles:

  • compatibilidade básica:O primeiro nível de suporte é simplesmente certificar-se de que seu Web site pode ser visualizado e operacional dentro de um dispositivo móvel. Se o seu Web site está usando estruturas de formatação CSS e HTML padrão ou se for construído usando ferramentas on-line populares (WordPress, Posterous), o seu site provavelmente já está configurado para suportar os navegadores de smartphones.

  • Móvel amigável: O segundo nível de capacitação para mobilidade é se certificar que seu site é fácil de navegar em uma tela pequena. Uma das maneiras mais importantes para tornar seu site móvel amigável é estruturar as páginas em colunas. Colunas ajudar a impedir os utilizadores de ser forçado a ler largos pedaços de texto que fazem com que vá para a esquerda e para a direita para ler cada linha de uma página Web.

  • styling celular:Um terceiro, mais rico e mais profundo nível de suporte que você pode fornecer aos usuários móveis é incorporar styling especificamente orientadas para dispositivos móveis.

  • local do companheiro:Pode haver alguns casos específicos em que você precisa ir além da estrutura da página e estilo. Neste caso, um nível final de suporte é projetar e estruturar um site a partir do zero, de forma que é otimizado para dispositivos móveis.

Se você oferecer uma versão móvel, sempre permitem aos usuários a liberdade de escolher entre as versões móveis e normal do seu Web site. Enquanto você pode usar como padrão para a folha de estilo móvel para seus usuários móveis, fornecer a funcionalidade em cada página para visualizar o site normalmente.

Usando Cascading Style Sheets, ou CSS

Cascading Style Sheets (CSS) é uma linguagem de estilo que permite criar uma forma mais atraente, Web site bem projetado e torná-lo muito mais fácil de gerenciar e organizar. Aqui estão três razões básicas que CSS é útil ao projetar seu Web site:

  • CSS dá-lhe maior controle sobre seu design da página. CSS tem muitos ajustes de formatação que o HTML, por si só, não fornece. Como resultado, você pode ter muito mais controle sobre a aparência de sua página da Web usando CSS do que apenas usando HTML normal.

  • CSS permite separar o conteúdo do site a partir das instruções de formatação. O documento HTML, portanto, torna-se o lugar onde você trabalha com conteúdo, e a folha de estilo CSS serve como seu lugar para criar seus estilos.

  • CSS permite gerenciar estilos em todo o seu site em um local central. Embora você pode definir os estilos CSS dentro de uma única página da Web, o seu poder real torna-se evidente quando você usa uma folha de estilo CSS separado que cada página em seu Web site pode acessar. Quando você configurar seu site como este, você pode facilmente dar todo o seu site uma aparência consistente. Você também pode fazer alterações globais em um único local.

menu