Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Estilização de Sites | Construindo o Site do Blog
Essenciais de Desenvolvimento Web com IA
course content

Conteúdo do Curso

Essenciais de Desenvolvimento Web com IA

Essenciais de Desenvolvimento Web com IA

1. Visão Geral do Curso & IA na Codificação
2. Anatomia do Site
3. Introdução ao ChatGPT
4. Construindo o Site do Blog

bookEstilização de Sites

Objetivo

O próximo passo é adicionar estilos ao nosso site para que ele não pareça HTML bruto. Também forneceremos as cores que queremos ver no site.

Podemos usar a seguinte fonte (https://colorhunt.co/) para selecionar a paleta de cores que mais gostamos.

Selecionamos a seguinte paleta de cores:

Possível Prompt

Crie uma folha de estilo CSS que possa ser aplicada a esse HTML, garantindo que inclua elementos de estilo e adira à seguinte paleta de cores: #32012F, #524C42, #E2DFD0 e #F97300. Escreva o código CSS completo para alcançar isso, incorporando as melhores práticas para um design visualmente atraente.

Resultado

Importante: A única alteração que precisamos fazer em nosso código é conectar o arquivo CSS ao arquivo HTML no head.

html

index

css

index

js

index

copy

Estado do Website

Tutorial em Vídeo

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

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