Índice:
- 1Plan - vale a pena.
- 2Define metas para ajudar você a se concentrar.
- 3Faça os prazos para ajudá-lo a terminar.
- 4Design para o seu público.
- 5Crie um design consistente.
- 6Siga a regra dos três cliques.
- 7Think antes de adicionar fontes extravagantes.
- 8 Mantenha itens usados com freqüência.
- 9Faça a vista.
- 10 Faça o backup do seu site.
Vídeo: Dreamweaver CC tutorials: How to build a responsive web design for desktop & mobile devices lesson 2025
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).
