Essa é 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
A 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
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:
- http://pt-br.html.net/tutorials/css/ (em português)
- http://www.w3schools.com/css/default.asp (em inglês)
Edição básica e tratamento de imagens
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!