https://pingendo.com/ e realizar o download da ferramenta.
Ao clicar no “Download”, selecione o seu sistema operacional e a ferramenta começará a ser baixada.
Após baixar a ferramenta, basta instalá-la em seu computador “NEXT-NEXT-FINISH”, e pronto! Inicializaremos a criação do nosso portfólio.
Neste artigo faremos algo bem básico. Uma pequena página para que você tenha apenas uma noção do que a ferramenta proporciona.
Após instalar o Pingendo, abriremos a ferramenta para iniciar.
Logo na página inicial já nos deparamos com alguns templates prontos, e podemos utilizar aquele que mais nos agrada, realizando apenas as alterações necessárias.
Lembrando que não estaremos manipulando códigos (HTML/CSS) na criação deste portfólio, já que a ferramenta permite a criação de páginas no estilo “arrasta e solta”. :)
Selecionaremos o template desejado, a pasta de destino e clicaremos em CREATE.
Logo após, selecionamos o arquivo “index.html” para editá-lo.
Pronto! A partir daí, podemos começar a editar todo layout conforme nossa necessidade.
A ferramenta é totalmente simples (como dito acima), e ao clicar nos botões ou sobre as caixas de texto, podemos editá-las, alterá-las, excluí-las ou inserir imagens. Fica a cargo da sua criatividade.
Abaixo, mostraremos algumas formas de editar o template utilizado.
Lembrando que não estamos modificando a estrutura do template utilizado, apenas realizando algumas alterações para se encaixar na página que desejamos criar.
Para alterar o texto, basta clicar sobre componente desejado e inserir o novo texto. Na barra lateral direita, é possível aumentar a fonte, centralizar o texto, alterar a cor, entre outras opções.
É possível também excluir todo o componente ou toda seção a qual este componente pertence, como mostra na imagem abaixo:
Outra opção é poder alterar as imagens, como mostra na imagem abaixo. Clicando na imagem padrão do template, basta procurar na lateral direita a URL da nova imagem e inseri-la.
Abaixo, veremos o Portfólio criado com a ferramenta.
Neste artigo vimos o quão fácil é criar uma página web com o Pingendo, mesmo que você não tenha tanto conhecimento em programação, também explicamos neste artigo como hospedar o seu portifolio criado no pingendo.
Vale ressaltar que, apesar de ser uma ferramenta de fácil utilização, é importante aprender as tecnologias que envolvem a criação de páginas web (HTML/CSS/JavaScript) pois, desta forma, você poderá criar páginas personalizadas ou até mesmo manipular o código dos templates utilizados pelo Pingendo.
Graduanda em Sistemas de Informação pelo Instituto Federal da Bahia. É responsável pelo atendimento ao cliente, gerenciamento de redes sociais e revisão de cursos, além da redação de artigos para o blog da TreinaWeb.
Todos os artigosNeste artigo veremos como hospedar o portfólio criado com o Pingendo no GitHub Pages.
Confira neste artigo dicas de como melhorar seu perfil no LinkedIn para deixá-lo mais atrativo aos r...
Veremos nesse artigo como usar um domínio personalizado em um site do Github Pages de forma simples...
Aprenda definitivamente a trabalhar com CSS Grid com este Guia Interativo para facilitar o seu traba...
Aprenda a trabalhar com o CSS Flexbox com este guia definitivo e interativo! Vamos ver as propriedad...
Com a evolução do CSS3 passou a ser possível criar muitos dos efeitos dos softwares de edição de ima...
Você sabe quando utilizar "float" e "display: inline-block"? Veja as características de cada um e ap...
Neste artigo veremos alguns dos principais frameworks CSS do mercado e algumas de suas característic...
Quer iniciar seus estudos em HTML e CSS e não sabe por onde começar? Veja o que preparamos pra você.
Aprenda a criar um slideshow de maneira bem simples utilizando apenas CSS moderno.
Veja nesse artigo como criar o efeito Parallax utilizando apenas CSS.
Aprenda um pouco mais sobre o CSS Grid Layout, agora com suporte completo pelo Firefox e Chrome.