Como fazer um site (com fotos)

Índice:

Como fazer um site (com fotos)
Como fazer um site (com fotos)

Vídeo: Como fazer um site (com fotos)

Vídeo: Como fazer um site (com fotos)
Vídeo: Como criar um Site Grátis (Portfólio para Fotógrafos) 2024, Marcha
Anonim

Construir um site é uma ótima maneira de compartilhar suas ideias e pensamentos com o mundo. Mas se você nunca fez um, pode parecer assustador. Há todo aquele http-ponto-tudo e e como você coloca imagens e texto lá? Bem, não tema, este artigo irá ajudá-lo a compreender os meandros muito rapidamente!

Passos

Ajuda HTML básica

Image
Image

Amostra de página da web com HTML

Apoie o wikiHow e desbloquear todas as amostras.

Image
Image

Folha de referências em HTML

Apoie o wikiHow e desbloquear todas as amostras.

Image
Image

Amostra de página da web simples

Apoie o wikiHow e desbloquear todas as amostras.

Parte 1 de 4: projetando seu site

Etapa 1 para fazer um site
Etapa 1 para fazer um site

Etapa 1. Inspire-se

Olhe para sites com ótimos designs e pense por que eles são ótimos. Geralmente, tudo se resume às informações, recursos, links e páginas dispostos de uma forma que seja fácil de ver e usar. Para obter ideias sobre como projetar seu próprio site, observe os sites que fazem coisas semelhantes para obter ideias sobre onde você deve colocar diferentes tipos de conteúdo.

  • Seja realista com suas habilidades.
  • A facilidade de acesso é o mais importante. Se você não tiver uma determinada informação facilmente visível, certifique-se de que obter essa informação seja muito lógico.
  • Geralmente, quanto mais simples for o design, quanto menos páginas, melhor.
Etapa 2 para fazer um site
Etapa 2 para fazer um site

Etapa 2. Escolha um tópico e propósito

Se você já tem uma boa ideia sobre o foco do seu site, pule esta etapa. Caso contrário, aqui estão algumas coisas para ajudá-lo a descobrir isso. Primeiro, entenda que existem bilhões de pessoas na Internet e uma grande porcentagem tem sites. Se você se limitar a algo que não foi feito, nunca começará.

  • Quando você pensa "Internet", qual é a primeira coisa que vem à sua mente? Comércio eletrônico? Música? Notícia? Socializando? Blogando? Todos esses são bons lugares para começar.
  • Você pode criar um site dedicado à sua banda favorita e ter uma área de bate-papo onde as pessoas podem falar sobre isso.
  • Você pode construir uma página para sua família, mas tome cuidado com coisas como esta. A internet está cheia de personagens desagradáveis e as informações que você coloca sobre sua família podem acabar sendo usadas contra você. Considere adicionar proteção por senha ao site pessoal de sua família.
  • Se você é um viciado em notícias ou quer algo menos filtrado do que a mídia tradicional, crie um site e obtenha feeds disponíveis publicamente de provedores de notícias como Reuters, BBC, AP e outros. Crie seu próprio agregador de notícias personalizado (que costumava ser conhecido pelo nome curioso de "jornal") e, em seguida, veja e mostre todas as notícias que podem ser digitalizadas.
  • Se você for criativo ao escrever, pode começar um blog onde pode escrever sobre o que quiser e atrair leitores mensais!
Etapa 3 para fazer um site
Etapa 3 para fazer um site

Etapa 3. Faça um plano

Construir seu site vai exigir um compromisso de tempo e possivelmente dinheiro, então estabeleça um limite para ambos e, em seguida, mergulhe. O plano não precisa ser uma planilha grande e complicada ou uma apresentação gráfica sofisticada, mas no no mínimo, você vai querer considerar o que isso fará por você e pelos visitantes, o que você colocará no site, o que vai aonde nas páginas da web.

Etapa 4 para fazer um site
Etapa 4 para fazer um site

Etapa 4. Reúna o conteúdo

Existem muitos tipos diferentes de conteúdo e muitos têm suas próprias considerações. Você precisará descobrir o que é melhor para o seu site e suas necessidades. Algumas coisas a serem consideradas, incluindo:

  • Uma loja.

    Se quiser vender coisas, você precisará descobrir como deseja que os itens estejam disponíveis. Se você tem relativamente poucas coisas para vender, convém considerar ter uma loja com um serviço de hospedagem. Society6, Amazon e Cafepress são todos anfitriões de lojas bem estabelecidos que permitem que você venda uma variedade de itens e defina seus próprios preços.

  • meios de comunicação. Você quer exibir vídeos? Música? Você deseja hospedar seus próprios arquivos ou deseja que eles sejam hospedados em outro lugar? Youtube e SoundCloud são ótimos exemplos de opções de hospedagem, mas você precisa ter certeza de que a maneira como você projeta seu site permite que esses tipos de mídia sejam exibidos corretamente.
  • Imagens. Você é um fotógrafo? Um artista? Se você planeja colocar imagens originais em seu site, convém usar um formato que pode ajudar a evitar que sejam roubadas. Certifique-se de que as imagens sejam relativamente pequenas ou que estejam ocultas por trás de algum código Flash, para evitar que sejam facilmente salvas.
  • Widgets. Esses são miniprogramas executados em seu site, geralmente para ajudá-lo a rastrear quem os visita, o que estão procurando e de onde vêm. Você também pode encontrar widgets para marcar compromissos, exibir um calendário, etc. Veja o que pode ser útil para você (apenas certifique-se de que o widget vem de uma fonte confiável).
  • Informações de Contato. Quer ter informações de contato em sua página da web? Para sua própria segurança, você deve ter cuidado com o tipo de informação disponível. Você nunca deve exibir coisas como seu endereço residencial ou número de telefone residencial, pois informações como essas podem ser usadas para roubar sua identidade. Você pode querer configurar uma caixa postal ou um endereço de e-mail especial para as pessoas entrarem em contato com você, se você não tiver um endereço comercial.
Etapa 5 para fazer um site
Etapa 5 para fazer um site

Etapa 5. Desenhe um fluxograma

Para a maioria das pessoas, o site começa na página inicial. Esta é a página que todos veem quando acessam www.seusite.com pela primeira vez. Mas para onde eles vão a partir daí? Se você passar algum tempo pensando em como as pessoas podem interagir com seu site, será muito mais fácil no futuro criar botões e links de navegação.

Etapa 6 para fazer um site
Etapa 6 para fazer um site

Etapa 6. Planeje os dispositivos e situações do usuário

Nos últimos anos, smartphones e tablets se tornaram plataformas incrivelmente populares para navegar na Internet e exigem que os sites sejam projetados para eles. Se você realmente deseja fazer um site que resista ao teste do tempo e seja acessível ao maior número de visualizadores, planeje fazer versões diferentes de seu site para dispositivos diferentes ou use um design responsivo que se ajusta conforme necessário.

Parte 2 de 4: Construindo seu site

Etapa 7 para fazer um site
Etapa 7 para fazer um site

Etapa 1. Decida que método ou ferramenta você usará para construí-lo

Quando você tiver a ideia básica e tiver um plano de como ela será apresentada, a próxima coisa a se pensar é como você vai construí-la. As opções parecem infinitas e as pessoas vão tentar vender-lhe este ou aquele aplicativo 'fantástico', e todas as outras coisas que você "absolutamente deve ter" em seu site, no entanto, a realidade é que existem algumas ferramentas excelentes para a construção de sites, e um deles será o mais adequado para sua situação e necessidades.

Etapa 8 para criar um site
Etapa 8 para criar um site

Etapa 2. Construa você mesmo

Isto é o primeira opção. Se você tiver um aplicativo de construção de sites como o Adobe Dreamweaver, não será muito difícil criar um site do zero. Você pode precisar fazer alguma codificação, mas não entre em pânico! HTML parece complicado, mas é como ouvir Shakespeare - é difícil no começo, mas depois que você começa a sentir, não é tão difícil.

  • Prós: o software de design de sites simplifica o processo de construção de sites, permitindo que você arraste e solte imagens, textos, botões, filmes e qualquer outra coisa que você possa imaginar, geralmente sem nunca ter que cavar em HTML. Muitos aplicativos de web design permitem até mesmo criar sites especificamente para seu smartphone ou pad. Se você está construindo um site básico e pessoal, este é realmente um ótimo caminho a percorrer.
  • Contras: há uma curva de aprendizado e, embora você não precise se aprofundar em HTML, não é totalmente livre de geeks. Se você estiver com pressa, essa pode não ser a melhor solução. Talvez o maior contra, porém, seja que, se você não for um designer gráfico, pode acabar com uma página que machuca os olhos. Para amenizar isso um pouco, há uma série de modelos gratuitos nos aplicativos e na internet, mas esteja ciente de suas limitações - se houver alguma!
Etapa 9 para fazer um site
Etapa 9 para fazer um site

Etapa 3. Use um sistema de gerenciamento de conteúdo (CMS)

Isto é o segunda opçao. O WordPress é um exemplo de ótima opção para construção de sites. Ele ajuda você a criar páginas da web e postagens de blog com rapidez e facilidade, configurar menus, permitir e gerenciar comentários de usuários e tem milhares de temas e plug-ins que você pode escolher e usar gratuitamente. Drupal e Joomla são outras ótimas opções de CMS. Uma vez que o CMS esteja hospedado, você pode gerenciar seu site de qualquer lugar (no mundo) que tenha uma conexão com a Internet.

  • Prós: Muito fácil de usar, rápido para começar com a instalação com um clique e muitas opções para o iniciante (com profundidade suficiente para usuários mais experientes).
  • Contras: alguns temas são limitantes e nem todos são gratuitos.
Etapa 10 para fazer um site
Etapa 10 para fazer um site

Etapa 4. Construir o site do zero

Isto é o terceira opção. Se você decidir construir seu site do zero, precisará começar a usar HTML e CSS. Existem maneiras de ampliar suas habilidades em HTML e adicionar mais recursos e mais profundidade ao seu site. Se você estiver desenvolvendo um site profissional, essas ferramentas o ajudarão a obter a vantagem necessária em qualquer empreendimento comercial.

  • CSS, que significa "Cascading Style Sheets". CSS oferece mais flexibilidade para estilizar o HTML e torna muito mais fácil fazer alterações básicas - fontes, cabeçalhos, esquemas de cores - em um só lugar e fazer com que essas alterações sejam propagadas pelo site.
  • XHTML é uma linguagem da web definida pelos padrões do W3C. Quase idêntico ao HTML, ele segue um conjunto mais rígido de regras para marcar informações. O que isso significa, na maior parte, são pequenas alterações na maneira como você escreve o código.
  • Procure em HTML5. É a quinta revisão do padrão HTML central e, eventualmente, incluirá a versão atual do HTML (HTML4) e também do XHTML.
  • Aprenda uma linguagem de script do lado do cliente, como JavaScript. Isso aumentará sua capacidade de adicionar elementos interativos ao seu site, como gráficos, mapas, etc.
  • Aprenda uma linguagem de script do lado do servidor. PHP, ASP com JavaScript ou VB Script ou Python podem ser usados para mudar a forma como as páginas da web aparecem para diferentes pessoas e permite que você edite ou crie fóruns. Eles também podem ajudar a armazenar informações sobre as pessoas que visitam seu site, como nome de usuário, configurações e até mesmo "carrinhos de compras" temporários para sites comerciais.
  • AJAX (Asynchronous JavaScript and XML) é uma técnica de usar uma linguagem do lado do navegador e uma linguagem do lado do servidor para fazer a página obter novas informações do servidor sem atualizar a página, muitas vezes reduzindo muito o tempo de espera do usuário e melhorando muito a experiência do usuário, mas aumentando uso de largura de banda. Para um site que terá muito tráfego, ou um site de comércio eletrônico, esta é uma excelente solução.
Etapa 11 para fazer um site
Etapa 11 para fazer um site

Etapa 5. Contrate um profissional

Isto é o quarta e última opção. Se você não está preparado para criar seu próprio site ou aprender novas linguagens de codificação - especialmente para sites mais avançados - contratar um profissional pode ser sua melhor opção. Antes de contratar, peça para ver um portfólio de seus trabalhos e verifique suas referências cuidadosamente.

Parte 3 de 4: Teste o direcionamento do seu site e sua ativação

Etapa 12 para fazer um site
Etapa 12 para fazer um site

Etapa 1. Registre seu nome de domínio

Se você estiver com orçamento limitado, existem estratégias para comprar um nome de domínio barato. Encontre um nome de domínio que seja fácil de lembrar e fácil de escrever. Se você usar domínios que terminam com.com, você acabará com mais tráfego, mas a maioria dos mais fáceis está ocupada, então seja criativo!

  • Procure Network Solutions, GoDaddy ou Register.com são bons nos EUA e uk2.net se você estiver no Reino Unido para pesquisar e encontrar o nome de domínio ideal para o seu site. O Wordpress também inclui um recurso por meio do qual você pode usar um nome marcado com o site, por exemplo, mywebsite.wordpress.com. Mas se o nome que você escolher também estiver disponível como.com, eles o notificarão quando você se inscrever.
  • Você pode comprar nomes de domínio se eles estiverem "estacionados" ou à venda online por meio de sites de vendas comerciais. É uma boa ideia obter aconselhamento jurídico e financeiro antes de comprar um nome de domínio caro.
Etapa 13 para fazer um site
Etapa 13 para fazer um site

Etapa 2. Inspecione seu site

Antes de postar seu site, é aconselhável testá-lo completamente. A maioria dos softwares de design de web tem uma maneira de testar seu site sem colocá-lo online. Procure tags ausentes, links quebrados, otimização de mecanismo de pesquisa e falhas de design de site. Todos esses são fatores que podem afetar o tráfego e as receitas do seu site. Você também pode gerar um mapa do site totalmente funcional e gratuito para enviar aos mecanismos de pesquisa como o Google, em questão de minutos.

Etapa 14 para fazer um site
Etapa 14 para fazer um site

Etapa 3. Teste seu site

Ao terminar o seu site, faça um teste de usabilidade. Você pode fazer isso pedindo a alguns amigos ou familiares para experimentar. Dê a eles uma tarefa específica como "editar seu perfil" ou "comprar um suéter de alpaca na página de pechinchas". Sente-se atrás deles e observe-os navegar - não os ajude. Você provavelmente encontrará áreas onde precisa melhorar a navegação ou esclarecer algumas instruções. Como alternativa, use algo como zurb.com para testar o usuário em dados demográficos específicos para diferentes tipos de engajamento. Ao testar um site em 2014, é importante manter a plataforma em mente e garantir que o site possa ser usado em smartphones e tablets, bem como em desktops.

Mantenha uma lista das coisas que você observa que parecem difíceis ou não intuitivas para o usuário

Etapa 15 para fazer um site
Etapa 15 para fazer um site

Etapa 4. Inicie

Escolha um host e carregue seu site. Seu host da web pode ter um recurso de FTP, ou você pode baixar seu próprio programa de FTP, como FileZilla ou CyberDuck. Se você contratou um profissional para projetar o site, ele deve ser capaz de cuidar disso para você (mas ainda assim vale a pena fazer perguntas para que você entenda o que está acontecendo).

Observe que existem maneiras de hospedar seu próprio site gratuitamente

Parte 4 de 4: Considerações sobre o site

Etapa 16 para fazer um site
Etapa 16 para fazer um site

Etapa 1. Limite seu conceito

Se você está fazendo isso por dinheiro, quais ideias geram mais lucro? Quais ideias exigem mais comprometimento? Quais ideias parecem divertidas de seguir? Você vai passar o tempo trabalhando no seu site, então escolha a ideia pela qual você mais gosta (que também seja lucrativa e prática para você).

Etapa 17 para fazer um site
Etapa 17 para fazer um site

Etapa 2. Defina seus objetivos e trabalhe para alcançá-los

O site que você cria pode ser para diversão, pode ser lucrativo ou uma combinação dos dois. Conhecer suas expectativas torna muito mais fácil projetar seu site e acompanhar e dar sentido aos resultados.

Etapa 18 para fazer um site
Etapa 18 para fazer um site

Etapa 3. Esteja pronto para a competição

Os sites de conteúdo exigem menos investimento, mas também enfrentam mais concorrência, pois qualquer pessoa pode iniciar um site de conteúdo. Para ganhar dinheiro com esse tipo de site, você fornece informações e gera receita com o tráfego que recebe por meio de publicidade, como o Google AdSense. Para otimizar o AdSense, você terá que escrever seu conteúdo propositalmente e torná-lo interessante para que as pessoas acessem seu site. Use palavras-chave específicas direcionadas a pessoas que procuram termos específicos também; só não se empolgue com esse aspecto ou o conteúdo pode ser prejudicado e os leitores não gostarão.

Etapa 19 para fazer um site
Etapa 19 para fazer um site

Etapa 4. Esteja pronto para a responsabilidade

Os sites de comércio eletrônico, que vendem produtos, precisarão de mais manutenção e atenção. Você precisará pensar sobre frete, vendas, impostos, SSL, atualizações de estoque e tudo que uma pessoa com uma loja física teria que gerenciar. Um sistema para responder prontamente a perguntas e lidar com reclamações é essencial na venda de produtos online; muitas empresas também oferecem ajuda por telefone, que você pode terceirizar no exterior, se necessário.

Se o objetivo é apenas adicionar um fluxo de receita, você também pode vender produtos de outras pessoas por meio de programas de afiliados, permitindo que você ganhe dinheiro sem investir no produto ou se preocupar com frete

Etapa 20 para fazer um site
Etapa 20 para fazer um site

Etapa 5. Conheça o público ou mercado que deseja alcançar

Que tipo de pessoa seu site atenderá? Faça pesquisas de mercado para descobrir mais sobre seu público. Coisas a saber ou descobrir incluem: O que eles fazem? Quantos anos eles tem? Quais são seus outros interesses? Todas essas informações podem ajudar a tornar seu site muito mais útil. No entanto, tome cuidado para não presumir que seu site está direcionado apenas a um grupo - sempre observe as tendências que mostram outros tipos de pessoas se interessando, para que você possa atender aos interesses deles também e aproveitar ao máximo as novas oportunidades.

Etapa 21 para fazer um site
Etapa 21 para fazer um site

Etapa 6. Faça uma pesquisa de palavras-chave

Isso é necessário para determinar se as pessoas estão procurando tópicos relevantes para o seu site e pode ser útil para aprender mais sobre seus clientes em potencial. Fazer um esforço consciente para incorporar palavras-chave em demanda ao site também pode ajudá-lo a obter uma melhor classificação no mecanismo de pesquisa. Existem ferramentas disponíveis no Google (por exemplo, google.com/trends/ e google.com/insights/search/#), Abertura e desenvolvedores de software de terceiros que podem facilitar o processo de pesquisa de palavras-chave.

  • Espalhe as palavras-chave que você escolheu em todo o seu texto, mas não na medida em que prejudique a qualidade do seu conteúdo.
  • A criação de páginas otimizadas para os motores de busca irá ajudá-lo a encontrar o seu site, o que é realmente mais importante do que o design. De que adianta um site que ninguém vê?
Etapa 22 para fazer um site
Etapa 22 para fazer um site

Etapa 7. Anunciar.

Agora que está disponível, você quer que as pessoas venham, então diga a eles!

  • Envie seu site para os principais mecanismos de pesquisa. Existem sites que farão isso por você ou você mesmo.
  • Conte aos seus amigos. Tweet sobre isso constantemente! Adicione-o às atualizações de status do Facebook, poste fotos no Flickr, adicione-o à sua conta do LinkedIn - em qualquer lugar e em qualquer lugar é a chave aqui. Quanto mais pessoas acessarem seu site, melhor.
  • Use um endereço de e-mail com seu domínio. Visite outros sites que complementam (não competem com) o seu e se oferecem para trocar links ou fazer um guest blog / escrever. Publique de forma construtiva em blogs e fóruns e coloque o seu URL na sua assinatura.
  • Use o marketing do artigo. Criar artigos otimizados para SEO e publicá-los em outros sites é às vezes uma maneira útil de criar backlinks para o seu site. Isso pode ajudá-lo a impulsionar a classificação do mecanismo de pesquisa do seu site, mas sempre fique a par das atualizações do mecanismo de pesquisa que muitas vezes afetam as estratégias de SEO e podem torná-las menos úteis ou até mesmo diminuir a classificação do seu site.
Etapa 23 para fazer um site
Etapa 23 para fazer um site

Etapa 8. Forneça conteúdo e serviço de qualidade

Acima de tudo, ouça os seus leitores e clientes e aprenda com a experiência deles com o seu site.

  • Leve os comentários construtivos a sério. Outros membros da banda, fãs e amigos podem ter ideias de navegação mais fáceis.
  • Pense em seu mercado ou público-alvo: suas necessidades, suas frustrações, suas circunstâncias. Tanto quanto possível, procure tornar sua vida mais fácil ou mais informada.

Vídeo - Ao usar este serviço, algumas informações podem ser compartilhadas com o YouTube

Pontas

  • Muitas vezes, as pessoas estão com pressa. Em média, você tem cerca de 3-7 segundos para capturar os olhos das pessoas, então seja esperto sobre o que as pessoas veem primeiro quando acessam sua página. Para minimizar o tempo de carregamento, não sobrecarregue com gráficos enormes. Comprima-os sempre que possível. Use a tecnologia flashy JavaScript, Flash, streaming de áudio / vídeo, etc., com moderação e apenas se for importante para a sua apresentação.
  • Se você estiver vendendo um produto que os usuários encontrarão por meio de um mecanismo de pesquisa, certifique-se de que esse produto seja a primeira coisa que eles verão quando chegarem à sua página. Quanto mais você clicar em seu visitante, maior será a probabilidade de ele visitar outro lugar.
  • Se você contratar um profissional para codificar um site complicado, lembre-se de que os programadores não são necessariamente designers gráficos. Os sites mais atraentes que existem foram feitos por ou com a colaboração de alguém envolvido em design gráfico. O melhor conselho, especialmente para um site profissional, é usar a equipe certa para o trabalho: os designers projetam a aparência do site; os programadores fazem tudo por baixo do capô para que funcione; os profissionais de marketing posicionam o site e garantem que seja relevante; e escritores escrevem a cópia.
  • Comece com coisas simples, pratique-as e depois encontre maneiras de melhorar - mesmo que o que você cria não seja muito impressionante nas primeiras vezes. Não tente apressar o processo.
  • Encontre sites populares, mesmo que eles não tenham muito a ver com o seu, e use-os como modelos. O que eles estão fazendo certo? O que é interessante no layout, no conteúdo, na maneira como você se movimenta pelo site? Incorpore aspectos relevantes do que você aprendeu ao visualizar esses sites em seu próprio site, adaptando-o para atender às suas necessidades.
  • Se você pretende vender um produto em seu site, precisará ser capaz de aceitar pagamentos com cartão de crédito seguro. Você pode se inscrever para uma conta de comerciante, que cobra uma taxa por transação, ou usar um serviço de pagamento gratuito como o PayPal. Sempre leia as letras pequenas com atenção. Esteja ciente de que muitas linhas de crédito exigem que você dê garantias para itens enviados perdidos ou danificados (verifique também o seguro).

Avisos

  • Nunca viole a confiança de seus visitantes. Respeite sua privacidade. Spam, pop-ups irritantes e anúncios irrelevantes prejudicarão sua credibilidade. Uma declaração de privacidade clara é uma forma de construir sua credibilidade. Forneça um link destacado para sua declaração de privacidade em todas as páginas do site, bem como em qualquer local onde você esteja solicitando informações pessoais aos visitantes. Forneça informações de contato legítimas online. Se você precisar usar anúncios em seu site, explique o motivo aos visitantes e mostre a eles que você está fazendo o possível para acomodar a visita deles. E fale sério!
  • Lembre-se, nunca exclua os detalhes (nome de usuário, senha, etc.) de sua conta. Se você não tiver os detalhes quando os esquecer, não poderá trabalhar no seu site novamente. Mais importante, nunca forneça seus dados (exceto o endereço do seu site).
  • Se você usar conteúdo de outro site, seja uma imagem, um JavaScript ou qualquer outro, obtenha permissão e dê a eles o crédito por isso. Se você não fizer isso, eles podem processá-lo.
  • Tenha cuidado para não ficar obcecado demais com todos os "conselhos mais recentes" em sites de marketing. Embora alguns dos conselhos sejam úteis e válidos, muitos deles não são. O marketing não é uma ciência - é um experimento contínuo e em constante mudança. Você é o melhor juiz para saber como suas próprias estratégias promocionais estão funcionando (ou não). Ouvir os usuários e aprender com sua experiência é a abordagem mais válida de todas.

Recomendado: