## Objetivo
El siguiente paso es agregar estilos a nuestro sitio para que no parezca HTML sin formato. También proporcionaremos los colores que queremos ver en el sitio web.

Podemos usar la siguiente fuente (<a href="https://colorhunt.co/" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" >https://colorhunt.co/</a>) para seleccionar la paleta de colores que más nos guste.

Hemos seleccionado la siguiente paleta de colores:

## Posible Solicitud
Crea una hoja de estilos CSS que se pueda aplicar a ese HTML, asegurándote de que incluya elementos de estilo y se adhiera a la siguiente paleta de colores: `#32012F`, `#524C42`, `#E2DFD0`, y `#F97300`. Escribe el código CSS completo para lograr esto, incorporando las mejores prácticas para un diseño visualmente atractivo.

## Resultado
**Importante:** El único cambio que necesitamos hacer en nuestro código es conectar el archivo CSS al archivo HTML en el `head`.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+TXkgQmxvZzwvdGl0bGU+CgogICAgPCEtLSBMaW5raW5nIENTUyBmaWxlIHRvIEhUTUwgZG9jdW1lbnQgLS0+CiAgICA8bGluayByZWw9InN0eWxlc2hlZXQiIGhyZWY9ImluZGV4LmNzcyIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aGVhZGVyPgogICAgICA8aDE+V2VsY29tZSB0byBNeSBCbG9nPC9oMT4KICAgIDwvaGVhZGVyPgoKICAgIDxtYWluPgogICAgICA8YXJ0aWNsZT4KICAgICAgICA8aDI+QXJ0aWNsZSAxOiBFeHBsb3JpbmcgTmF0dXJlPC9oMj4KICAgICAgICA8cD4KICAgICAgICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuIFNlZCBldWlzbW9kLCB0b3J0b3Igbm9uCiAgICAgICAgICB1bGxhbWNvcnBlciBjb21tb2RvLCBqdXN0byBsaWJlcm8gbWF4aW11cyBwdXJ1cywgdmVsIHB1bHZpbmFyIHR1cnBpcyBxdWFtIHZpdGFlIG1pLiBOdWxsYW0KICAgICAgICAgIGF1Y3RvciwgdG9ydG9yIGlkIHNhZ2l0dGlzIGZlcm1lbnR1bSwgbGVvIGxhY3VzIHZlbmVuYXRpcyB0b3J0b3IsIGF0IHRyaXN0aXF1ZSBsZW8gbWFnbmEKICAgICAgICAgIGluIGxvcmVtLgogICAgICAgIDwvcD4KICAgICAgICA8aW1nIHNyYz0ibmF0dXJlLmpwZyIgYWx0PSJOYXR1cmUgSW1hZ2UiIC8+CiAgICAgICAgPHA+Q2F0ZWdvcnk6IE5hdHVyZTwvcD4KICAgICAgPC9hcnRpY2xlPgoKICAgICAgPGFydGljbGU+CiAgICAgICAgPGgyPkFydGljbGUgMjogQ29va2luZyBBZHZlbnR1cmVzPC9oMj4KICAgICAgICA8cD4KICAgICAgICAgIFBoYXNlbGx1cyBydXRydW0gdGluY2lkdW50IHNhcGllbiwgc2VkIHZlc3RpYnVsdW0gdmVsaXQgdmVoaWN1bGEgbmVjLiBTZWQgcGhhcmV0cmEgZHVpIGluCiAgICAgICAgICBmZXJtZW50dW0gc29kYWxlcy4gUGVsbGVudGVzcXVlIGhhYml0YW50IG1vcmJpIHRyaXN0aXF1ZSBzZW5lY3R1cyBldCBuZXR1cyBldCBtYWxlc3VhZGEKICAgICAgICAgIGZhbWVzIGFjIHR1cnBpcyBlZ2VzdGFzLgogICAgICAgIDwvcD4KICAgICAgICA8aW1nIHNyYz0iY29va2luZy5qcGciIGFsdD0iQ29va2luZyBJbWFnZSIgLz4KICAgICAgICA8cD5DYXRlZ29yeTogQ29va2luZzwvcD4KICAgICAgPC9hcnRpY2xlPgoKICAgICAgPGFydGljbGU+CiAgICAgICAgPGgyPkFydGljbGUgMzogVHJhdmVsaW5nIEFyb3VuZCB0aGUgV29ybGQ8L2gyPgogICAgICAgIDxwPgogICAgICAgICAgTnVsbGFtIGVmZmljaXR1ciBsYWN1cyBuZWMgdXJuYSBmcmluZ2lsbGEsIHV0IHZlbmVuYXRpcyB0b3J0b3IgbGFjaW5pYS4gRHVpcyB2aXRhZSBtYXVyaXMKICAgICAgICAgIHNlZCBtaSBzZW1wZXIgYWxpcXVldC4gQWVuZWFuIHZlc3RpYnVsdW0gbGliZXJvIGVnZXQgbmliaCBtYWxlc3VhZGEsIGlkIGx1Y3R1cyBsaWJlcm8KICAgICAgICAgIHBoYXJldHJhLiBGdXNjZSBhdWN0b3IgbWF1cmlzIHNlZCB0cmlzdGlxdWUgZWZmaWNpdHVyLgogICAgICAgIDwvcD4KICAgICAgICA8aW1nIHNyYz0idHJhdmVsLmpwZyIgYWx0PSJUcmF2ZWwgSW1hZ2UiIC8+CiAgICAgICAgPHA+Q2F0ZWdvcnk6IFRyYXZlbDwvcD4KICAgICAgPC9hcnRpY2xlPgogICAgPC9tYWluPgoKICAgIDxmb290ZXI+CiAgICAgIDxwPiZjb3B5OyAyMDI0IE15IEJsb2cuIEFsbCByaWdodHMgcmVzZXJ2ZWQuPC9wPgogICAgPC9mb290ZXI+CiAgPC9ib2R5Pgo8L2h0bWw+

LyogUmVzZXQgZGVmYXVsdCBtYXJnaW4gYW5kIHBhZGRpbmcgKi8KYm9keSwKaDEsCmgyLApwLAppbWcgewogIG1hcmdpbjogMDsKICBwYWRkaW5nOiAwOwp9CgovKiBBcHBseSBmb250IGFuZCBiYWNrZ3JvdW5kIGNvbG9ycyAqLwpib2R5IHsKICBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7CiAgYmFja2dyb3VuZC1jb2xvcjogI2UyZGZkMDsKICBjb2xvcjogIzMyMDEyZjsKfQoKLyogSGVhZGVyIHN0eWxpbmcgKi8KaGVhZGVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTI0YzQyOwogIHBhZGRpbmc6IDIwcHg7CiAgdGV4dC1hbGlnbjogY2VudGVyOwp9CgovKiBNYWluIGNvbnRlbnQgc3R5bGluZyAqLwptYWluIHsKICBwYWRkaW5nOiAyMHB4Owp9CgovKiBBcnRpY2xlIHN0eWxpbmcgKi8KYXJ0aWNsZSB7CiAgbWFyZ2luLWJvdHRvbTogMzBweDsKfQoKLyogQXJ0aWNsZSB0aXRsZSBzdHlsaW5nICovCmFydGljbGUgaDIgewogIGNvbG9yOiAjMzIwMTJmOwogIGZvbnQtc2l6ZTogMjRweDsKICBtYXJnaW4tYm90dG9tOiAxMHB4Owp9CgovKiBBcnRpY2xlIHBhcmFncmFwaCBzdHlsaW5nICovCmFydGljbGUgcCB7CiAgbGluZS1oZWlnaHQ6IDEuNjsKICBtYXJnaW4tYm90dG9tOiAxNXB4Owp9CgovKiBJbWFnZSBzdHlsaW5nICovCmFydGljbGUgaW1nIHsKICBkaXNwbGF5OiBibG9jazsKICBtYXgtd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiBhdXRvOwogIG1hcmdpbi1ib3R0b206IDE1cHg7Cn0KCi8qIENhdGVnb3J5IHN0eWxpbmcgKi8KYXJ0aWNsZSBwOmxhc3QtY2hpbGQgewogIGZvbnQtc3R5bGU6IGl0YWxpYzsKICBjb2xvcjogI2Y5NzMwMDsKfQoKLyogRm9vdGVyIHN0eWxpbmcgKi8KZm9vdGVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTI0YzQyOwogIGNvbG9yOiAjZTJkZmQwOwogIHRleHQtYWxpZ246IGNlbnRlcjsKICBwYWRkaW5nOiAxMHB4Owp9

Emprende un viaje fascinante a través de los conceptos básicos de la teoría y tecnologías web. Profundiza tu comprensión con las ideas de ChatGPT y concluye tu aprendizaje creando tu propio sitio web completamente funcional con IA. Este curso es tu puerta de entrada para dominar los fundamentos de HTML, CSS y JavaScript mientras aprovechas el poder de ChatGPT para mejorar la interactividad e inteligencia en tus proyectos web.

Conozca los conceptos y tecnologías clave en el desarrollo web, incluyendo el papel de la IA en la codificación moderna. Esta sección establece la base para su viaje de aprendizaje, cubriendo los fundamentos del desarrollo web y cómo la IA mejora la productividad, la creatividad y la eficiencia en la codificación.

Aprende las tecnologías esenciales de desarrollo web. Profundiza en los fundamentos de HTML, CSS y JavaScript, desentrañando sus funcionalidades individuales y su papel colectivo en dar forma al paisaje digital.

Descubre el poder de ChatGPT mientras exploras sus capacidades y aprendes a utilizarlo de manera efectiva. Obtén información sobre cómo crear indicaciones y trabajar con código a través de ChatGPT. Concluye con consejos prácticos sobre cómo aprovechar ChatGPT en diversas aplicaciones.

¡Construye el sitio web del Blog! Crea un sitio web de blog completo y funcional desde cero, incorporando varias técnicas de desarrollo web utilizando ChatGPT.

Fundamentos del Desarrollo Web con IA

Estilo del Sitio Web

Objetivo

Posible Solicitud

Resultado

Estado del Sitio Web

Tutorial en Video