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

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

در حال بارگزاری نمونه ویدیو، لطفا صبر کنید...
Video Player is loading.
Current Time 0:00
Duration 0:00
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
    • Chapters
    • descriptions off, selected
    • subtitles off, selected
      نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
      نمونه ویدیوها:
      • در حال بارگزاری، لطفا صبر کنید...
      توضیحات دوره:

      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