|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/disena-tu-web-responsive-con-html5-y-css3-edicion-chatgpt/
课程评论：没有评论
课程名称：使用HTML5和CSS3创建响应式网站：ChatGPT版 讲师：Guillermo Visintini 课程概述： 在这个课程中，Guillermo Visintini将带你从零基础开始学习网页设计，帮助你掌握设计网页的基本知识。课程内容涵盖了HTML和CSS的基础知识，非常适合初学者。在学习过程中，你将逐步实现一个响应式网页，适配平板和手机。 课程大纲： **模块1：HTML基础** - 了解什么是HTML及其用法 - 学习所有基础HTML标签 - 正确结构化网页 **模块2：CSS基础** - 理解CSS的基本概念 - 学习百分比和像素的使用 - 掌握Flexbox布局 - 学习如何使用颜色设计网页各部分 **模块3：制作响应式网页** - 学习CSS3的发展历史 - 优化HTML标签以实现响应式设计 - 修正静态网页代码以适应响应式设计 - 了解媒体查询 - 将静态网站内容适配到平板和手机 - 使用JavaScript创建汉堡菜单（无需编程知识） **模块4：迷你项目—创建着陆页** - 深入了解网页背景设计 - 添加Google地图 **Open AI部分（ChatGPT和Dall-E 3）** - 介绍ChatGPT（Open AI是什么） - 编写你的第一个提问 - 引入你的第一个HTML和CSS代码 - 根据之前的知识编辑HTML和CSS代码 - 修改横幅和页脚 - 编写你的第一个Dall-E 3提问 - 添加生成的图片并编辑它们 - 添加背景图 最终，你将完成你的第一张使用ChatGPT创建的着陆页。此课程是2023年重新编辑版，纠正了错误并提高了流畅度，提供1080p高清晰度体验。 期待在课程中见到你！
Mi nombre es Guillermo Visintini y soy el instructor del curso. Para mí será un placer enseñarte cómo ir desde la nada misma hasta un nivel muy bueno que te servirá perfectamente para tener las bases de diseño web y seguir aprendiendo, ya que en esta área el aprendizaje es permanente.En este curso, comenzaremos desde lo básico con HTML, por lo que no necesitas tener conocimientos previos. Aprenderás todas las etiquetas HTML y cómo estructurar una página web. Luego, adaptaremos tu primera página web a diseño responsivo, es decir, a tablet y celulares.En el módulo 1:Aprenderás:- Qué es HTML y cómo usarlo- Todas las etiquetas HTML esenciales- Cómo estructurar una página web correctamenteEn el módulo 2:Aprenderás:- Vamos con CSS- Veremos qué son los porcentajes- Veremos qué son los píxeles- Veremos qué es Flexbox- Veremos cómo usar los colores- Veremos cómo diseñar las partes de la webEn el módulo 3:Aprenderás: Parte Adaptable- Conoce un poco de historia sobre el CSS3- Cómo optimizar las etiquetas HTML para el diseño adaptable- Cómo corregir el código del sitio web estático y prepararlo para adaptable- Conocerás los media queries- Adaptarás todo el contenido del sitio web estático- Tendrás listo el diseño para una tablet y para un celular- Menú desplegable (hamburguesa) con JavaScript (no hace falta saber programar)En el modulo 4 (mini proyecto background)Vamos a hacer una landing page:- Profundizamos en background- Colocamos un mapa de Google.* Parte Open IA (ChatGPT y Dall-E3)- Hacemos una introducción a ChatGPT (¿que es Open IA?)- Hacemos nuestro primer prompt (o pedido al chat)- Traemos nuestro primer código html y css- Editamos nuestro código html y css con los conocimientos de antes- Editamos el banner y el footer- Hacemos nuestro primer prompt (o pedido a Dall-E 3)- Agregamos imagenes generadas con Dall-E 3- Editamos las imagenes- Agregamos background (fondos). ¡Y estará lista tu primera landing page con Chatgpt!Apuesto que te va a encantar el curso. ¡Te espero en el curso!Esta es la versión remasterizada del curso (lanzado en 2023), editada desde cero, corrigiendo errores y eliminando ruidos. Ahora va a mayor velocidad para darle fluidez y en resolución 1080p.
