A maneira mais fácil de criar um site é usando um modelo. No entanto, para que o recurso se destaque, é necessário alterar o layout padrão. E aqui você não pode prescindir de conhecimentos básicos de html e css.
Instruções
Passo 1
Encontre o modelo de site que melhor se adapta a você na Internet. Preste atenção às suas capacidades, à capacidade de adaptação ao tamanho do monitor, às características do menu e ao layout das colunas. Baixe a versão que você gosta para o seu computador, descompacte o arquivo. Verifique seu desempenho fazendo upload dos arquivos para a raiz do site. Talvez o modelo contenha erros e não seja instalado corretamente, então não haverá motivo para trabalhar com ele no futuro.
Passo 2
Mesmo se você não for refazer completamente o modelo, substitua a maioria das imagens, especialmente aquelas que estão localizadas como um logotipo. Substitua cada imagem desta forma:
- abra o arquivo gráfico no programa Photoshop;
- no menu "Imagem" - "Tamanho da imagem" veja seus parâmetros;
- abra uma nova folha com exatamente as mesmas dimensões;
- crie a imagem desejada usando as ferramentas do aplicativo;
- achatar todas as camadas e salvar (não para a web) uma nova imagem com o mesmo nome e na mesma pasta, definindo o formato original.
Assim, em vez de uma imagem, deve aparecer outra.
etapa 3
Assim que você alterar todas as imagens, compacte a pasta com os arquivos (no caso do Joomla) e faça o upload através do painel de administração do site no menu "Extensões". Veja se o tema é exibido corretamente com as novas ilustrações.
Passo 4
Altere o restante dos parâmetros em style.css. Além disso, é muito mais conveniente fazer isso não por meio do painel de administração, mas em um computador. É razoável usar localhost (Denver) para ver o resultado das transformações o mais rápido possível. Isso evitará a necessidade de fazer upload do resultado para o servidor todas as vezes para visualizar os resultados após a próxima edição.
Etapa 5
Baixe o plugin FireBug grátis para Mozilla Firefox. Após a instalação, um ícone de bug amarelo aparecerá no canto superior direito do navegador. Clique nele ou pressione a tecla F12 e, na parte inferior da tela, o código da página aparecerá em uma versão reduzida. Ele pode ser aberto passando o mouse sobre os sinais de mais. E se você clicar na linha de um elemento, ele será destacado na parte superior da tela. No lado direito da janela com o código, você encontrará estilos que indicam as linhas responsáveis pela aparência. E ficará imediatamente claro onde você precisa editar o arquivo de estilo para alterar o design.
Etapa 6
Abra style.css no Notepad ++. Você pode usar outros programas projetados para editar o código, mas para isso não pode usar o "Bloco de notas" padrão, caso contrário, haverá erros devido à codificação. Use o FireBug para encontrar os parâmetros que deseja alterar e edite-os no Notepad ++ ao mesmo tempo.
Etapa 7
Salve o css final e carregue o arquivo no servidor.
