Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Criar um Site de Portfólio com o ChatGPT | Introdução ao ChatGPT
Desenvolvimento Web com ChatGPT

bookDesafio: Criar um Site de Portfólio com o ChatGPT

Neste desafio, criaremos um site de portfólio do zero utilizando o ChatGPT. Você pode gerar HTML e CSS separadamente ou usar apenas um prompt. Teste o potencial do ChatGPT por conta própria.

Se encontrar dificuldades, aqui estão alguns prompts que podem ajudar:

  • "Olá, ChatGPT, você pode criar um site de portfólio simples usando HTML e CSS? Inclua seções para Sobre Mim, Projetos, Contato e uma página Inicial.";
  • "Preciso de um site de portfólio codificado em HTML e CSS. Você pode projetá-lo para exibir meus projetos, habilidades e informações de contato?";
  • "ChatGPT, você pode me ajudar a construir um site de portfólio usando HTML e CSS do zero? Quero um design limpo e moderno.";
  • "Quero criar um site de portfólio pessoal usando HTML e CSS. Você pode gerar o código para ele, com seções para minha bio, projetos e um formulário de contato?";
  • "Você pode me ajudar a criar um site de portfólio usando HTML e CSS? Gostaria que fosse responsivo e visualmente atraente, com seções para meu currículo, projetos e detalhes de contato.".

Aqui está um vídeo demonstrando os resultados dos nossos testes com diferentes prompts.

Tutorial em Vídeo

Possível Resultado para o Site de Portfólio

index.html

index.html

index.css

index.css

copy

1. Para que o ChatGPT foi projetado principalmente?

2. Onde os usuários podem encontrar o ChatGPT?

3. Que tipo de perguntas devemos evitar ao criar prompts para o ChatGPT?

4. Qual seria um bom prompt para pedir instruções sobre como fazer uma torta de maçã?

question mark

Para que o ChatGPT foi projetado principalmente?

Select the correct answer

question mark

Onde os usuários podem encontrar o ChatGPT?

Select the correct answer

question mark

Que tipo de perguntas devemos evitar ao criar prompts para o ChatGPT?

Select the correct answer

question mark

Qual seria um bom prompt para pedir instruções sobre como fazer uma torta de maçã?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookDesafio: Criar um Site de Portfólio com o ChatGPT

Deslize para mostrar o menu

Neste desafio, criaremos um site de portfólio do zero utilizando o ChatGPT. Você pode gerar HTML e CSS separadamente ou usar apenas um prompt. Teste o potencial do ChatGPT por conta própria.

Se encontrar dificuldades, aqui estão alguns prompts que podem ajudar:

  • "Olá, ChatGPT, você pode criar um site de portfólio simples usando HTML e CSS? Inclua seções para Sobre Mim, Projetos, Contato e uma página Inicial.";
  • "Preciso de um site de portfólio codificado em HTML e CSS. Você pode projetá-lo para exibir meus projetos, habilidades e informações de contato?";
  • "ChatGPT, você pode me ajudar a construir um site de portfólio usando HTML e CSS do zero? Quero um design limpo e moderno.";
  • "Quero criar um site de portfólio pessoal usando HTML e CSS. Você pode gerar o código para ele, com seções para minha bio, projetos e um formulário de contato?";
  • "Você pode me ajudar a criar um site de portfólio usando HTML e CSS? Gostaria que fosse responsivo e visualmente atraente, com seções para meu currículo, projetos e detalhes de contato.".

Aqui está um vídeo demonstrando os resultados dos nossos testes com diferentes prompts.

Tutorial em Vídeo

Possível Resultado para o Site de Portfólio

index.html

index.html

index.css

index.css

copy

1. Para que o ChatGPT foi projetado principalmente?

2. Onde os usuários podem encontrar o ChatGPT?

3. Que tipo de perguntas devemos evitar ao criar prompts para o ChatGPT?

4. Qual seria um bom prompt para pedir instruções sobre como fazer uma torta de maçã?

question mark

Para que o ChatGPT foi projetado principalmente?

Select the correct answer

question mark

Onde os usuários podem encontrar o ChatGPT?

Select the correct answer

question mark

Que tipo de perguntas devemos evitar ao criar prompts para o ChatGPT?

Select the correct answer

question mark

Qual seria um bom prompt para pedir instruções sobre como fazer uma torta de maçã?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5
some-alt