Como Aprender a Criar Websites

criar-websiteEssa é uma das perguntas que mais recebo de garotos que desde cedo amam computadores e tecnologia: “Quero aprender a criar sites, quero ser um webmaster, como faço?”. Neste artigo vou explicar de forma didática e simples os passos que você deve seguir para conquistar esse objetivo.

Entendendo o caminho do iniciante ao profissional

O primeiro passo é você entender que não poderá aprender a criar coisas complexas se ainda não sabe criar o básico, então se concentre no seu primeiro objetivo que é aprender a criar sites simples e básicos.

HTML o início de tudo

htmlA primeira coisa que você deve aprender e muito bem é utilizar a linguagem de marcação HTML (HyperText Markup Language).

Ao contrário do que muitos iniciantes pensam essa não é uma linguagem de programação, você não será um desenvolver ao aprender isso. HTML como já dito, é uma linguagem de marcação, serve para criar e personalizar páginas da web de forma simples.

O exemplo mais simples que posso dar aqui, é você utilizar uma “tag” (traduzido como etiqueta) para dizer para o navegador da internet que o texto da página vai ser vermelho e a fonte vai ser grande.

Exemplo de código:

<!DOCTYPE html>
<html>
<head>
<title>Título da Página no navegador</title>
</head>
<body>

<h1>Meu primeiro título</h1>
<p>Meu primeiro parágrafo.</p>

</body>
</html>

Onde aprender HTML?

Recomendo aprender HTML no site html.net, é grátis e tem versão em português: http://pt-br.html.net/

Outro com local para aprender grátis, é no website w3schools.com/html/, porém nesse caso é em inglês.

CSS o segundo passo

css-declaration

Após se tornar um especializar em HTML, o próximo passo é aprender CSS, que significada Cascading Style Sheets, uma tradução seria Folha de Estilos em Cascata.

Para explicar para você de forma simples, imagine que o HTML serve para fazer 1 página de website, mas você já viu um website de 1 página só? É difícil ter só uma; a maioria tem várias páginas. Então para personalizar essas várias páginas do website, você vai usar o CSS, ele é um código que consegue personalizar várias páginas ao mesmo tempo, economizando muito tempo e muito trabalho.

Você consegue codificar, por exemplo, que todas as páginas do website vão ter fundo verde, e que todos os títulos do website vão ter cor branca com uma leve sombra preta.

Exemplo de código:

body {
background-color: lightblue;
}

h1 {
color: white;
text-align: center;
}

p {
font-family: verdana;
font-size: 20px;
}

Onde aprender CSS?

Recomendo você aprender nos mesmo sites que indiquei acima:

Edição básica e tratamento de imagens

gimp-gratis

Você não se sentirá satisfeito se não conseguir fazer tratamentos básicos nas imagens para colocar em seu website, para isso precisará aprender a mexer em programas que fazem esse serviço.

Os mais famosos, porém pagos, são o Photoshop e o Fireworks. É muito bom aprender a mexer neles pois eles são realmente os melhores. Mas para quem está começando, talvez não queria fazer investimento para comprar esses programas. Neste caso eu recomendo utilizar o software gratuito GIMP, ele vai dar conta do recado.

Acesse o site GIMP e instale em seu computador: https://www.gimp.org/

Servidores cPanel e FTP básico

O último passo e aprender a mexer no cPanel, que é um software básico utilizado em hospedagens de sites que vai te ajudar a colocar seu site online para toda a internet ver.  Veja uma demo online aqui: http://cpanel.com/demo/

O outro passo final é aprender a usar programas de FTP, eu sugiro o Filezilla, saiba mais aqui: https://filezilla-project.org/

Não vou explicar detalhadamente sobre cPanel e FTP aqui pois perderia o sentido do artigo, mas garanto que é muito simples e você pode encontrar excelentes tutoriais pesquisando no YouTube.

É isso aí meu amigo, com esses conhecimentos e informações você já começou seu caminho para se tornar um profissional!