Lar Mídia social Dez Timesaving Dreamweaver Web Design Dicas - dummies

Dez Timesaving Dreamweaver Web Design Dicas - dummies

Índice:

Vídeo: Dreamweaver CC tutorials: How to build a responsive web design for desktop & mobile devices lesson 2025

Vídeo: Dreamweaver CC tutorials: How to build a responsive web design for desktop & mobile devices lesson 2025
Anonim

Todos os bons sites crescem e evoluem. Se você começar com um design forte e prestar muita atenção a algumas regras básicas sobre interface, navegação e estilo, você tem uma base melhor para construir. As seguintes ideias de design e as dicas do Dreamweaver podem ajudá-lo a economizar tempo ao criar sites que ficam ótimos para todos os seus visitantes.

1Plan - vale a pena.

Mesmo se você se sentir pressionado a obter um site on-line rápido, você economizará tempo no longo prazo, se você levar um pouco de tempo para desenvolver um plano primeiro.

A World Wide Web não vai a nenhum lado. Mesmo que você tenha que colocar o seu site online o mais rápido possível, seu objetivo deve ser projetar um site que sirva verdadeiramente seu público, negócios e objetivos - e esses objetivos exigem planejamento.

2Define metas para ajudar você a se concentrar.

Se você começar seu site com o objetivo de atrair milhões de visitantes e vender toneladas de produtos e serviços, você não está sendo suficientemente específico. Quanto mais precisamente você pode indicar seus objetivos, melhor será a chance de alcançá-los. Você deve limitar-se a apenas três objetivos.

3Faça os prazos para ajudá-lo a terminar.

Depois de ter claro seus objetivos e as tarefas que você precisa concluir antes de iniciar seu site, é hora de criar uma linha de tempo e definir prazos. Certifique-se de dar-se um calendário realista para fazer um bom trabalho, e fator em um pouco mais do que você pensa que você precisa, especialmente se você é novo no web design.

Mesmo se você estiver trabalhando em um site sozinho ou com uma equipe muito pequena, definir prazos é uma das partes mais importantes de qualquer plano de projeto - e lhe dá uma chance muito maior de terminar. Tente amarrar um prazo para um evento especial ou uma ocasião.

4Design para o seu público.

Não importa o quão tecnicamente sofisticado seja um site ou a grande escrita, a maioria das pessoas percebe o primeiro projeto. Certifique-se de deixar tempo e orçamento suficientes para desenvolver um design adequado e atraente para o seu site. O design certo é aquele que melhor se adequa ao seu público - e isso pode ou não significar muitos gráficos e animações extravagantes.

5Crie um design consistente.

A maioria dos sites funciona melhor e é mais fácil de navegar quando eles seguem um tema de design consistente. Caso específico: a maioria dos leitores dá por certo que os livros não alteram seu design de página para página, e que os jornais não alteram fontes e logotipos principais do dia a dia.

Na verdade, muitos argumentariam que, quando os usuários dizem que algo é intuitivo para usar, ?? O que eles realmente significam é que é familiar.A consistência é uma das principais ferramentas utilizadas no design para ajudar os leitores a encontrar um site familiar e facilitar a seguimento de uma história ou uma série de elementos de navegação.

6Siga a regra dos três cliques.

A regra de três cliques afirma que nenhuma informação importante deve estar a mais de três cliques de qualquer outro lugar em seu site. A informação mais importante deve estar ainda mais próxima. Por exemplo, muitos designers concordam que as informações de contato nunca devem estar a mais de um clique de distância.

Você pode facilitar a busca de informações para os espectadores criando uma barra de navegação - um conjunto de links para todas as seções principais do seu site que você repete em todas as páginas do seu site. Uma barra de navegação facilita a passagem dos visitantes de uma seção do seu site para outra.

Se você tem muitas páginas em seu site, organize-as em seções com subsecções e use um menu suspenso.

7Think antes de adicionar fontes extravagantes.

Os designers ficam tão excitados quando descobrem que agora podem usar qualquer fonte que desejam nas páginas da web. Infelizmente, como muitas coisas na web, usar fontes é mais complicado do que você poderia esperar.

Por exemplo, mesmo se você tiver os direitos de hospedar uma fonte em seu próprio servidor web, talvez você não tenha todas as variações da fonte necessária para exibir as letras corretamente nos computadores Mac e Windows ou para trabalhar em todos os navegadores da Web. É por isso que a maioria dos web designers usa um serviço de fontes:

8 Mantenha itens usados ​​com freqüência.

Já desejou que você pudesse manter todos os seus recursos favoritos do Dreamweaver em um lugar conveniente? Você pode! Apenas personalize a coleção Favoritos no painel Inserir.

Inicie o Dreamweaver e escolha Janela → Inserir para abrir o painel de Inserção Comum. O painel Inserir inclui várias seções, incluindo estrutura, mídia, formulários e favoritos.

Clique na seta no painel Inserir e escolha Favoritos na lista suspensa. A opção Favoritos está no final da lista suspensa Painel Inserção.

Para personalizar o painel Favoritos com todos os ícones de suas funções favoritas, clique com o botão direito do mouse (ou Controle + clique em um Mac) e escolha Personalizar Favoritos. Use o painel de Inserção Favoritos como uma maneira conveniente de manter todas as suas características favoritas à mão. Você pode até mesmo mudá-lo para projetos especiais que exigem uma coleção de recursos do programa.

9Faça a vista.

Se você deseja alternar entre a vista de Código e a Visão de Design no Dreamweaver, você apreciará a opção de dividir a janela para que você possa visualizar o código-fonte e o design da página ao mesmo tempo. Para dividir a janela, escolha o botão de exibição de divisão no canto superior esquerdo do espaço de trabalho.

O código-fonte do Dreamweaver é codificado por cores para facilitar a distinção das tags do conteúdo. Outra característica útil na visualização dividida é que, se você selecionar uma imagem, texto ou outro elemento em uma página na Vista de design, o código correspondente será destacado automaticamente na visualização do Código.

10 Faça o backup do seu site.

Certifique-se de ter um sistema no lugar para fazer backup de seu site.Mantenha sempre uma cópia de todos os arquivos em seu servidor em um local separado e atualize-o regularmente para garantir que você tenha sempre a versão mais recente do seu site de backup.

Para criar um backup de um site que você criou no Dreamweaver, você precisa copiar a pasta do site onde você armazena todos os arquivos em seu site. Idealmente, você deve copiar essa pasta para um disco rígido externo ou enviá-lo para um sistema de backup online (hospedado separadamente do seu servidor web).

Dez Timesaving Dreamweaver Web Design Dicas - dummies

Escolha dos editores

Como executar o teste beta para uma aplicação iOS - manequins

Como executar o teste beta para uma aplicação iOS - manequins

Depois de executar o seu aplicativo em alguns dispositivos e está confiante de que está funcionando da maneira que é suposto, considere levá-lo às mãos de alguns testadores beta. O teste beta permite que você receba comentários de usuários reais e repare todos os erros antes que o público em geral os veja. Você pode se surpreender ...

Como publicar no Amazon Appstore para Android - dummies

Como publicar no Amazon Appstore para Android - dummies

Publicação para o Amazon Appstore para Android é semelhante à publicação na Google Play Store: você cria uma conta e, em seguida, talvez seja necessário pagar uma taxa de desenvolvedor. Ao contrário do Google Play Store, os aplicativos devem ser revistos no Amazon Appstore para Android, portanto, planeje alguns dias entre o dia em que você enviar ...

Como preparar ativos gráficos em seu aplicativo Android para publicar na Play Store - Dummies

Como preparar ativos gráficos em seu aplicativo Android para publicar na Play Store - Dummies

Quando você publica um aplicativo Android na Play Store, você interage com o Console do desenvolvedor do Google Play. O passo essencial nesta interação é o passo em que você carrega o arquivo APK do seu aplicativo. É o passo essencial, mas não é o único passo. Você também deve usar a Consola do desenvolvedor da Play Store ...

Escolha dos editores

As Leis de Minecraft Redstone - dummies

As Leis de Minecraft Redstone - dummies

Cada mecanismo Redstone da Minecraft possui um conjunto diferente de propriedades que determinam como ele atua. Você deve entender as relações entre suas propriedades. Depois de trabalhar com Redstone por um tempo, a forma e a função das suas ferramentas podem se tornar bastante intuitivas. Até então, você pode usar essas informações para descobrir quais opções são ...

Minecraft Pocket Edition Guia de Sobrevivência - dummies

Minecraft Pocket Edition Guia de Sobrevivência - dummies

Ao contrário da versão bastante complicada para PC do Minecraft, Pocket Edition (PE) de A Minecraft tem uma série de etapas mais direta para alcançar seu ponto final, o Nether Spire. Para sobreviver ao PE Minecraft, um jogador precisa seguir a série de passos descritos abaixo. Punch madeira e construir um abrigo. Todo o Minecraft ...

Minecraft Para Dummies Cheat Sheet - dummies

Minecraft Para Dummies Cheat Sheet - dummies

Minecraft requer um jogador para reunir recursos para sobreviver, construir, criar, e avance no jogo. Devido aos diferentes ambientes encontrados no Minecraft, um jogador precisa usar diferentes estratégias para reunir recursos eficientemente nas três principais áreas do jogo - Overland, the Mines e the Nether. Uma vez que estes ...

Escolha dos editores

Como criar mensagens de e-mail de impressão em série no Word 2013 - dummies

Como criar mensagens de e-mail de impressão em série no Word 2013 - dummies

Palavra 2013 permite que você expire mensagens de e-mail personalizadas usando a opção E-Mail para mala direta. Esta opção funciona apenas quando você configura o programa Microsoft Outlook no seu computador. Depois disso, você inicia o documento principal para sua fusão de e-mail obedecendo a estas etapas:

Como criar múltiplas colunas em um documento do Word 2007 - dummies

Como criar múltiplas colunas em um documento do Word 2007 - dummies

Para converter seu padrão single- (ou não-) coluna do documento do Word 2007 em um com várias colunas, basta escolher o formato da coluna que deseja no menu Colunas. Instantaneamente, seu documento é transformado em uma maravilha multicolora!

Como criar tabelas rápidas nas tabelas do Word 2008 para Mac - dummies

Como criar tabelas rápidas nas tabelas do Word 2008 para Mac - dummies

Ajudam você a organizar idéias ou dados que seriam aborrecedores e difíceis de compreender em forma de parágrafo regular. Com o Word 2008 para Mac, você pode facilmente criar tabelas - às vezes chamadas de grades - em qualquer lugar em seus documentos. A maneira mais fácil de criar tabelas é com um dos melhores recursos novos ...