🔔 با توجه به بهبود نسبی اینترنت، آمادهسازی دورهها آغاز شده است. به دلیل تداوم برخی اختلالات، بارگذاری دورهها ممکن است با کمی تأخیر انجام شود. مدت اشتراکهای تهیهشده محفوظ است.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش 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:
آداب کامل 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
نمایش نظرات