Quem programa tem uma vantagem na hora de montar o currículo: pode controlar cada detalhe com HTML e CSS e ainda publicar a página como um link. O PDF, porém, continua sendo o formato mais pedido nas vagas. Veja como montar uma página que serve para as duas coisas: bonita na tela e organizada ao ser impressa.
Quando faz sentido ter um currículo em HTML
A página online é útil para colocar no LinkedIn, no perfil de código ou no rodapé do e-mail, e mostra que você sabe construir uma página. Ela não substitui o PDF, porque portais de vagas costumam pedir arquivo. A ideia é manter uma única fonte de conteúdo e gerar os dois formatos a partir dela. Se você está começando na linguagem, o guia como aprender HTML e CSS do zero cobre a base necessária.
Passo 1: estrutura simples e semântica
Escreva o HTML como um documento de texto. Pense em um título principal com o seu nome, seguido de seções com subtítulos: resumo, experiência, projetos, formação e habilidades. Use as marcações de título (h1 para o nome, h2 para cada seção), listas para os tópicos e parágrafos curtos. Prefira marcações com significado, como header, main e section, em vez de muitos blocos genéricos.
Por que isso importa? Leitores de tela e sistemas automáticos entendem melhor um texto bem estruturado. Evite colocar texto dentro de imagens e não use tabelas apenas para posicionar elementos. Uma coluna única é a forma mais segura.
Passo 2: CSS para a tela
Para a tela, defina uma largura máxima para o conteúdo (algo em torno de 800 pixels) e centralize. Use uma fonte comum do sistema ou uma fonte da web legível, tamanho de texto confortável, bom espaçamento entre linhas e contraste forte entre texto e fundo. Se quiser destacar seções, use uma cor discreta nos subtítulos. A página também precisa funcionar no celular, já que o recrutador pode abri-la por lá. Veja como deixar um site bom no celular para conferir os princípios.
Passo 3: CSS para impressão
É aqui que o currículo vira PDF de verdade. Dentro de uma regra @media print, ajuste:
- Tamanho e margens da página: a regra @page permite definir o formato A4 e margens de cerca de 15 a 20 milímetros.
- Esconda o que não deve ir para o papel: menus, botões e links decorativos.
- Cores de fundo: navegadores podem remover fundos na impressão. Prefira texto escuro sobre fundo branco, e, se usar cor, teste a opção de imprimir gráficos de fundo.
- Quebras de página: evite que um bloco de experiência seja cortado ao meio usando a propriedade que controla a quebra dentro do elemento.
- Links: se quiser que o endereço apareça no papel, mostre-o em texto, e não apenas como link clicável.
Meça tudo no PDF, não só na tela. O ideal é terminar em uma página, no máximo duas.
Passo 4: publicar o link
Para ter um endereço, publique a página em uma hospedagem de páginas estáticas. Existem opções gratuitas, como as páginas de repositórios de código e serviços de hospedagem para sites simples, que costumam permitir endereços do tipo nome.github.io ou semelhante. Os planos e as regras mudam, então confira o serviço escolhido. Se quiser entender como domínio, hospedagem e DNS funcionam, vale estudar o assunto. Para o passo a passo de criar um site simples, veja como criar um site do zero.
Na versão pública, pense antes de colocar telefone, endereço e e-mail. Quem encontrar a página pelo buscador pode copiar essas informações. Uma opção é deixar na página só e-mail e perfil profissional, e colocar telefone apenas no PDF que você envia diretamente.
Passo 5: gerar o PDF
O caminho mais direto está no próprio navegador: abra a página, pressione Ctrl+P (ou Cmd+P no Mac), escolha “Salvar como PDF” como destino, ajuste margens, escala, a opção de gráficos de fundo e os cabeçalhos e rodapés (que você provavelmente quer desligar), confira a prévia e salve. Os nomes das opções variam conforme o navegador e a versão.
Se você prefere colar o HTML e gerar o PDF sem abrir a página, existe um atalho.
O HTML para PDF faz parte do Meta Pro e roda no navegador. Você cola ou envia um HTML e ele gera o PDF pela impressão do próprio navegador, o mesmo “Salvar como PDF”. O resultado não é diferente do que você faria à mão: se a página depende de arquivos externos, como imagens ou fontes de outro endereço, confira se eles aparecem no PDF. Por isso, abra o arquivo gerado e passe por todas as páginas.
Cuidados com o PDF gerado e uma fonte única
- Texto selecionável: selecione e copie um trecho do PDF para ver se o texto sai correto.
- Fontes: se você usou uma fonte da web, confira se ela foi incorporada.
- Links: clique nos links principais.
- Tamanho: currículos só de texto geram arquivos leves.
- Nome: salve com nome, cargo e ano, sem acentos.
Por fim, mantenha uma fonte única. Guarde o HTML em um repositório e altere o conteúdo só nele. Sempre que atualizar o currículo, gere o PDF de novo, em vez de editar o arquivo antigo. Se quiser uma versão para cada vaga, copie a página e mude o resumo e a ordem dos projetos. Assim, o link e o PDF dizem a mesma coisa, e você não corre o risco de mandar uma versão desatualizada. Para um portfólio com projetos de código, o artigo sobre como montar um portfólio de programador complementa este passo a passo.