Close
    Search Search

    Como criar um site do zero

    Informação preliminar

    Como você certamente deve ter lido, para a criação de um site, geralmente é necessário um conhecimento mais ou menos aprofundado de algumas linguagens de programação e / ou script: HTML, CSS, JavaScript, PHP e SQL eles são apenas alguns. Além disso, muitas vezes, é necessário ter conhecimentos na área de gráficos Web, para poder criar sites que não sejam apenas funcionais, mas também bonitos.



    Para criar um site em m√©dia complexo, podem ser necess√°rios ainda mais desenvolvedores que, coordenando-se, consigam chegar ao resultado final: o desenvolvedor do Back-end, ou seja, o motor "interno" do site e sua din√Ęmica, e o desenvolvedor dedicado a front-end, ou seja, a parte externa do site e como ela √© vista de fora.

    Como voc√™ diz? Voc√™ j√° est√° come√ßando a entrar em p√Ęnico, porque n√£o s√≥ n√£o tem nenhum conhecimento no mundo da programa√ß√£o (ou tem muito pouco), mas tamb√©m n√£o sabe a quem recorrer para dar forma ao seu projeto?

    Posso tranquiliz√°-lo de imediato: como j√° mencionei nas barras de abertura deste guia, h√° um grande n√ļmero de plataformas, inclusive gratuitas, pr√©-configuradas e prontas para uso, que permitem criar um site profissional ou pessoal em pouco tempo e , acima de tudo, de forma eficiente e sem a necessidade de conhecimentos pr√©vios sobre o assunto.

    Essas plataformas geralmente incluem tudo o que √© necess√°rio para criar um site do zero efetivamente.

    • Hosting - √© o espa√ßo necess√°rio para hospedar os arquivos que comp√Ķem o site, juntamente com o servidor j√° configurado, capaz de torn√°-los operacionais.
    • Dom√≠nio - ou seja, a possibilidade de criar um "endere√ßo literal" para acessar o site (por exemplo, Configurehow.com). Normalmente, as solu√ß√Ķes pagas permitem que voc√™ compre dom√≠nios inteiros de segundo n√≠vel (ou seja, toda a parte que segue o "www"), enquanto as solu√ß√Ķes gratuitas fixam os respectivos dom√≠nios de segundo n√≠vel, permitindo que voc√™ personalize a parte de terceiros em vez de n√≠vel (por exemplo, nomesito.wordpress.com, onde "nomesito" √© o dom√≠nio de terceiro n√≠vel).
    • banco de dados - geralmente, um banco de dados √© √ļtil para gerenciar dados persistentes do site (informa√ß√Ķes de login, postagens feitas, atualiza√ß√Ķes peri√≥dicas e assim por diante). Muitas plataformas oferecem bancos de dados pr√©-embalados e prontos para uso, que n√£o requerem nenhum tipo de configura√ß√£o.
    • CMS - ou sistema de gerenciamento de conte√ļdo, √© o sistema respons√°vel pelo desenvolvimento efetivo do site. Um CMS geralmente permite criar um site inteiro de forma simplificada, atuando por meio de aplicativos Web com interfaces f√°ceis de usar, capazes de estruturar, preencher, atualizar e modificar "on the fly" a estrutura e as p√°ginas do pr√≥prio site, sem a necessidade de ter conhecimento pr√©vio de programa√ß√£o. Em quase todos os casos, os CMS presentes nas plataformas de cria√ß√£o j√° est√£o configurados para executar corretamente todos os mecanismos que comp√Ķem o site (banco de dados, script PHP e assim por diante).

    Quando necessário, também é possível obter esses elementos separadamente, através da compra de um hosting pago (já configurado para hospedar um site da Internet), juntamente com um domínio de segundo nível, no qual instalar manualmente um CMS. Essa solução, porém, é mais complexa e inadequada para quem não está muito familiarizado com o assunto.



    Como criar um site do zero

    Feitos os esclarecimentos necess√°rios acima, √© chegado o momento de passar ao trabalho e explicar a voc√™s como criar um site do zero gratuitamente fazendo uso de plataformas que fornecem CMS pr√©-configurado, espa√ßo de armazenamento para hospedar o site e dom√≠nios de terceiro n√≠vel.

    Google Sites

    Google Sites √© uma das plataformas gratuitas mais simples dedicadas √† cria√ß√£o de sites: neste caso, o servi√ßo - propriedade da Google - permite criar um site em apenas alguns cliques, com um dom√≠nio de terceiro n√≠vel sites.google.com.

    A for√ßa do Google Sites √© a forte integra√ß√£o com outros servi√ßos do Google (por exemplo, publicidade do AdSense para monetizar conte√ļdo, estat√≠sticas do Analytics e assim por diante), bem como a interface f√°cil de usar, por meio da qual √© poss√≠vel criar um ou mais sites p√°ginas em um tempo muito curto. Para usar o Google Sites, √© essencial ter uma conta do Google: se voc√™ n√£o tiver uma, poder√° cri√°-la facilmente seguindo as instru√ß√Ķes que dei a voc√™ neste guia.

    Para criar um site com o servi√ßo em quest√£o, conecte-se √† sua p√°gina principal e fa√ßa o login com sua conta Google, se necess√°rio. Se esta √© a primeira vez que acessa o servi√ßo, clique no bot√£o OK e espere que a p√°gina de resumo dos sites em sua posse (inicialmente n√£o deveria haver) seja completamente carregada.

    Quando isso acontecer, clique no bot√£o (+) localizado no canto inferior direito e, usando a ferramenta de cria√ß√£o que aparece ao lado, comece a moldar seu site: atribua um nome ao mesmo, indicando-o no campo Site sem t√≠tulo, e especifique o t√≠tulo da p√°gina, usando a barra de ferramentas de sobreposi√ß√£o, para que voc√™ possa format√°-la como quiser.



    Em seguida, importe umimagem para a p√°gina que voc√™ est√° prestes a criar (bot√£o Mudar a imagem) e, se desejar, modifique a disposi√ß√£o, intervindo sobre o item Tipo de cabe√ßalho. Agora, se voc√™ deseja fazer um rodap√© (ou seja, uma se√ß√£o separada exibida na parte inferior das p√°ginas do site), clique no bot√£o Adicionar rodap√© e, ap√≥s inserir o texto de seu interesse, formate-o com as ferramentas fornecidas.

    Ap√≥s esta etapa tamb√©m, voc√™ pode prosseguir com o aprimoramento do seu site, utilizando as abas Digitar, P√°ginas Temas: o primeiro permite que voc√™ adicione novo conte√ļdo √† p√°gina que est√° sendo editada; a segunda permite criar novas p√°ginas no site; a terceira, por outro lado, √© usada para modificar a est√©tica do site. N√£o √© necess√°rio salvar manualmente as altera√ß√Ķes feitas, pois s√£o armazenadas automaticamente no Google Drive (sem afetar o espa√ßo dispon√≠vel).

    Depois de ter conclu√≠do a cria√ß√£o de todas as p√°ginas do site, clique no √≠cone doolho localizado na parte superior para visualizar uma pr√©via e, se estiver satisfeito com o trabalho acabado, clique no bot√£o p√ļblico para iniciar a publica√ß√£o real do site.

    Quase l√°: na pr√≥xima tela, digite o nome de dom√≠nio de terceiro n√≠vel que voc√™ deseja atribuir ao site, remova a marca de sele√ß√£o do item Solicite que os mecanismos de pesquisa p√ļblicos n√£o mostrem meu site, se quiser que os mecanismos de pesquisa o indexem e, quando estiver pronto, pressione o bot√£o p√ļblico! O site assim criado ficar√° vis√≠vel no endere√ßo https://sites.google.com/view/[nome].

    Se você quiser saber mais sobre a criação de sites por meio do Google Sites, sinta-se à vontade para consultar o guia detalhado que criei sobre o assunto.


    WordPress.com

    Outra plataforma muito conhecida para a cria√ß√£o de blogs e sites inteiros da Internet com base na atualiza√ß√£o constante de conte√ļdos √© WordPress.com: em sua forma livre, fornece um dom√≠nio de terceiro n√≠vel wordpress.com e um espa√ßo de armazenamento de 3 GB, com recursos de personaliza√ß√£o limitados e incapacidade de monetizar por meio de an√ļncios em banner.


    Caso tenha interesse em adotar esta solu√ß√£o, conectado ao site oficial da plataforma, clique no bot√£o Crie seu site e inscreva-se na plataforma preenchendo o formul√°rio exibido na tela: em seguida, insira seus dados nos campos O seu endere√ßo de e-mailEscolha um nome de usu√°rio Escolha uma senha e finalmente, clique no bot√£o Conta Crea un. Alternativamente, clique no bot√£o Continue com o Google para se inscrever usando seu perfil do Gmail.

    Em seguida, responda √†s perguntas que lhe s√£o feitas na nova p√°gina que se abre, especificando o nome para dar ao site, Aargomento e os seus objetivo principal. Portanto, indique seu n√≠vel de experi√™ncia em cria√ß√£o de sites e, quando estiver pronto, clique no bot√£o Continuando.

    Quase l√°: na tela D√™ um endere√ßo ao seu site, digite o nome que voc√™ deseja que apare√ßa no URL, dentro do campo Insira um nome e uma palavra-chave, encontre a solu√ß√£o sitename.home.blog e clique no item relevante Selecionar. Para finalizar clique no item Comece com gr√°tis e aguarde alguns segundos para que o site seja criado.

    Neste ponto, basta customizar o site utilizando as ferramentas disponibilizadas na se√ß√£o Personalize da plataforma; se, por outro lado, voc√™ preferir come√ßar imediatamente a adicionar conte√ļdo / artigos √†s p√°ginas do seu site, v√° para a se√ß√£o bens.

    Se voc√™ acha que o WordPress.com √© certo para voc√™ e deseja aprofundar seu uso, saiba que voc√™ tamb√©m pode se inscrever em um dos planos pagos do WordPress.com e remover muitas das limita√ß√Ķes do servi√ßo gratuito ou at√© mesmo baixar o CMS e instale-o separadamente em um espa√ßo adquirido. Para saber mais, sinta-se √† vontade para consultar meu guia sobre como criar um blog com WordPress, meu tutorial sobre como personalizar um site com WordPress.com, meu estudo aprofundado dedicado ao CMS de mesmo nome ou um dos meus guias espec√≠ficos sobre o tema.

    Shopify

    Se o que voc√™ pretende construir √© um site de com√©rcio eletr√īnico, recomendo que experimente Shopify: um servi√ßo extremamente simples e intuitivo, j√° utilizado por mais de 1.000.000 de lojas em todo o mundo, que permite criar e-commerce com produtos ilimitados em poucos cliques. Inclui hospedagem segura ilimitada, largura de banda ilimitada gratuita, um nome de dom√≠nio shopify.com gratuito (substitu√≠vel por um dom√≠nio personalizado) e tudo que voc√™ precisa para gerenciar produtos, clientes, pagamentos, pedidos, remessas e estoque.

    O Shopify tamb√©m permite que voc√™ configure campanhas de marketing via redes sociais, e-mail ou SMS e use o Canal de vendas do Facebook sincronizar seus produtos com um cat√°logo da famosa rede social, criar a√ß√Ķes de marketing em suas p√°ginas e aproveitar a fun√ß√£o de compra Instagram Shopping. Tudo isso tamb√©m pode ser gerenciado a partir de um aplicativo de smartphone.

    Você pode experimentar o Shopify gratuitamente por um período de teste inicial (sem obrigação de renovação), após o qual você pode escolher entre vários planos com custos a partir de $ 29 / mês. Para abrir uma loja no Shopify, basta conectar-se ao site oficial do serviço, digite o seu email address no campo de texto apropriado e clique no botão Comece a avaliação gratuita. Você deve então definir o senha e nome para ser entregue à loja e indicado se você já começou a vender, qual é a sua renda atual, em qual setor você deseja operar e se você estiver criando uma loja para um cliente.

    Feito isso, clique no botão para a frente, forneça detalhes doendereço para receber pagamentos, aperte o botão Entrar na loja e comece a construir seu e-commerce. Encontre tudo no menu que você vê à esquerda: Encomendas para gerenciar pedidos; produzir para gerenciar produtos; Clientes gerenciar a lista de clientes; Análise para ver os dados de vendas; Marketing para configurar campanhas de marketing e assim por diante. Para todos os detalhes, confira meu tutorial sobre como criar um e-commerce com o Shopify.

    Wix

    Se voc√™ deseja realizar algo mais complexo, eu recomendo fortemente que voc√™ considere Wix: trata-se de um servi√ßo online que permite criar sites profissionais de m√©dia complexidade, com blogs, galerias de fotos e possivelmente uma se√ß√£o de com√©rcio eletr√īnico, em apenas alguns cliques.

    Entre os pontos fortes do Wix, est√£o a possibilidade de escolher entre mais de 500 templates predefinidos (otimizados automaticamente para mobile) e de criar automaticamente um site tem√°tico baseado nas indica√ß√Ķes fornecidas durante a fase de configura√ß√£o, usando um sistema de intelig√™ncia artificial denominado ADI.

    Em sua vers√£o gratuita, o Wix permite que voc√™ crie sites de dom√≠nio username.wixsite.com/sitename e oferece 500 MB de armazenamento e 500 MB de largura de banda. Tamb√©m existem an√ļncios em sites Wix gratuitos.

    Para eliminar as limita√ß√Ķes anteriores, ter acesso ao Google Analytics, configurar um dom√≠nio personalizado e desbloquear muitas outras funcionalidades, √© necess√°rio subscrever um dos planos pagos da Wix, com pre√ßos a partir de ‚ā¨ 4,50 / m√™s.

    Para come√ßar a criar um site gratuito com Wix, conectado √† p√°gina principal do servi√ßo, clique em bot√£o encarregue-se de criar um novo site e, utilizando o formul√°rio que lhe √© proposto, criar uma conta na plataforma. Para acelerar as coisas, voc√™ pode optar por fazer login com uma conta Facebook Google.

    Quando o login for conclu√≠do, especifique o tipo de site para criar (O neg√≥cioLoja online ou Blog) e escolher se deseja fazer crie seu site ADI, ou se usar oEditor Wix para especificar manualmente seus detalhes. No primeiro caso, ser√£o feitas perguntas (por exemplo, ‚ÄúQue tipo de site deseja criar‚ÄĚ) e, uma vez que todas as respostas tenham sido fornecidas, ser√° gerado um site de forma totalmente autom√°tica.

    No segundo caso, no entanto, voc√™ ter√° que escolher um dos modelo dispon√≠veis e proceda √† sua personaliza√ß√£o, utilizando os bot√Ķes respons√°veis ‚Äč‚Äčpela gest√£o menus e p√°ginas, para a personaliza√ß√£o do fundo, para a inclus√£o de novos elementose assim por diante.

    Outras solu√ß√Ķes para criar um site do zero

    Se os servi√ßos que acabo de ilustrar n√£o t√™m conseguido corresponder √†s suas expectativas, pode avaliar a utiliza√ß√£o de outras solu√ß√Ķes deste tipo que, com caracter√≠sticas diferentes, s√£o capazes de criar sites igualmente v√°lidos. Abaixo listo os que, na minha opini√£o, s√£o os melhores.

    • Blogger - √© outra plataforma desenvolvida pela Google, com CMS anexado, orientada principalmente para a cria√ß√£o de blogs. O Blogger facilita a integra√ß√£o com os servi√ßos BigG e oferece a possibilidade de monetizar seu site por meio da interface com o programa Google AdSense. Mais informa√ß√Ķes aqui.
    • Redes - √© um portal que permite criar sites profissionais na Internet com apenas alguns cliques. Existem duas modalidades de utiliza√ß√£o: uma gratuita, que apresenta limita√ß√Ķes e permite criar sites com dom√≠nios de segundo n√≠vel, e outra paga que, consoante o pacote, desbloqueia um maior n√ļmero de funcionalidades.
    • Site de um minuto - √© uma plataforma na sua l√≠nguaa que permite criar, de forma extremamente simples, sites e plataformas de com√©rcio eletr√īnico sem ter nenhuma habilidade de programa√ß√£o, gra√ßas a uma equipe de especialistas capaz de atender a in√ļmeras categorias de solicita√ß√Ķes. √Č um servi√ßo pago que, entre as suas in√ļmeras funcionalidades, inclui um grande n√ļmero de ferramentas dedicadas √† cria√ß√£o e otimiza√ß√£o de conte√ļdos.

    Para mais informa√ß√Ķes

    Se você chegou até aqui, significa que dominou perfeitamente tudo que lhe expliquei no decorrer deste guia e que provavelmente já conseguiu fazer seu primeiro site. Deixe-me adivinhar: agora, depois de estudar um pouco de mais confiança com o tema, você teria o desejo de aprender a customizar ainda mais as páginas do seu site, intervindo, sempre que possível, também no seu código.

    Como voc√™ diz? √Č isso? Nesse caso, eu realmente acho que tenho o que √© para voc√™: em meus guias sobre como criar um site HTML, como criar uma p√°gina HTML e como criar uma p√°gina web, na verdade, eu tenho que mostrar a voc√™ mais de perto o que √©, a estrutura de uma p√°gina / site e os elementos que a comp√Ķem.

    Antes de colocar "mãos no código", no entanto, aconselho você a fazer um backup das páginas do seu site, quando elas estiverem em um estado de funcionamento: muitas vezes, intervir "manualmente" no código pode levar a resultados inesperados e indesejados resultados, devido a erros de programação ou, pior ainda, distração.

    Por isso, certifique-se de ter sempre uma c√≥pia completa e funcional do site dispon√≠vel, para ser restaurada em caso de necessidade, ou realizar seus experimentos localmente, diretamente de seu computador: neste sentido, meu guia sobre como transformar seu PC pode ser √ļtil. em um servidor, precisamente o cap√≠tulo dedicado a servidor web.

    Por fim, se o tema te fascina e você deseja se aproximar do mundo da programação Web de forma profissional, recomendo que avalie a compra de livros e manuais dedicados a este universo (e às linguagens que o pertencem), que podem orientar você em seu estudo futuro. Abaixo, mostro alguns, disponíveis online.

    Veja a oferta na Amazon See, a oferta na Amazon See, a oferta na Amazon Como criar um site do zero

    √Āudio v√≠deo Como criar um site do zero
    Adicione um coment√°rio do Como criar um site do zero
    Comentário enviado com sucesso! Vamos analisá-lo nas próximas horas.