آموزش Crea tu primer página web con HTML5 y CSS3: طراحی وب پاسخگو

Crea tu primer página web con HTML5 y CSS3: Responsive web design

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

Bienvenido esta clase: ¡crea tu primer página web con HTML5 Y CSS3: طراحی وب پاسخگو!

یک تجربه بزرگ در این زمینه، کاوش در زمینه ایجاد سایت در وب و در مورد انرژی‌های هیجان‌انگیز جهانی در پاسخگویی.

بخش 1: مبانی HTML

En esta Sección, nos adentraremos en el lenguaje de marcado HTML y aprenderás:

- از HTML و استفاده از آن برای ایجاد محتوای وب استفاده می شود.

- آداب معاشرت HTML esenciales و como utilizarlas correctamente.

- اصول ساختاری یک صفحه وب برای مدیریت مؤثر.

بخش 2: معرفی یک CSS

Esta Sección, nos sumergiremos en el mundo del diseño web con CSS y aprenderás:

- مفاهیم پایه CSS و Cómo aplicar estilos a tu página.

- Uso de unidades de medida como porcentajes y píxeles.

- کاوش در Flexbox برای قابلیت‌های انعطاف‌پذیر.

- Manipulación de colores y diseño de elementos web.

- ساخت وب اولیه اولیه صفحه (vamos a hacer un diario)

بخش 3: Diseño Responsivo

Esta sección, nos enfocaremos en hacer que tu sitio web sea eadable a diferentes dispositivos y aprenderás:

- تاریخچه تکامل CSS3 و تأثیر آن در وب.

- بهینه سازی آداب HTML برای تطبیق پذیری با تجربه.

- اجرای پرس‌و‌جوهای رسانه‌ای برای تطبیق‌پذیری با پنل‌های مختلف.

- Creación de un menu desplegable (hamburguesa) with JavaScript, sin Necesidad de conocimientos de programación.

بخش 4: Proyecto Práctico - Creación de una Landing Page

Esta Sección Final، Pondremos en Practica Todo Lo Aprendido برای ایجاد صفحه فرود و جذابیت. Aprenderás:

- تکنيک‌هاي آوان‌زاده‌ها براي پس‌زمينه‌اي براي ايجاد تجربه‌ي اثرگذار بصري.

- یکپارچه سازی نقشه گوگل برای تعامل با شهردار.

¡Estoy seguro de que disfrutarás cada paso de este curso!


سرفصل ها و درس ها

درس ها Lessons

  • Trabajamos el footer y cambiamos título Trabajamos el footer y cambiamos título

  • ¡Hagamos nuestra primera página web! ¡Hagamos nuestra primera página web!

  • Consejos sobre پاسخگو y پرس و جوهای ظرف. Editamos CSS3 avión. Consejos sobre responsive y container queries. Editamos CSS3 avión.

  • Recuperamos el hover، editamos clases y agregamos div nuevo Recuperamos el hover, editamos clases y agregamos div nuevo

  • Usamos las etiquetas ul, li y a para indexar páginas. Usamos las etiquetas ul, li y a para indexar páginas.

  • Le damos un position fix a header (nuevas configuraciones) Le damos un position fixe al header (nuevas configuraciones)

  • Comenzamos یک ویرایشگر CSS del sitio estático Comenzamos a editar el código CSS del sitio estático

  • Mostramos las medidas que vamos a trabajar (تبلت y celular) Mostramos las medidas que vamos a trabajar (tablet y celular)

  • Hacemos nuestra divición y la herobox. Hacemos nuestra divición y la herobox.

  • Texto para las cajas (جعبه قهرمان) (archivos para estudiantes). Texto para las cajas (herobox) (archivos para estudiantes).

  • Agregamos más texto al título principal y configurando Agregamos más texto al título principal y configurando

  • Porcentajes (آداب HTML). Porcentajes (etiquetas html).

  • ارائه طراحی وب پاسخگو HTML Y CSS Presentación del curso HTML Y CSS responsive web design

  • پس زمینه Mini Proyecto Mini Proyecto Background

  • Explicamos display flex y modelo de cajas. Explicamos display flex y modelo de cajas.

  • Revisamos el herobox و agregamos el archivo Javascript Revisamos el herobox y agregamos el archivo Javascript

  • Trabajamos el title-banner y más codigo CSS3 Trabajamos el titulo-banner y más código CSS3

  • Ponemos nuestras imagenes en la herobox Ponemos nuestras imagenes en la herobox

  • Seguimos con el modelo de cajas creamos caja 1 y caja 2. Seguimos con el modelo de cajas creamos caja 1 y caja 2.

  • جداسازی هدر با بالشتک Separación del header con el padding

  • بنر Creamos el título de nuestro (سربرگ) Creamos el título de nuestro banner (header)

  • Seguimos viendo etiquetas hacemos nuestro formulario. Seguimos viendo etiquetas hacemos nuestro formulario.

  • آداب کامل html و پرس و جو رسانه ای برای موبایل Completamos etiquetas html y comenzamos los media query para celular

  • طراحی پاسخگو با HTML Y CSS Bienvenida al curso HTML Y CSS responsive design

  • Trabajamos el footer Trabajamos el footer

  • Trabajamos el herobox , y hacemos flex direction column con las cajas Trabajamos el herobox , y hacemos flex direction column con las cajas

  • Hacemos selector universal y creamos nuestra primera caja con CSS. Hacemos selector universal y creamos nuestra primera caja con CSS.

  • Cajas 1 y Cajas 2 (نماد اصلی) Cajas 1 y Cajas 2 (main simbólico)

  • پس زمینه Finalizamos el mini proyecto Finalizamos el mini proyecto Background

  • Mostramos la etiquetas style و damos color a las palabras. Mostramos la etiquetas style y damos color a las palabras.

  • Conocemos el proyecto y empezamos con todo Conocemos el proyecto y empezamos con todo

  • Mostramos las etiquetas principales (سربرگ، اصلی، پاورقی). Mostramos las etiquetas principales (header, main, footer).

  • Hacemos nuestra primera carpeta y Primer "hola mundo". Hacemos nuestra primera carpeta y primer "hola mundo".

  • موارد خاص توضیحی y محتوا را توجیه می کند (نمایش انعطاف پذیر). Explicamos aline items y justify content (display flex).

  • Porcentajes در مقابل پیکسل (آداب HTML). Porcentajes vs pixel (etiquetas html).

  • آداب و رسوم Meta y Viewport Etiquetas Meta y Viewport

  • نوار ناوبری Creamos nuestro با استفاده از botones Creamos nuestro nav bar con sus botones

  • Centramos los h2 de los herobox (cajas) Centramos los h2 de los herobox (cajas)

  • Vemos los position: مطلق، y نسبی را رفع می کند. Empezamos el menu hamburgues Vemos los position: absolute, fixes y relative. Empezamos el menú hamburgues

  • Hacemos un repaso del sitio web estático y mostramos el responsive Hacemos un repaso del sitio web estático y mostramos el responsive

  • Le cambiamos los colores al documento y etiquetas Le cambiamos los colores al documento y etiquetas

  • آداب معاشرت Etiquetas tablas

  • گستره آداب معاشرت Etiqueta span

  • Fin de nuestra primera página web (ahora toca responsive) Fin de nuestra primera página web (ahora toca responsive)

  • درخواست رسانه Hacemos nuestro primer برای تبلت و CSS Hacemos nuestro primer media query para tablet y escribimos CSS

  • Antes de Comenzar conocemos Medidas absolutas y Relativas (PX VS REM) Antes de comenzar conocemos Medidas absolutas y Relativas (PX VS REM)

  • مجموعه عکس اصلی در عنوان Agregamos la foto principal del título

  • Usamos la etiqueta img for tener imagenes Usamos la etiqueta img para tener imagenes

  • Achicamos la img a través de una clase. Achicamos la img a través de una clase.

  • ¿Qué es diseño web CSS3؟، ¿Qué es diseño web سازگار است؟ ¿Que es diseño web CSS3?, ¿Qué es diseño web adaptable?

  • Aumentamos el título principal y ajustamos imagen del avión. Aumentamos el título principal y ajustamos imagen del avión.

  • Acomodamos nuestro menu y comenzamos el menu hamburguesa Acomodamos nuestro menú y comenzamos el menú hamburguesa

  • Hacemos un repaso de lo visto en el curso y recomendaciones. Hacemos un repaso de lo visto en el curso y recomendaciones.

  • Centramos los títulos del herobox (cajas) Centramos los títulos del herobox (cajas)

  • آداب معاشرت را انتخاب کنید Etiquetas select

  • پیوند پرایمر Hacemos nuestro en html y creamos archivo style.css Hacemos nuestro primer link en html y creamos archivo style.css

نمایش نظرات

آموزش Crea tu primer página web con HTML5 y CSS3: طراحی وب پاسخگو
جزییات دوره
4h 42m
56
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar