---
title: 'Introdução'
summary: 'Aprenda a criar seu próprio site pessoal, mesmo sem nunca ter programado. Este guia leva você do básico de HTML até um site com várias páginas, imagens, um blog e mais.'
permalink: 'introducao/'
originalPath: /intro/
tags: chapter
layout: 'chapter.njk'
---

# Introdução

Eu não acho que sites foram feitos para serem criados só por “profissionais da web”. No fundo, um site é um documento. Quase todo mundo hoje em dia sabe fazer um documento — seja no Word, no Google Docs, em Markdown ou em outra ferramenta. HTML não deveria ser exceção. Sim, ele é um pouco mais técnico do que outros tipos de documento. Mas também é muito especial.

É o formato de documento da web. O humilde arquivo HTML está em todo lugar. Se você olhou um site hoje, quase certamente viu HTML.

HTML é resistente. Você pode olhar um site feito hoje ou um feito vinte anos atrás. Os dois usam HTML e os dois funcionam. Poucos formatos de documento podem dizer o mesmo. Você também não precisa de um programa especial para fazer um documento HTML. Existem vários, e você pode usar qualquer um. Também dá para abrir o Bloco de Notas e escrever HTML na mão (alerta de spoiler: é exatamente isso que vamos fazer).

Eu criei este livro na web porque queria algo para quem não se considera desenvolvedor profissional. Imagine se documentos do Word só pudessem ser feitos por “profissionais de Word”. Não. Saber escrever um pouco de HTML e colocar isso na internet é uma habilidade útil em muitos caminhos — profissionais e pessoais. Não pertence só a quem faz site de carreira. HTML é para todo mundo. HTML é para pessoas.

Esta tradução para o português do Brasil é oferecida por [Pablo Murad](https://pablomurad.com) e [Portal IDEA](https://portalidea.com.br), a partir do original [HTML for People](https://htmlforpeople.com), de [Blake Watson](https://blakewatson.com/).

## Para quem é este livro?

Este livro é para quem não tem experiência anterior com programação. Eu não vou assumir que você já sabe a primeira coisa sobre HTML. Vamos começar pequeno. Mas, no fim, teremos um site pessoal completo: várias páginas, imagens, um blog e mais.

Eu *vou* assumir que você já usa um computador e consegue tarefas básicas, como criar arquivos e pastas. Isso é necessário porque (outro spoiler) um site, no fundo, é só arquivos e pastas.

## Do que eu preciso?

Você precisa de um computador com internet. Eu escrevi este livro de um jeito genérico, para funcionar no macOS, no Windows ou no Linux. Se eu indicar um programa para instalar, ele será gratuito (ou terá um plano grátis usável) e vai funcionar em mais de um sistema (ou eu indico uma alternativa).

## Sumário

1. [Do zero à internet: seu primeiro site](/do-zero-a-internet-seu-primeiro-site)
2. [Adicionar conteúdo ao seu site](/adicionar-conteudo-ao-seu-site)
3. [Intervalo: melhore seu editor de texto](/intervalo-melhore-seu-editor-de-texto)
4. [Um site com estilo](/um-site-com-estilo)
5. [Adicionar uma página Sobre](/adicionar-uma-pagina-sobre)
6. [Adicionar um blog](/adicionar-um-blog)
7. [Adicionar um currículo](/adicionar-um-curriculo)
8. [Intervalo: instalar um servidor local](/intervalo-instalar-um-servidor-local)
9. [Adicionar uma página divertida](/adicionar-uma-pagina-divertida)
10. [Conquista desbloqueada: Hipertextista](/conquista-desbloqueada-hipertextista)

### Capítulos bônus

Isto é o que eu queria cobrir, mas achei que saía um pouco do foco. CSS e PHP têm uma curva de aprendizado um pouco mais íngreme do que HTML. Mesmo assim, não acho que estejam fora do alcance de quem quiser explorar. E um pouquinho de cada um já ajuda bastante. Então isto é uma degustação de cada um.

1. [Personalizar o Simple.css](/personalizar-o-simple-css)
2. [Básico de CSS](/basico-de-css)
3. [HTML reutilizável com PHP](/html-reutilizavel-com-php)

## A seguir

Agora que você já sabe o *porquê* deste livro, é hora do primeiro passo. No próximo capítulo, você vai aprender a fazer um site do zero e colocá-lo na internet.