Ao criar sites, modelos prontos encontrados na rede são freqüentemente usados. Às vezes, eles são baixados por usuários milhares de vezes, os recursos criados com base neles são muito semelhantes na aparência. Para que o site tenha um design individual, seu template deve ser editado.
É necessário
- - modelo de site;
- - Software Dreamweaver.
Instruções
Passo 1
A melhor maneira de trabalhar com modelos é o Dreamweaver, que pode ser baixado da Internet. Este programa é uma das melhores ferramentas para a criação de um website, permite editar páginas tanto visualmente como através de um editor de código.
Passo 2
Baixe e instale o Dreamweaver e inicie-o. Abra o modelo de sua escolha nele. Observe que o modelo deve ser selecionado corretamente para minimizar o trabalho. Ao escolhê-lo, concentre-se no layout dos elementos da página, não no esquema de cores. Se quiser criar um site diferente dos outros, ainda terá que alterar o esquema de cores, por isso é melhor escolher um template com um layout adequado, que não terá que ser refeito, e já organizá-lo no caminho certo.
etapa 3
É mais conveniente considerar o processo de edição com um exemplo específico. Baixe qualquer um dos modelos html - por exemplo, este: https://web-silver.ru/templates/sites/086/086.zip. Descompacte-o e abra o arquivo html no Dreamweaver. Preste atenção ao interruptor de modo no canto superior esquerdo - "Código", "Separado", "Design". Ao alternar entre os modos, você pode editar o modelo da maneira mais conveniente para você.
Passo 4
Mude para a visualização "Design" e clique com o mouse em qualquer um dos elementos - por exemplo, o cabeçalho da página, no exemplo do modelo ele contém o texto O rio. Observe que as propriedades deste elemento da página aparecem na parte inferior da janela do programa. Em particular, a largura, altura e imagem usada são indicados. Você pode alterar o tamanho do cabeçalho especificando-os nos campos apropriados ou simplesmente arrastando os marcadores de borda no próprio cabeçalho. Troque a imagem, para isso selecione a imagem que você precisa do mesmo tamanho e insira-a no lugar da original.
Etapa 5
Você pode alterar qualquer elemento da mesma maneira simples. Por exemplo, cor do texto, plano de fundo da página, títulos dos links, etc. etc. Se algo não funcionar na janela de design, você sempre pode fazer as correções necessárias diretamente no código. Lembre-se de salvar o arquivo original em um local separado antes de iniciar o trabalho. Conforme você trabalha, salve seus resultados como arquivos separados com nomes diferentes, isso permitirá que você volte a qualquer momento. Com um pouco de prática com o Dreamweaver, você pode editar qualquer modelo de forma rápida e fácil.
