Como Fazer um Site a Partir do Zero (HTML, WordPress, ou Construtores)

Como o proprietário de um pequeno planejamento de casamento de inicialização, um amigo meu não tem muito tempo ou dinheiro para colocar em aprender como fazer um site – mas ela sabia que precisava de um, ou o seu negócio seria perto invisível. Apesar de sua falta de habilidades de programação, ela foi a toda velocidade para criar sua presença on-line sozinha.iniciar um site a partir do zero não foi realmente a tarefa difícil que ela temia., Com as ferramentas certas, ela tem um site WordPress em funcionamento dentro de um par de semanas. Após a construção inicial do site, ela continuou a expandi-lo e atualizá-lo ela mesma enquanto seu negócio crescia.como a sua experiência ilustra, qualquer um pode aprender a fazer um site com relativa facilidade. É tão simples como comprar hospedagem web e um nome de domínio, em seguida, afinar o seu design através de um construtor de site, WordPress, ou usando HTML bare-bones. Nós vamos acompanhá-lo através de cada passo abaixo, então sinta-se livre para clicar em um dos links aqui para pular adiante.,

Escolha uma máquina | faça o seu site | construtor de Sites / WordPress

Passo 1: Escolha uma máquina e um domínio

o primeiro passo para a criação de um site, independentemente da abordagem que você decidir usar, é selecionar um serviço de hospedagem web e um nome de domínio. O hospedeiro da web é a empresa que fornece o servidor e espaço de armazenamento para o seu site e dá ao mundo online acesso à sua marca. O nome de domínio, por outro lado, é a URL (por exemplo, www.hostingadvice.com) que as pessoas usam para navegar diretamente para o seu site.

escolher uma máquina

esta é a parte super fácil., Os anfitriões Top-rated da web têm puxado para fora todas as paradas para acelerar e aliviar o processo de criação inicial do site — muitas vezes começando com um registro de nome de domínio de cortesia, instalações single-click Para populares CMS e plataformas de blogging, um construtor de site gratuito, e créditos de marketing.

para começar, recomendamos inscrever-se para um plano de hospedagem web com um dos seguintes provedores. Seu servidor web será configurado imediatamente, e a maioria lhe dará um nome de domínio livre de sua escolha também., Uma vez que você se inscreveu, você estará criando o seu site, em nenhum momento:

BARATO CLASSIFICAÇÃO
4.8/5.0
  • Conhecido pela alta performance a um preço baixo
  • Aprovado pelo WordPress.org equipe
  • FREE shopping uol construtor de site e CDN CloudFlare
  • domínio GRÁTIS e ilimitado de armazenamento
  • Obter 63% de desconto hoje (foi de us $7.99/mês)
  • Começar no Bluehost agora.,

Starting Price/Mo. $2.,95
Garantia de devolução do Dinheiro 30 dias
Espaço em Disco 50 GB – Ilimitado
Nome de Domínio LIVRE (1 ano)
Nossos Especialistas Bluehost Revisão

Se você está procurando por uma acomodação acessível, host, Bluehost é um sólido, respeitável escolha; A empresa baixos custos, juntamente com a sua supremacia na hospedagem compartilhada arena, é o que faz este provedor de tão valioso negócio., O nome Bluehost está listado para o topo de muitas das nossas categorias de comentários, e com boa razão.

Vá para a análise completa ”

BARATO CLASSIFICAÇÃO
4.8/5.,0
  • Unlimited everything, from storage to databases
  • FREE site builder & WP performance upgrades
  • FREE daily or weekly backups
  • Custom control panel and auto-installation scripts
  • SSH access & SSL certificates
  • Get started on Hostinger now.
Starting Price/Mo. $0.,99
Garantia de devolução do Dinheiro 30 dias
Espaço em Disco 10 GB SSD DE 30 GB SSD
Nome de Domínio LIVRE (1 ano)
Nossos Especialistas Hostinger Revisão

Como o de hospedagem compartilhada de mercado torna-se cada vez mais saturado, ilimitada de armazenamento, largura de banda, e contas de e-mail tornaram-se surpreendentemente média., Hostinger, no entanto, estende a rotina, métricas esperadas para maiores comprimentos — o número de sites, bases de Dados, usuários FTP, subdomains e domínios estacionados são todos irrestritos para a maioria dos clientes.

Vá para a análise completa ”

BARATO CLASSIFICAÇÃO
4.7/5.,0
  • Get 62% off by buying 36 months up front
  • Unmetered disk space & bandwidth
  • Unlimited email addresses & free SSL certificate
  • One-click WordPress install & free blog tools
  • Free 1-year domain registration on select plans
  • Get started on HostGator now.
Starting Price/Mo. $2.,64
Garantia de devolução do Dinheiro 45 dias
Espaço em Disco Ilimitado
Nome de Domínio LIVRE (1 ano)
Nossos Especialistas Revisão HostGator

HostGator é um grande compromisso entre desempenho e preço. A empresa oferece e-mails ilimitados, bases de dados MySQL, espaço em disco e largura de banda, além de instalações de um clique de projetos populares de código aberto, além de um 99.,

Vá para a análise completa ”

BARATO CLASSIFICAÇÃO
4.6/5.0
  • Fácil instalação e excelente confiabilidade desde 1998
  • domínio GRÁTIS e Google marketing incluído
  • largura de banda Ilimitada, armazenamento e e-mails
  • GRÁTIS construtor de site e carrinho de compras
  • Obter mais de 75% hoje (foi de us $7.99/mês)
  • a Começar iPage agora.,

Starting Price/Mo. $1.,99
Garantia de devolução do Dinheiro 30 dias
Espaço em Disco Ilimitado
Nome de Domínio LIVRE (1 ano)
Nossos Especialistas Revisão iPage

Se você é um proprietário do web site ou um web veterano, iPage excelentes serviços de hospedagem e uma fantástica lista de extras tornar a marca uma das melhores valores em hospedagem na web., Espaço em disco Ilimitado, Largura de banda escalável, e E-mails são apenas uma parte do que faz do plano de hospedagem compartilhado da iPage um grande negócio.

Vá para a análise completa ”

BARATO CLASSIFICAÇÃO
4.6/5.,0
  • Obter um domínio livre do mundo #1 registrador
  • líder da Indústria tempos de carregamento da página do seu site
  • largura de banda Ilimitada e até de armazenamento ilimitado
  • Escolha entre cPanel ou Plesk painéis de controle
  • suporte premiado na mão 24/7
  • a Começar no GoDaddy agora.
Preço Inicial/Mo. $1.,00
Garantia de devolução do Dinheiro 30 dias
Espaço em Disco 100 GB – Ilimitado
Nome de Domínio LIVRE (1 ano)
Nossos Especialistas GoDaddy Revisão

Um dos principais factores impulsionadores da GoDaddy serviços de hospedagem é certamente o custo., É difícil vencer o Web hosting por um dólar por mês, especialmente quando a empresa inclui um nome de domínio livre, painel de controle, tempos de carga impressionantemente rápidos, e sites ilimitados com a maioria dos planos.

Go to full review ”

Ver máquinas web mais baratas “

escolher um nome de domínio

registar um nome de domínio de qualidade é essencial para ajudar as pessoas a encontrar e recordar o seu site. Os Serviços de hospedagem web acima oferecem registro de nome de domínio gratuito para o primeiro ano de serviço, então se você já completou o Passo 1, você já tem o seu domínio.,

se ainda estiver a decidir qual o nome de domínio a escolher, aqui estão algumas dicas a considerar:

  • torne-o curto e memorável: os nomes de domínio mais curtos são mais fáceis de recordar. O Título deve ser algo que fique na mente das pessoas. Nomes de domínio longos só funcionam se forem únicos e cativantes.
  • Use palavras-chave relevantes: o seu nome de domínio é outra oportunidade para incorporar palavras-chave que contribuem para a sua estratégia geral de SEO. Palavras-chave que são relevantes para o seu nicho de negócio vai fazer com que o seu nome de domínio ainda se destacar na memória das pessoas e aumentar o seu rankings motor de busca.,
  • nomes de domínio de pesquisa: Verifique se outras empresas ou indivíduos estão usando um nome de domínio que está muito relacionado, para evitar quaisquer conflitos ou confusão.
  • escolha a extensão apropriada do nome de domínio: como sabe ao navegar na web, os nomes de domínio podem terminar em .com, .org, .biz e outras extensões. Escolha o que melhor se adapta ao propósito do seu site.

Agora que você comprou o seu plano de hospedagem web (e tem o seu domínio livre com o seu plano de hospedagem) você está pronto para construir e lançar o seu site.,

Passo 2: Escolha um método de construção do Site

Existem três maneiras principais de construir um site. Se você é um iniciante, de longe a maneira mais fácil de construir e lançar um site é usar um construtor de site fornecido pelo seu host web. Se você é pelo menos um pouco web-savvy, você poderia usar WordPress ou um sistema de gerenciamento de conteúdo (CMS), como Drupal ou Joomla. Se você já está bem versado em codificação, você pode começar do zero e usar HTML para construir o site a partir do zero., Cada abordagem tem seus méritos e desafios:

Opção 1: Usar um construtor de Site (nível de iniciante)

usando um construtor de site – uma aplicação que leva você através dos passos de fazer um site sem código – pode ser tanto libertador e capacitante. Todo o código é feito pelo Provedor na infra-estrutura, e em essência, não é muito mais desafiador do que usar um processador de texto.

construtores de sites, como Wix, permitem que não-programadores projetem páginas web visualmente, sem saber codificar.,

normalmente, um construtor de sites ou método de construção de sites baseado em modelos oferece menos opções de personalização do que se você construir o site a partir do zero usando HTML, mas para as habilidades limitadas necessárias, os construtores de sites fornecem flexibilidade e uma boa experiência de usuário para novatos.

Opção 2: Instalar o WordPress (nível intermédio)

muitos proprietários de empresas e empregados têm pouca ou nenhuma habilidade de codificação. Ao mesmo tempo, pode ser limitado para alguns ter que confiar em um web designer/desenvolvedor para criar um site e fazer atualizações., WordPress é uma solução catch-all para as empresas que querem um site básico com investimento mínimo de tempo e dinheiro.

quase um terço de todos os sites na internet existem na plataforma WordPress, e mesmo grandes empresas, como CNN e eBay, usá-lo. Existem versões gratuitas e pagas do software, e há muito apoio do usuário disponível on-line.

eu amo o painel WordPress para o seu design elegante e limpo. Assim que te tornares amigo dele, nunca mais voltarás.,

com muitos temas e layouts para escolher e opções para avançar para projetos e características mais complexos, o WordPress é uma escolha versátil para todos os tipos de negócios. Na verdade, é a plataforma que HostingAdvice.com por si só.

Opção 3: Criar um site a partir do zero com HTML (nível avançado)

as competências de Web design são altamente valiosas no mercado de trabalho e talvez você tenha pensado que é algo que você quer pegar. Construir um site a partir do zero lhe dará as ferramentas para criar e personalizar um site exatamente como você acha adequado., Há uma curva de aprendizagem mais alta, mas uma recompensa maior, como o conhecimento de HTML permitirá que você afine o seu design do site e levar essas habilidades para a frente para expandir e atualizar o site com facilidade.

Se você é um novato na programação e determinado a aprender, você pode pegar as habilidades de codificação que você vai precisar de uma miríade de livros de web design (A série O’Reilly é um bom ponto de partida) e sites como o World Wide Web Consortium (W3C) escolas.

aprender a codificar um site você mesmo lhe dará a flexibilidade final em torná-lo exatamente o que você quer ao longo do tempo., Sem mencionar que ser capaz de codificar é uma habilidade muito valiosa na economia de hoje.Passo 3: iniciar a construção!

Agora que você se inscreveu para hospedagem web com um domínio livre, e escolheu o seu método de sitebuilding, você está pronto para começar a criar a aparência do seu site e seu conteúdo. Leia para instruções passo-a-passo:

Opção 1: Usar um construtor de sitios para construir o seu Site (principiante)

construir um site com um construtor de websites gratuito é um processo rápido, fácil e simples., Você pode já ter se inscrito para uma conta de hospedagem no Passo 1, caso em que o site do seu host da web terá instruções passo-a-passo específicas para você instalar e usar o seu LIVRE, incluído construtor do site. Geralmente, achamos que o Wix é o construtor de sites mais popular, por isso vamos usá-lo como exemplo aqui.

Se você já se inscreveu para hospedagem, você criou uma conta. Se você ainda não tem um host web, recomendamos inscrever-se para o sitebuilder Wix através de seu site. Basta digitar o seu endereço de E-mail e senha no Wix.com a página de inscrição para começar., Note que a manipulação do endereço de E-mail se tornará parte do seu domínio livre (se você não tiver um domínio personalizado), por isso tenha isso em mente ao se inscrever. Se ainda não tiver a certeza, dou-lhe as boas-vindas para verificar a nossa revisão especializada da plataforma Wix abaixo.

o CONSTRUTOR de sites CLASSIFICAÇÃO
4.9/5.,0
  • Sem habilidades de codificação necessária com o recurso de arrastar-e-soltar builder
  • 100s de modelos com nichos específicos de projetos
  • Adicionar recursos através do Mercado de App e Wix Eventos
  • Crie facilmente comércio eletrônico funcionalidade facilmente
  • Ótima forma de criar pequenos sites em um orçamento
  • a Começar no Wix agora.

Preço Inicial/Mo. $0.,00
Money Back Guarantee 14 days
Disk Space 500 MB – 20 GB
Domain Name Transfer
Our Expert’s Wix Review

Website building is where Wix shines., Os milhares de modelos, o editor intuitivo, os projetos líderes da indústria que atendem a uma variedade de campos específicos e casos de uso-todas essas facetas representam uma plataforma que se destaca em facilitar o fácil design web para o Usuário não — experiente em tecnologia.

Go to full review ”

selecione a categoria que melhor descreve o seu site. Isso ajuda as pessoas a encontrar o seu site e ajuda o Wix a atender a diversificada base de usuários da plataforma. Sua Seleção irá determinar que tipos de modelos você navegar, então considere a melhor opção para o estilo do site que você quer construir.,

Wix agora tem duas opções para criar um site. Além do Editor wix tradicional, há também Wix ADI, um programa de inteligência artificial que desenha sites personalizados com base em perguntas que você responde. Recomendamos usar o Editor Wix, que lhe dá o controle total sobre as personalizações disponíveis na plataforma. No entanto, se você quiser experimentar o Wix ADI, por todos os meios, vá em frente!

escolha entre uma grande variedade de modelos, todos diferentes dependendo do tipo de site que você está criando. Filtrar as opções por imagem, procurar por palavra-chave ou ordenar através dos modelos por categoria.,

a riqueza de temas específicos da indústria e nicho disponíveis em Wix é algo que eu acho particularmente atraente.

Você também pode optar por um modelo em branco para começar completamente do zero ou com uma disposição básica.

cada modelo começa com texto pré-preenchido e uma imagem de fundo. Seu modelo é um ponto de partida para tornar o site seu próprio. Uma das primeiras coisas que você deve fazer em sua nova página Wix é adicionar suas informações de negócios. Preencha seu nome de marca, slogan e outros detalhes pertinentes, clicando simplesmente no texto que precisa ser substituído., Você também pode alterar os aspectos visuais da Página, incluindo a imagem de fundo, e adicionar ou trocar imagens em outras páginas em seu site.

Existem muitas maneiras de adicionar conteúdo e personalizar o seu site. Carregue no botão Adicionar no menu à esquerda para uma faixa de opções-texto, botões, slideshows, menus, etc. Sob o botão Apps, existem muitos recursos que você pode adicionar ao seu site para funcionalidades adicionais, tais como comentários, chat ao vivo e uma loja online. Você também pode carregar seu próprio conteúdo multimídia, tais como fontes, imagens, vídeos e música, e iniciar um blog.,

simplesmente clique em “Publicar” no canto direito para colocar o seu site na web! Você vai escolher um domínio, que pode ser um domínio livre de Wix.com ou um domínio personalizado que você adquire através de um registro de domínio.

Opção 2: Usar o WordPress para criar o seu Site (intermediário)

usar o WordPress para criar o seu site é uma experiência semelhante ao uso de um construtor de sites em termos de processo. Qual plataforma você deve usar é uma questão de preferência. Depende de qual se sente mais intuitivo para você e lhe dá a maior flexibilidade para o seu projeto e manutenção do site., Uma grande vantagem de ir com o WordPress é a grande comunidade de apoio, tanto oficial como de outros usuários de software WP.

A maioria dos planos de hospedagem incluem fácil acesso ao WordPress-instalar o software com um clique, ou melhor ainda, tendo pré-instalado para você. Na maioria dos casos, você pode simplesmente entrar em seu painel de controle de hospedagem e encontrar a opção de instalar a plataforma WP. Se o seu serviço de hospedagem não tem esta capacidade, você pode encontrar as instruções de instalação manual aqui. Estas máquinas web tornam a instalação do WordPress especialmente fácil:

1. Em motionhosting.,com

WORDPRESS RATING
4.9/5.0
  • WordPress pre-installed with NGINX and PHP 7
  • FREE SSL certificate and unlimited bandwidth
  • Automatic plugin, theme, and core updates
  • Features a FREE drag-and-drop WP page editor
  • Premium themes and plugin subscriptions
  • Get started on InMotion now.,
Starting Price/Mo. $4.,99
Garantia de devolução do Dinheiro 90 dias
Espaço em Disco 40 GB SSD DE 120 GB SSD
Nome de Domínio LIVRE (1 ano)
Nossos Especialistas InMotion Revisão

InMotion Hosting, muito conhecido por preços acessíveis e de alta performance opções de hospedagem compartilhada, entrou para o WordPress espaço com uma opção sólida construída sobre a reputação da empresa para suporte de grande qualidade e confiabilidade., Custando um pequeno prémio sobre outras opções orçamentárias, a Inção inclui algumas características agradáveis para ajudar a justificar essa diferença de custo.

Go to full review ”

2. Bluehost.com

WORDPRESS CLASSIFICAÇÃO
4.9/5.,0
  • Recommended by WordPress Core since 2005
  • FREE SSD storage and SSL certificate
  • FREE domain registration and email
  • Automatic installation and updates
  • 63% discount for HostingAdvice readers
  • Get started on Bluehost now.
Starting Price/Mo. $2.,95
Garantia de devolução do Dinheiro 30 dias
Espaço em Disco 50 GB de SSD – Ilimitado
Nome de Domínio LIVRE (1 ano)
Nossos Especialistas Bluehost Revisão

Destinadas a pessoal blogueiros e usuários que Bluehost do WordPress pacotes de hospedagem são uma ótima alternativa para simples hospedagem compartilhada., Estes serviços vêm a um prémio, em comparação com os planos compartilhados padrão da Bluehost, mas a otimização WordPress e recursos específicos de plataforma são indiscutivelmente vale o custo.

Go to full review ”

3. A2Hosting.com

WORDPRESS CLASSIFICAÇÃO
4.9/5.,0
  • LIVRE CDN Cloudflare e 1-clique em WP instala
  • Turbo Servidor, a velocidade de um SSD, e otimizado cache
  • A2-otimizado plugins para o desempenho e segurança
  • LIVRE certificados SSL e suporte 24/7
  • LIVRE HackScan e KernelCare
  • Começar do A2 Hosting agora.
Preço Inicial/Mo. $2.,99
Garantia de devolução do Dinheiro 30 dias
Espaço em Disco Ilimitado SSD
Nome de Domínio Novo ou Transferência
Nossos Especialistas A2 Hosting Revisão

Como especialistas em otimização de desempenho, A2 Hosting é uma escolha superior para alimentar pesados websites WordPress., A empresa oferece planos compartilhados ou gerenciados para o sistema de gerenciamento de conteúdo ultra-popular, com os benefícios estendendo-se a Joomla, Drupal e outras plataformas.

Go to full review ”

Veja mais hosts WordPress “

tome algum tempo para se familiarizar com a infra-estrutura WordPress para a sua conta. Você vai encontrar onde gerenciar seus posts, páginas e comentários; mudar a aparência do site; adicionar editores do site; e instalar plugins. Seu painel de instrumentos tem tudo o que você precisa para manter o controle do conteúdo em seu site e personalizar o seu olhar e sentir.,

sob a página aparência no painel de instrumentos, você pode selecionar a partir de um número de temas livres (ou optar por pagar por um). Instalar um tema é tão simples como seleccionar “instalar” e depois “Activar” para o modelo que deseja. Você pode alterar o seu tema a qualquer momento, sem alterar o outro conteúdo em seu site.

para adicionar novas páginas ao seu site, seleccione “páginas” e depois “adicione novas.”Você pode fazer estas páginas parte do menu de navegação do seu site sob a opção Menus na página aparência. Para adicionar posts (se você quiser um blog em seu site), vá para “Posts” e, em seguida, “Adicionar Novo.,”

Por padrão, o WordPress irá colocar suas últimas postagens em sua página inicial. Para selecionar uma página específica para servir como sua página inicial, escolha “Configuração” do menu do painel e, em seguida, escolha “leitura”.”Na primeira página exibe a seção, opte por” uma página estática ” e, em seguida, selecione a página que você criou como sua página inicial.

Plugins são extensões — não configuradas no WordPress por padrão-que adicionam novas funcionalidades ao seu site. Plugins WordPress pode melhorar a funcionalidade do seu site, ajudá-lo a alcançar os objetivos que você tem para o seu site, e dar aos visitantes do seu site uma melhor experiência de usuário.,

Plugins abundam para usuários do WordPress! Basta baixar e instalar para estender a funcionalidade já robusta da plataforma.

por exemplo, o ‘plugin’ do Google Analytics ajuda-o a seguir a actividade do seu site e o ‘plugin’ da galeria NextGEN permite-lhe mostrar galerias de imagens. Sob “Plugin” no painel de instrumentos, você pode pesquisar através das opções — literalmente milhares de plugins livres. Basta clicar em “Instalar” e você está pronto para ir.

neste ponto, você terá criado um site cheio de conteúdo, visualmente atraente e funcional., A publicação no WordPress acontece em uma página ou nível de post, então você vai precisar clicar em “Publicar” para cada área do seu site. Você pode esperar até que o seu site esteja completamente pronto para lançar para publicar o seu conteúdo ou publicar enquanto você cria páginas e posts individuais.

Opção 3: Usar HTML para fazer um site a partir do zero (Advanced)

para aqueles que querem um desafio e têm um pouco de tempo extra, fazer um site via HTML é um esforço que vale a pena que desenvolve a sua compreensão da edição e design da web., Você pode configurar um site básico em apenas algumas horas, e construir sobre ele como você aprender mais HTML e CSS habilidades.

Como foi o caso com as duas primeiras rotas de construção do site, seu primeiro passo é se inscrever com um provedor de hospedagem.

a MELHOR CLASSIFICAÇÃO GERAL
5.0/5.,0
  • site GRATUITO transferência ou nova configuração do site
  • LIVRE de backups diários, CDN, e-mail, e SSL
  • 24/7 suporte especializado, sem esperar por telefone ou chat
  • Recomendado pelo WordPress como um host
  • Ideal para negócios hospedagem de e-mail
  • Começar a SiteGround agora.
Preço Inicial/Mo. $6.,99
Garantia de devolução do Dinheiro 30 dias
Espaço em Disco 10 GB SSD DE 30 GB SSD
Nome de Domínio Novo ou Transferência
Nossos Especialistas SiteGround Revisão

Com uma variedade impressionante de global de serviços de hospedagem oferecidos, SiteGround é um líder inovador no espaço de hospedagem — a partir de soluções de software personalizadas para a premier de apoio ao cliente., A empresa oferece a gama completa de recursos de hospedagem web, incluindo uma Cloudflare CDN, cPanel com acesso SSH, e bancos de dados MySQL ilimitados e largura de banda — para não mencionar o apoio ao cliente digno de prêmio.

Go to full review ”

Ver todas as máquinas web de topo “

para escrever etiquetas HTML, você vai precisar de um editor de texto de alta qualidade que atende à linguagem da web. O Notepad++ é uma boa opção para usuários da Microsoft, enquanto o TextMate é ideal para usuários do Mac. Editores de texto multi-plataforma incluem Atom e Texto Sublime.,

sites podem ser construídos estritamente usando HTML, que se traduz em arquivos de texto nomeados com a extensão .galeria. A página principal do seu site é tipicamente intitulado index.galeria. Crie este arquivo e salve-o, em seguida, preencha-o com o framework básico de seu site HTML. Ele será parecido com isto:

na sua forma mais simples, esta é a página de índice principal do seu site deve parecer quando você está desenhando-o em seu editor de texto.

<html> tags incluem a totalidade do conteúdo do seu site e indicam que este é um documento HTML., A etiqueta <head> abrange o título da sua página, meta tags (diga ao navegador detalhes sobre o conteúdo da sua página e visualização), e referências aos seus ficheiros CSS externos para estilizar a sua página. O conteúdo real da sua página vai entre as etiquetas <body>.

ao construir o seu site, você vai querer organizar seus arquivos em pastas de acordo com a estrutura em que você quer que o seu site apareça. Por exemplo, você pode criar uma pasta para a sua página de cerca que tem o seu principal sobre.,arquivo html, bem como qualquer CSS relacionado que adiciona estilo ao seu site e outros arquivos HTML que suportam esse conteúdo. Ao adicionar links em todo o seu site para as páginas do seu site, você irá referenciar a sua localização de pasta no diretório onde você armazena seus arquivos.

escreva o seu conteúdo dentro da secção <body> de cada .arquivo html (ou seja, cada página) do seu site. Aqui estão algumas marcas importantes para saber à medida que constrói o seu site:

  • <header> indica o topo do seu documento e é onde o seu título e logotipo da Página aparecem.,
  • <nav> é usado para construir o seu menu do site, a principal navegação do seu site onde os visitantes encontram links de topo do site.
  • <section> denota o conteúdo principal da sua página. É usado para agrupar como conteúdo dentro de uma página. Pense em artigos que você encontra online que estão agrupados sob diferentes rubricas.
  • <article> é usado para peças individuais de conteúdo em uma página como um post, imagem, vídeo ou outros multimídia. É uma forma de estruturar a página para que estes itens possam ser facilmente distinguidos.,
  • <footer> é a parte inferior do site. Esta área é frequentemente onde as pessoas colocam suas informações de contato, Termos de serviço, Política de Privacidade e outras informações diversas mas importantes.

preenchido com estas tags, a estrutura básica da sua página ficaria assim:

completo com tags HTML, a estrutura básica da sua página web deverá ser semelhante a isto no seu editor de texto.

Você também vai querer adicionar uma barra de navegação básica para o seu site. Isto proporciona fácil acesso às principais páginas do seu site., Usará a etiqueta <nav> e a etiqueta <ul> ou a etiqueta da lista não ordenada para configurar isto.

no HTML, a navegação principal do seu site é, na verdade, apenas uma lista de URLs não ordenadas (think bullets).e voilà! Agora os visitantes do site podem navegar facilmente para o seu blog, páginas de produtos, deixá-lo uma linha em sua página de contato, navegar os testemunhos de clientes, e de volta para a página inicial novamente!

pode tornar o seu site mais interessante visualmente com a formatação, cores e imagens apenas usando HTML., No entanto, incorporando CSS, ou cascading style sheets, em seu site lhe dá muito mais controle sobre sua aparência, e sites que usam CSS parecem mais profissionais em geral.

adicione customização adicional e regras de design para o seu site usando arquivos CSS.

CSS é designado em ficheiros CSS separados. O arquivo principal é tipicamente chamado de estilo.Forum. Algumas funções básicas do CSS incluem adicionar cores, contornos e fundos, e aplicar o modelo de caixa para organizar o conteúdo em suas páginas., Este passo é mais avançado do que o uso de HTML básico, mas pode melhorar muito a estética do seu site.

Uma vez que você está feliz com o layout geral, você pode publicar o seu site. É perfeitamente bom se o seu site é muito básico para começar. Desde que pareça profissional, você pode se sentir bem em colocá-lo para fora na web, e melhorá-lo à medida que você desenvolver mais HTML e CSS habilidades.está feito!, Agora, para a parte difícil… adicionar conteúdo

como foi o caso para o nosso amigo de planejamento de Eventos, você pode não pensar que você pode construir seu próprio site no início-mas a verdade é que agora é mais fácil do que nunca para o iniciante completo para criar um site funcional e visualmente atraente que as pessoas querem visitar. Com a ajuda de recursos online e apoio da comunidade WordPress, meu amigo construiu um site de que ela estava orgulhosa – e você pode, também.

A coisa mais importante a considerar sobre o seu site é o conteúdo, como este será o que atrai as pessoas para visitar e continuar a ler., Considere o que você quer que seu site seja sobre, se é seu negócio ou um blog sobre um tópico específico. Considere cuidadosamente, porque isso irá determinar a sua direção de design web, também. Uma vez que você tem algumas idéias de Conteúdo e um plano concreto, você está pronto para começar a sua aventura de construção do site.

divulgação publicitária

HostingAdvice.com é um recurso on-line gratuito que oferece conteúdo valioso e serviços de comparação para os usuários. Para manter este recurso 100% livre, recebemos compensação de muitas das ofertas listadas no site., Juntamente com os principais fatores de revisão, esta compensação pode ter impacto na forma como e onde os produtos aparecem em todo o site (incluindo, por exemplo, a ordem em que eles aparecem). HostingAdvice.com não inclui todo o universo de ofertas disponíveis. As opiniões editoriais expressas no site são estritamente nossas e não são fornecidas, endossadas, ou aprovadas pelos anunciantes.

, Antes que os artigos e revisões sejam publicados em nosso site, eles passam por um processo de revisão minucioso realizado por uma equipe de editores independentes e especialistas em assuntos para garantir a precisão, pontualidade e imparcialidade do conteúdo. Nossa equipe editorial é separada e independente dos anunciantes do nosso site, e as opiniões que eles expressam no nosso site são suas próprias. Para ler mais sobre os membros da nossa equipa e os seus antecedentes editoriais, visite a página sobre o nosso site.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Ir para a barra de ferramentas