Propaganda

Se você administra seu próprio negócio ou simplesmente deseja anunciar a si mesmo e suas habilidades, é importante ter um website. Mas talvez você não tenha tempo para aprender HTML e não queira gastar dinheiro em serviços caros de design da web.

Nesse caso, você pode usar nossos modelos HTML gratuitos. Criamos modelos simples que você pode adaptar às suas próprias necessidades para criar um site simples. Também incluímos instruções para que você possa usar os modelos mesmo que seja iniciante em HTML.

Como usar os modelos

Você pode visualizar cada modelo clicando no link no título. Mas para editar e usar os modelos você mesmo, primeiro é necessário fazer o download deles. Para fazer isso, clique direito no título de cada modelo e escolha Salvar link como…. Em seguida, selecione uma pasta para salvar o modelo e pressione Salve .

Um método alternativo é abrir o modelo no seu navegador clicando no link. Então clique direito em qualquer lugar da página e selecione Exibir fonte da página

. Isso mostrará o HTML usado para a página. Você pode então pressionar Ctrl + S para salvar o modelo no seu computador.

Agora vá para a pasta onde você salvou o modelo. Clique com o botão direito no modelo e escolha Abrir com depois selecione Bloco de notas. Isso abre o modelo como um documento de texto. Aqui você pode fazer alterações no modelo desejado e salvar.

Quando suas edições são feitas, suas páginas estão prontas para hospedar. Confira nosso guia para o melhores serviços gratuitos de hospedagem de sites Os melhores serviços gratuitos de hospedagem de sites em 2019Aqui estão os melhores serviços gratuitos de hospedagem na web que oferecem muito e têm uma reputação melhor do que a maioria. consulte Mais informação para encontrar um host adequado e seu site pode estar online rapidamente.

Este modelo é para uma página inicial simples, que pode ser para seu site pessoal ou profissional. Você pode adicionar uma imagem em retrato e texto sobre você e suas realizações profissionais.

Você também pode usar esse modelo para qualquer outro tipo de conteúdo baseado em texto, como informações sobre um hobby ou tópico que deseja compartilhar.

Para personalizar o modelo, primeiro abra o arquivo HTML em um editor de texto como o Bloco de Notas ou o WordPad. Para entender o que está vendo, você pode aprender sobre compreendendo o código HTML básico 5 etapas para entender o código HTML básicoHTML é a espinha dorsal de todas as páginas da web. Se você é iniciante, vamos orientá-lo nas etapas básicas para entender o HTML. consulte Mais informação .

Alterar o título da página

A primeira coisa a mudar é o título. Este é o texto que aparece na parte superior da guia quando você abre a página. Para mudar isso, localize a seção:

Agora mude o texto dentro do

Alterar a imagem

O modelo vem com o logotipo MakeUseOf como exemplo. Você pode alterar esta imagem para o que quiser. Uma imagem quadrada parece melhor, mas você também pode usar uma imagem retangular, se preferir. Para alterar a imagem, localize esta linha:

Agora mude "muo-logo.jpg" para o URL da sua imagem.

Alterar o texto

Agora você só precisa adicionar o texto que deseja para a página. Para fazer isso, encontre as tags de parágrafo. Esses são

no início e

no fim.

Copie e cole o texto desejado entre essas tags de parágrafo. Haverá um espaço adicionado automaticamente no final de cada parágrafo. Para adicionar mais parágrafos, basta adicionar outro conjunto de tags com texto dentro.

Você também pode alterar o cabeçalho na parte superior do texto. Para mudar isso, encontre a linha:

Sobre mim

E mude o texto "Sobre mim" para o que quiser.

Este modelo é uma maneira fácil de vincular todos os seus sites de mídia social. Você pode usá-lo como uma página de destino, que aponta para todos os outros sites onde pode ser encontrado online.

Alterar os links de mídia social

Você precisa alterar os links e o nome de cada conta de mídia social. Para fazer isso, comece com a conta do Twitter. Encontre esta linha:

Twitter:@JohnSmith

Há duas coisas para mudar aqui. Primeiro, mude o link http://twitter.com/johnsmith para o link da sua conta do Twitter. Em segundo lugar, altere o identificador @JohnSmith para o identificador.

Agora faça o mesmo com os outros sites de mídia social.

Se houver um site que você não usa, por exemplo, se você não tem uma conta no Tumblr, basta excluir esta seção do modelo:

Tumblr:johnsmith

Alterar o título e o título

Como o modelo sobre mim, você pode alterar o cabeçalho e o título alterando o texto dentro do tags e o Tag.

Esta página é uma maneira de as pessoas entrarem em contato com você sem que elas tenham que enviar um e-mail para você. O formulário pega as informações inseridas e as envia automaticamente para o seu endereço de email. É uma maneira fácil de os visitantes do site entrarem em contato com você.

Mude seu endereço de email

Para fazer o formulário funcionar, você precisa alterar uma linha no modelo:

Aqui você altera seu endereç[email protected] para o seu endereço de e-mail. Isso funcionará com qualquer provedor de e-mail e você receberá um e-mail com os comentários inseridos no formulário pelos visitantes do site.

Alterar o texto, título e título

Mais uma vez, você também pode alterar o texto que aparece nesta página. Para alterar o texto, basta editar o que aparece entre Tag. Para alterar o cabeçalho, altere o texto entre as Tag. Para alterar o título, altere o texto entre as Tag.

Ao criar uma página inicial para sua empresa, você deseja ter todas as informações principais em um só lugar. É para isso que serve este modelo.

Alterar os títulos da seção

Para alterar o título de cada seção, procure estas linhas:

Sobre nós
Nossa missão
Nossos serviços
Nossos clientes

Agora altere o título dessas seções para o que você quiser, editando o texto entre as

e

Tag.

Alterar o conteúdo da seção

Para alterar o texto que aparece abaixo de cada título, procure um parágrafo que comece da seguinte maneira:

Lorem ipsum dolor sit amet... 

Agora mude o texto dentro do

e

tags para dizer o que quiser.

Alterar a imagem

O modelo inclui um espaço para uma imagem na parte inferior da página. Para alterar a imagem, localize esta linha:

Agora mude o URL “muo-logo.jpg” para o URL da imagem que você deseja usar.

Quando você administra uma empresa, é importante disponibilizar depoimentos de clientes. Isso mostra novos clientes em potencial que outras pessoas usaram sua empresa e tiveram uma boa experiência.

Este modelo permite exibir suas melhores avaliações de clientes.

Adicionando informações do cliente

Para adicionar comentários a esta página, primeiro você precisa adicionar as informações do cliente. Para fazer isso, procure nesta seção a primeira revisão que você deseja adicionar:

Nome do cliente: John Smith. 

Negócio do cliente: Suprimentos de Smith

Agora basta alterar "John Smith" para o nome do cliente e "Suprimentos de Smith" para o nome comercial do cliente.

Adicionando Comentários de Clientes

Para adicionar a revisão em si, procure abaixo das informações do cliente e encontre este parágrafo que começa da seguinte maneira:

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Agora exclua este texto e substitua-o pela revisão do cliente.

Adicionar mais comentários

Para adicionar mais revisões do que as três no modelo, copie todo o bloco começando com

e terminando com

. Cole isso abaixo dos comentários atuais e edite para adicionar mais comentários.

Crie um site rapidamente com modelos HTML

Esses modelos permitem criar rápida e facilmente uma página pessoal ou profissional. Você pode editar cada modelo para atender às suas necessidades ou usar vários e vinculá-los para criar um site completo.

Se você deseja levar seu site para o próximo nível, pode aprender como criar seu próprio site a partir do zero. Descobrir como criar um site para iniciantes Como Fazer um Site: Para IniciantesHoje vou orientá-lo no processo de criação de um site completo do zero. Não se preocupe se isso parecer difícil. Vou guiá-lo através dele a cada passo do caminho. consulte Mais informação aprender mais.