Site profissional e grátis sem programar? | Mobirise

Site profissional e grátis sem programar? | Mobirise

Olá eu sou time meses essa pesquisado muito sobre qual seria a melhor forma de criar websites estáticos isso quer dizer que vão gostar de que a gente usa para fazer nosso portfólio nosso site pessoal você não da empresa ou do produto EA melhor forma de fazer ele seria de uma forma que não precisa ser programar e fosse altamente gratuita que não aparecesse as informações das empresas deixou realmente nosso site então a logo delas aqui você não o nome delas no nosso nome do site que enfim eu fiz

essa pesquisa e no final consegui chegar em várias etapas que você pode usar para criar esse tipo de website é sobre isso eu quero te mostrar hoje Olá meu nome é covarde estrangeiro de software que tá aqui para te ajudar a criar soluções com tecnologia no vídeo de hoje eu vou te mostrar como criar um site sobre profissional de forma super simples desses precisa saber programar mas também que outras soluções que morte como fazer aqui no canal Então vale muito a pena você se inscrever e dá

uma olhada em outros vídeos porque tem muita coisa bacana basicamente são três etapas que você precisa fazer para criar um site então primeiro é fazer o esqueleto dele o design dele né Teu certo realmente pronto E aí nuza depois você vai ter que ir hoje pegar esse site algum lugar algum lugar na internet não quero que vocês vão poder acessar a qualquer lugar do mundo e o terceiro é criar um nome para o seu site que tem que ser um poder digitar no seu navegador para acessa r o seu conteúdo em

qualquer dispositivo porque eu tô olhando aqui são as ferramentas as etapas que eu encontrei que vai fazer compra toda sua vida seja super simplificada Sem precisar gastar nenhum dinheiro e quiser receber em totalmente profissional só sem mais delongas vamos embora na primeira etapa vou te mostrar a ferramenta chamada de imóvel ISO esse vídeo não é patrocinado por eles mas é a melhor ferramenta que eu encontrei para isso eu já tô deixando aqui na descrição o l ink para você fazer o download dela

daqui aí nessa página aqui e é só você baixar para ouvir duas comédia políticos que você escolhe aí cês tão passional e aí ao fazer o download você abrir você vai cair na interface parecida com essa então vou escolher aqui que eu vou criar um site novo e aí é só dizer o nome do seu site eu vou chamar ele demonstra coisa que é o exemplo padrão que deu aqui no canal porque ela um sua loja é uma loja para você comprar e vender item para você usar a su a aventura coleta bom então a gente vai fazer

aqui o site dela e ela vai usar o movie vai ser cinco então só vou dizer aqui para criar o site e ele vai criar uma página em branco a gente pode vir aqui tá na versão desktop mas quiser qualquer momento não dá para versão do celular só clica aqui no botão é a primeira coisa que tá fazer adicionar bloco Então os blocos são justamente essas caixinhas quem tem o poder usar no nosso site para fazer toda a sua experiência então vem que tem vários vários e vários que são gratuitos pra gente usar

Então vamos começar adicionando o menu nosso site depois de adicionar um header né o condicionar esse raio daqui tem mais opções que eu tive aqui tão características eu posso botar os produtos da nossa loja é o que é a nossa loja Oba tela aqui em cima e por último tive aqui na parte de formulários e eu vou adicionar esse aqui para pessoas já poder fazer a compra E aí no final botar aqui um futuro que é uma parte aqui embaixo bem simples para nossa loja então aqui a gente já tem é o

nosso esqueleto do site pro Oi e aí é só ele tá ele então por exemplo aqui em cima vou já ficar aqui na foto da logo e escolhi aqui uma louco para nossa loja então vou navegar aqui pelo meu computador o e adicionar aqui a logo da música loja como texto alternativo vou botar logo da moça loja e confirma É só tocar aqui agora o nome para moça loja ó e aqui a gente vai poder acionar os botões depois eu acho que vai ser um de sobre a vai ser onde produtos e aqui no botão vai ser onde compra agora e

é esse de contato a gente não precisa então só apertar aqui na lixeirinha que ele vai vir aqui porque a barricar-se eu vi aqui no botão e apertar aqui na cor botar aqui para editar o estilo do site que eu posso definir aqui as cores e as pontos então a culpa em malha eu vou botar aqui mais e vou colocar a cor primária aqui da nossa loja o certo é para botão eu vou deixar a cor branca botar aqui a cor branca Tá certo e vou botar aqui a fonte das essa Jorge mesmo eu acho que ela encaixa bem com a

nossa loja aí vi também outras opções Como deixar o botão arredondado que eu também vou ativar Então tudo certinho Vou botar aqui o título da nossa site moça loja a descrição dela é Venha conhecer os melhores itens para ajudar nessa aventura vou trocar aqui a cor do botão para ser com um texto preto com botão preto na verdade eu vou botar aqui não saiba mais em e eu posso ficar aqui também na foto e aí ao invés de pesquisar aqui no computador Vou precisar biblioteca gratuita deles e vou botar

aqui para o Store que loja em inglês e aí já tem aqui algumas opções eu vou escolher essa daqui para fazer nosso site E aí ver que ele já adiciona aqui a imagem da loja acho que tá ficando já bem legal E aí em relação esse botões que está pensando aqui né já tem seus botões você só precisa clicar nele certo e aqui no link você clica e ele vai ter opção tanto de botar para o end ereço da web mandar um e-mail telefone aqui e também direto na página Então vou botar aqui vai ser na página inicial não

é chamado de home Isso aqui vai para o topo da página ele venceria hoje e tô mesmo processo preso outros aqui então no sobre eu vou clicar novamente vou clicar aqui na opção de link E aí no página novamente vou botar na rumo e vou botar para aí para essa opção aqui que vai ser de sopa Oi e aí pouco já botei diversos links aqui já preenchi vamos agora terminar de cus tomizar Então esse daqui vou botar bom então já dizendo aqui o que a moça loja né se nos a melhor lugar para você comprar os itens

de sua aventura em um botão para quais são os produtos que é para botar para somente descer aqui para parte de produtos então mesma coisa aqui dos links né eu escolhi aqui do produto é que a gente pode adicionar também modificações então só vou dizer que é o melhor preço Então nesse daqui eu vou botar algumas configurações diferentes então só vem aqui no s parâmetros você pode colocar para cima largura total né não vou precisar vou diminuir essa distância aqui do Top Então ver que ele tá mexendo

aqui em cima e o do Boro também vai vai ser menor é vai ter título então você vê que eu posso mudar aqui vai ter tempo tão o número de itens aqui vai ser somente dois e é tudo bom Aqui de configuração da da caixinha específico não vou deixando aqui na descrição Oi e aí agora tu posta bem editar os ícones Então vou botar aqui no do preço esse do Cifrão e nos produtos antivert legal vou botar aqui essa cestinha inserir comigo então já tá modificada com essa parte um dos produtos novamente você

pode vir aqui nas configurações editar E por que ele somente então aqui três itens vai ter título não vai precisar desse texto aqui embaixo e tudo certo aqui nessa edição Vou botar aqui todos os itens E aí os preços dele e aí tudo certo agora nós temos nossos produtos finalmente aqui para editar vou somente fazer do comprar agora aí o meu é bem legal porque já faz para você cuida para você toda parte do formulário Então vou botar aqui e entraremos em contato com você em breve para confirmar o

pedido entre pode clicar aqui para editar o formulário Então vou botar aqui para pessoa preencher o nome o e-mail e aqui no telefone eu vou chamar de produto e então vai vir com o nome da pessoa o e-mail e o produto que ela quer aí você adiciona aqui com o e-mail que é que vai chegar Então vai mandar para moça loja@gma il.com e quando a pessoa terminar de preencher formulário eu vou dizer obrigado pela compra em breve entraremos em contato e vou salvar aqui no botão dos trâmites vou fazer

comprar então a pessoa vai poder vir aqui no formulário colocar o nome o e-mail produtos e já comprar que você vai receber um e-mail quando ela fizer isso e eu vou ver aqui é só agora no nosso parte de baixo vou botar qualquer leite moça loja E aí vai te conhecer viu vou trocar aqui também essa cor para ser a cor da moça loja fazer uma coisa aqui em cima trocando essa cor é de fundo vou trocar esse texto aqui Oi e aí pronto gente já configurou o nosso site que eu tô achando

essa distância aqui muito alta se eu configurar aqui o topo para deixar menor pronto e aí a gente já tá com o nosso site desenhado e ele funciona tanto aqui na versão para computador quanto na versão mobile então ver como ele fica aqui para quem usar pelo site ainda tá bem legal e a gente a gent e publicar tem só uma coisa que precisa mexer ainda tem que perceber tá sendo chamada aqui essa tela do nosso site de home E aí você clicar você vê que tem mais opções né então você pode tanto adicionar

novas páginas se você quiser mas no nosso caso você só uma página é e o tiro da página vai ser o que vai aparecer lá em cima no site quando for você abrir ele não vai dizer o nome do site basicamente e no meu vai ser somente o nossa loja e esse trem pode dar uma descrição que eu sou site que seria importante que aparecer em algum buscador como o Google por exemplo E aí com isso aqui configurado já vai ser bem melhor a experiência do seu usuário e aí então é só você vir aqui publicar escolhendo

aqui a pá E aí então eu vou botar aqui um desktop mostra loja site e vou publicar aí vai fazer todo o processo de geração do nosso código e é isso aqui aqui é o código do nosso site e o legal aqui que não precisou mexer em nada disso ele criou tudo pra gente então vai pró xima etapa de austeridade pros pegar o nosso site para que qualquer pessoa da internet posso usar ele vai usar uma ferramenta muito legal na comunidade de programadores que é o kit Rubi que eu tô com ela aberta aqui certo então

se você ainda não tem uma conta no Twitter web ela é muito fácil de você criar você vem aqui você faz o site E aí você colocar suas informações e entra e aí vai chegar em 8 é fácil assimila com essa aqui com o seu perfil para você colocar os seus projetos e tu do mais e a gente vai começar aqui adicionando um novo repositório me fala o nosso site Então ver que ele já vai adicionado aqui vou botar o nome do repositório para nossa loja o site a descrição vai ser você vai precisar deixar ele público

que é que tem um padrão aqui no YouTube então qualquer pessoa poder ver o código no seu site mas não tem nenhum problema em relação a isso e você vai vir aqui e já vai criar o seu repositório e ainda vai ter tudo prontinho para você pegar agora e a dicionar o seu seus arquivos Então você vai vir aqui é adicionar um arquivo existente EA Quem escolheu os arquivos a gente vem na nossa página da nossa loja site e É só adicionar aqui o nosso os arquivos entre a pensar na verdade só é assim 10 quando

HTML e o Zé ser tão Batismo aqui primeiro Me dá esse contato ml e vou arrastar aqui usar essa de falar Oi e aí arrastamos é aí você já vai criar a pasta com é tudo que vai ser necessário para o nosso Website rodar então pode demorar um pouco aqui para fazer isso é piloto E aí pronto depois que você adicionar tudo você vem aqui e aperta em commit Changes que ele vai processar todos nossos arquivos e adicionar lá na nuvem que eu fiz ali pra gente poder utilizar E aí agora aquele Professor ver que

já tá aqui nosso em 10. HTML que a estrutura nosso site junto com os essa opção as imagens né e várias outras coisas que é necessário que o nosso Website só dar para a gente ver ele pode aqui em 7 em 1 oi vem aqui embaixo o e ativa o guitarra de peixes em certo você vem aqui que salva que ele vai encontrar aquele arquivo do index.hr ML e já vai configurar força para você poder acessar o site então veio aqui que ele já configurou tudo eu posso é abrir o link que lidar não é que o bairro e conta

que tenha pronto aí eu Barra Mansa larga site E aí por enquanto ele tá aparecendo aqui como o site não foi encontrado mas é pequena deve tá carregando tudo então vou esperar aqui um tempinho que a gente vai ver o resultado funcionando já esperei aqui os 5 minutinhos e agora entrando aqui no site do MEC banner quanto que só faltou eu Barra Mansa loja site tem aqui é o nosso site que a gente criou tudo que você não certinho com as cores de botões né então sobre produtos Compre agora e o formulário

também aqui para poder preencher comprar então apresenta aqui se fosse Pedro em pedro@gmail.com e quisesse três morcego Hoje ele poderia pedir para comprar e aí aparece aqui obrigado pela compra nós t emos em contato e aí eu já recebo um e-mail lá para mim dizendo quem foi que fez a compra o que é que ela queria o e-mail que eu também entrar em contato Então já tá tudo certo com o nosso site criado e hospedado aí agora então precisar mudar esse nome aqui mexendo no domingo para domínio a gente

vai usar esse site aqui chamada de frio nome.com ele serve para te dar domínios de graça ou senão um preço super reduzido Então vamos dar uma olhada aqui em nossa loja E aí vê que tem aqui umas opções gratuitas estão um celular de quanto te carro não seja contra ml. G a QG tudo isso gratuito né 02 e também tem que as outras opções mais conhecidas Então eu tenho pontocom e o ponto net o ponto com aqui tá custando 8:00 ele bota aqui que é o preço de custo Ou seja é o preço que essa empresa que o

fenômeno ela gasta para fazer o registro do ponto com porque tem um preço atrelado ao nome então se você quiser um ponto com vai pagar aqui 8:00 então mais ou menos aí uns 50 r eais para você fazer a configuração aqui e um endereço. Com o caso eu quero um sem pagar nada então vou usar aqui moça loja.mil né quem fica passe em nossa loja ml não vou usar ele aqui clicar em obtê-lo agora então selecionado vou aqui para pagamento ó e aqui nas opções é que tem um mês grátis e ele vai até 12 meses e de

forma gratuita E aí depois 12 meses é só você renovar de novo que vai ficar funcionando e aí Vou apertar aqui em continuar e aqui então a gente vai poder já confirm ar nossa conta então ou você bota o seu endereço ou senão você faz aqui uma conta no caso eu vou entrar aqui com o endereço é só clicar aqui verificar o meu endereço e ele vai mandar um e-mail para gente Para provar que você é uma não basicamente E aí pronto já esse lá no meu e-mail que fez a configuração pessoal perceber adicionar

algumas informações sobre mim e é isso é mais pra casa o registro no domínio e não tanto pelo site em Sertão fechei aqui e a gente volta e aí pronta já fiz aqui a configuração ele terminou a minha compra e eu vou para a área do cliente então volto com a interior e aí tô aqui na área do cliente eu vou vir na parte de serviços e vou nos domínios para encontrar o da nossa loja E aí agora vou precisar me fazer um gerenciamento do domínio tão aqui mais medi vamos lá aqui no Oi e aí abrindo é sábado

aqui a gente vai começar a fazer a conexão entre o nosso domínio no final e o Hit Rehab E aí para ele tentou pensar com este alguns valores que eu tô tocando aqui na descrição para você poder dar uma olhada e já poder copiar e colar então por exemplo aqui primeiro aí tá fazendo tipo ar ptl 300 mil seiscentos e o Tablet vai ser o primeiro valor da descrição então no caso é esse pé daqui depois você vai vir aí tu namora com ele e vai colocando todo o sequenciamento Então já coloquei os quatro aqui

e agora você vai precisar de um do tipo é cm com o nome você gosta de lá preencher com www target vai ser o seu nome de usuário no kit Calebe então no meu caso aqui me cobrar nem você é substituir com seu ponto de errado e quanto a eu e salva as informações e aí então deu aqui que todos os recordes né foram adicionados com sucesso todos esses simples estão aqui e agora tem mais uma etapa que falta para fazer a configuração que é volta lá para o que Terrâneo então voltando aqui na parte do Gui

também é a parte do coração domínio a gente vai fazer almoço e loja.mil e salvar e aí agora a gente vai estar aponta ndo é esse repositório para aquele domínio e o nosso DNS vai estar configurado para apontar para o nosso site é de verdade então já tá tudo tranquilo essa comunicação se a gente abrir ele agora vai dar um erro para dizer que esse site não pode ser encontrado Mas por que ainda está sendo fez a configuração por debaixo dos panos do DNS nosso domínio esse conexão entre o kitsch eo

fenômeno Então você espera de novo dez minutos talvez até um dia as vezes que aparece a configuração mas não se preocupa porque ele tá dando tudo certo já já você vai estar com seu site no lá então vamos lá umas paradinha Então já deu o tempo aqui na verdade de até mais tempo do que eu precisava parei para trabalhar um pouco mas ela demorou aqui uma hora mais ou menos para fazer atualização e agora sempre aqui em nossa loja. Ml já tá aparecendo aqui o nosso site né completam com tudo funcionando

agora é só tem uma coisinha que o que ainda se você perceber ela tá com esse símbolo aqui de não é seguro nesse site porque ela tá sendo enviada através de http não seja não tem uma camada de segurança quanto o https é o quiser configurar agora o banco que tá errado é porque ele é super fácil de fazer isso se você vir aqui na configuração é você já vai ter que um opção de and force https ou seja usa o STF nesse site Caso não esteja aparecendo para você ainda pode ser ração a tempo no caso

Como disse já passei mais tempo do que o necessário para atualizar o site então talvez seja três horas para você ter o seu https funcionando e se eu tiver ainda você pode ir remover aqui o domínio clicar em salvar e colocar ele de volta e aí vai começar a Gerar o certificado e você vai conseguir ter uma qts aqui para você habilitar Então vou botar aqui uma força TPS e ele vai carregar e botar o cheque Zinho então agora já tá sendo tudo enviado por https nós atualizar aqui o site ver que agora tá

aparecendo um cadeado Zinho ao lado do nome então quer dizer que hor as aqui em nosso site está sendo enviado de uma segura para os usuários então câmera de segurança no último eu envolvida Então é isso pessoal eu quero muito ver com a São sérias que ele está criando então pode deixar aqui nos comentários para te dar uma olhada e divulgar os nossos projetos na verdade é que o nosso canal a gente tem um grupo para fazer isso para você compartilhar projeto inspirado nesse do mais que o grupo me ver

eu tô deixando aí o link nos comentários em destaque par a você poder entrar lá e conversar com a gente e vai lembrar também que esse canal tem muitos outros vídeos sobre a criação de soluções com tecnologia esse aqui é só um exemplo Então vale muito a pena você se inscrever para ver todos os próximos que estão vindo por aí E também vale a pena vez que foram gravados Por que são muito bons também então esse vídeo vai ficando por aqui mas eu tô muito animada para te ver os próximos até

mais

Aprenda de uma vez por toda montar seu negocio online em casa.

Clique no botão a baixo para acessar varios cursos gratis.