Dez dicas de economia de tempo de design dreamweaver web
Video: How to Make a Responsive Website in Dreamweaver CC 2016
Conteúdo
- Video: how to make a responsive website in dreamweaver cc 2016
- 1plano - vale a pena
- 2definir metas para ajudar você a se concentrar
- 3prazos estabelecidos para ajudá-lo terminar
- 4projeto para o seu público
- Video: web design tutorial - dreamweaver 10 quick tips
- 5criar um projeto consistente
- 6siga a regra de três cliques
- 7pense antes de adicionar fontes de fantasia
- 8mantenha itens usados com freqüência calhar
- 9dividir a vista
- Video: dreamweaver cs6 - responsive design teil 1
- 10backup de seu website
Todos os bons sites crescer e evoluir. Se você começar com um design forte e prestar muita atenção para algumas regras básicas sobre interface, navegação e estilo, você tem uma base melhor para construir. As seguintes idéias de design e dicas Dreamweaver pode ajudar a poupar tempo, como você criar sites que olhar grande para todos os seus visitantes.
1Plano - vale a pena
Mesmo se você está se sentindo pressionado para obter um site on-line rápido, você vai economizar tempo, a longo prazo, se você tomar um pouco de tempo para desenvolver um plano em primeiro lugar.
A World Wide Web não vai a lugar nenhum. Mesmo se você tem que obter o seu site on-line o mais rápido possível, seu objetivo deve ser o de criar um site que serve verdadeiramente o seu público, negócios e objetivos - e esses objetivos exigem planejamento.
2Definir metas para ajudar você a se concentrar
Se você começar o seu site com o objetivo de atrair milhões de visitantes e venda de toneladas de produtos e serviços, você não está sendo suficientemente específico. Quanto mais precisamente você pode declarar seus objetivos, a melhor chance que você tem de alcançá-los. Você deve limitar-se a apenas três gols.
3prazos estabelecidos para ajudá-lo terminar
Depois que você está claro sobre seus objetivos e as tarefas que você precisa concluir antes de lançar o seu site, é hora de criar um cronograma e prazos estabelecidos. Certifique-se de dar-se um prazo realista para fazer um bom trabalho, e fator em um pouco mais de tempo do que você pensa que você precisa, especialmente se você é novo para web design.
Mesmo se você estiver trabalhando em um site sozinho ou com uma equipe muito pequena, a fixação de prazos é uma das partes mais importantes de qualquer plano de projeto - e lhe dá uma chance muito maior de acabamento. Tente amarrar um prazo para um evento especial ou uma ocasião.
4Projeto para o seu público
Não importa quão tecnicamente sofisticados um site é ou como é grande a escrita, a maioria das pessoas notam o projeto pela primeira vez. Certifique-se de que você deixe tempo e orçamento suficiente para desenvolver um projeto apropriado e atraente para o seu site. O projeto certo é aquele que melhor se adapta ao seu público - e que pode ou não pode significar muita fantasia gráficos e animações.
Video: Web Design Tutorial - Dreamweaver 10 Quick Tips
5Criar um projeto consistente
A maioria dos sites funcionam melhor e são mais fáceis de navegar quando eles seguem um tema de design consistente. Caso em questão: A maioria dos leitores dão como certo que livros não mudam seu projeto de página para página, e que os jornais não alterar as fontes principais e logos de dia para dia.
De fato, muitos argumentam que quando os usuários dizer que algo é ?? intuitivo de usar, ?? o que eles realmente querem dizer é que é familiar. A consistência é uma das principais ferramentas utilizadas no projeto para ajudar os leitores a encontrar um local familiar e torná-lo fácil de seguir uma história ou uma série de elementos de navegação.
6Siga a regra de três cliques
A regra de três cliques diz que nenhuma informação importante nunca deve ser superior a três cliques de distância de qualquer outro lugar em seu site. A informação mais importante deve ser ainda mais à mão. Por exemplo, muitos designers concorda que as informações de contato nunca deve ser mais do que um clique de distância.
Você pode fazer encontrar informações fácil para os espectadores através da criação de um Barra de navegação - um conjunto de links para todas as principais seções em seu site que você repete em todas as páginas do seu site. A barra de navegação torna mais fácil para os visitantes a passar de uma seção de seu site para outro.
Se você tiver muitas páginas em seu site, organizá-los em seções com subseções, e então usar um menu drop-down.
7Pense antes de adicionar fontes de fantasia
Designers fico tão animado quando eles descobrem que agora eles podem usar qualquer fonte que eles querem em páginas da web. Infelizmente, como tantas coisas na web, usando fontes é mais complicado do que se poderia esperar.
Por exemplo, mesmo se você tem o direito de sediar uma fonte em seu próprio servidor web, você pode não ter todas as variações da fonte necessária para exibir as letras corretamente em computadores Mac e Windows ou para trabalhar em todos os navegadores web. É por isso que a maioria dos designers web usar um serviço da fonte:
8Mantenha itens usados com freqüência calhar
Você já desejou poder 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 → Insert para abrir o painel Common Inserir. O painel Inserir inclui várias seções, incluindo a estrutura, Media, formulários e, em Favoritos.
Clique na seta no painel Inserir e escolha seus favoritos a partir da lista drop-down. A opção Favoritos está no final da lista drop-down do painel Inserir.
Para personalizar o painel favoritos com todos os seus ícones favoritos recurso, certo; clique (ou Control + clique em um Mac) e escolha Personalizar Favoritos. Use os Favoritos inserção do painel como uma maneira conveniente de manter todos os seus recursos favoritos à mão. Você pode até mesmo alterá-lo para projetos especiais que requerem um conjunto de recursos do programa.
9Dividir a vista
Se você gosta de alternar entre a visualização de código e de design no Dreamweaver, você vai apreciar a opção de dividir a janela de modo que você possa ver tanto o código-fonte e o design da página, ao mesmo tempo. Para dividir a janela, escolha o botão Opinião rachada do canto superior esquerdo da área de trabalho.
Video: Dreamweaver CS6 - Responsive Design Teil 1
código-fonte do Dreamweaver é codificado por cores para torná-lo mais fácil de distinguir marcas de conteúdo. Outra característica útil, tendo em vista Split é que, se você selecionar uma imagem, texto ou outro elemento em uma página na vista de estrutura, o código correspondente é automaticamente em destaque na exibição de código.
10Backup de seu website
Verifique se você tem um sistema no lugar para fazer backup de seu site. Mantenha sempre uma cópia de todos os arquivos no seu servidor em um local separado e atualizá-lo regularmente para se certificar de que você tem a versão mais recente do seu site backup em todos os momentos.
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 on-line (que está hospedado separadamente do seu servidor web).