Course catalog

Course duration

Course provider

Topic

Categories

Showing 121-140 of 144 items.

linkedin طراحی وب: ایجاد منوهای ناوبری فقط CSS (Mitalearn-81155)

  • 29 minutes
  • متوسط
  • Release date: 21 June 2026
  • Author: Chris Converse
درباره این دوره:

آیا می دانستید که می توانید منوهای کشویی را با چیزی جز HTML و CSS به صفحه وب خود اضافه کنید؟ معمولاً منوهای تعاملی با جی کوئری یا چارچوب جاوا اسکریپت دیگر انجام می شوند. اما حقیقت این است که با CSS می‌توانید همان تجربه غنی از جمله پشتیبانی کامل از iOS و دستگاه‌های ویندوزی با صفحه لمسی را ایجاد کنید. در این قسمت از طراحی وب، کریس کانورس به ما می‌آموزد که چگونه فهرست‌ها، سبک‌ها و موقعیت‌ها را در فهرست قرار دهیم، نشانه‌گذاری ARIA را برای سازگاری متقاطع اضافه کنیم و منوها را کاملاً پاسخگو کنیم.


>rnrn امروز آنها را دانلود کنید تا شروع به ایجاد منوهای کشویی چندسطحی خود کنید.

linkedin طراحی وب: ایجاد و محافظت از پیوندهای ایمیل (Mitalearn-68932)

  • 30 minutes
  • مبتدی
  • Release date: 22 June 2026
  • Author: Chris Converse
درباره این دوره:

باید آدرس ایمیل خود را در وب به اشتراک بگذارید، اما نمی خواهید صندوق ورودی شما با هرزنامه پر شود؟ با این راه حل های هوشمند از توسعه دهنده وب کریس کانورس، پنهان کردن آدرس های ایمیل از عنکبوت ها و ربات ها را بیاموزید. او گزینه‌ها و تکنیک‌های فقط CSS را برای معکوس کردن و کدگذاری متن، و همچنین راه‌حل‌های پیشرفته مبتنی بر جاوا اسکریپت را به شما نشان می‌دهد. فایل‌های تمرینی این دوره برای همه اعضای lynda.com رایگان است، بنابراین هم‌اکنون آن‌ها را دانلود کنید و یاد بگیرید چگونه آدرس‌های ایمیل خود را از خزنده‌های وب پنهان کنید.

Related Skills

linkedin طراحی وب: ایجاد یک جدول قابل مرتب سازی (Mitalearn-92902)

  • 33 minutes
  • متوسط
  • Release date: 21 June 2026
  • Author: Chris Converse
درباره این دوره:

جداول HTML نباید فقط خواندنی باشند. نحوه ایجاد جداول را بیاموزید که به کاربران امکان می دهد آنها را به هر طریقی که مناسب می دانند مرتب کنند. Chris Converse نحوه استفاده از jQuery و یک افزونه رایگان به نام tablesorter را برای ایجاد یک جدول قابل مرتب سازی و تعاملی تنها با چند خط کد توضیح می دهد. او همچنین نشان می دهد که چگونه می توان فلش ها و رنگ های نشانگر را با CSS اضافه کرد و یک تجزیه کننده سفارشی برای مرتب سازی هوشمندانه تاریخ ها ایجاد کرد. مانند تمام قسمت‌های طراحی وب، فایل‌های تمرین این دوره (از جمله افزونه جدول‌بندی) برای همه اعضا رایگان است.

linkedin طراحی وب: ایجاد یک نقل قول کششی با CSS (Mitalearn-81138)

  • 21 minutes
  • مبتدی
  • Release date: 21 June 2026
  • Author: Chris Converse
درباره این دوره:

یاد بگیرید که نقل قول های بلوک را در صفحه وب خود به نقل قول های کششی شیک با چیزی بیش از CSS تبدیل کنید. این قسمت از طراحی وب نحوه استایل دادن به عناصر نقل قول HTML و اضافه کردن علامت نقل قول، نقل قول و عکس با سبک های CSS و شبه عناصر را نشان می دهد. همچنین یاد خواهید گرفت که چگونه تنظیمات طراحی واکنشگرا را برای صفحه نمایش های کوچک انجام دهید.

rnrn فایل ها را برای تمرین نقل قول های کشش یک ظاهر طراحی شده در وب سایت خود دانلود کنید.

linkedin طراحی وب: با استفاده از شمارنده و بازنشانی در CSS (Mitalearn-94551)

  • 16 minutes
  • متوسط
  • Release date: 22 June 2026
  • Author: Chris Converse
درباره این دوره:

ویژگی‌های شمارنده CSS از شماره‌گذاری خودکار عناصر HTML پشتیبانی می‌کنند - مانند یک لیست نامرتب، اما در هر عنصر HTML. هیچ تاثیری روی کد زیرین وجود ندارد و هنگامی که محتوا را جابجا می کنید، اعداد به طور خودکار به روز می شوند. در این قسمت از طراحی وب، نحوه استفاده از شمارنده در طراحی های وب خود را بیاموزید. کریس کانورس نشان می‌دهد که چگونه می‌توان شمارنده‌ها را برای عناصر مختلف، از جمله سرفصل‌ها و عنوان‌ها، ترکیب، استفاده مجدد و تنظیم مجدد شمارنده‌ها در یک صفحه وب، اعمال کرد.

linkedin طراحی وب: با استفاده از نمادها در SVG (Mitalearn-64648)

  • 20 minutes
  • متوسط
  • Release date: 21 June 2026
  • Author: Chris Converse
درباره این دوره:

طراحی وب به طراحان نشان می‌دهد که چگونه گرافیک‌ها و طرح‌بندی‌های کارآمد و زیبا را از ابتدا بسازند. در این قسمت، کریس کانورس نحوه ایجاد گرافیک های جدید SVG و سپس تبدیل آنها به نمادهای قابل استفاده مجدد با Adobe Illustrator را توضیح می دهد. سپس او نشان می دهد که چگونه با ویرایش موقعیت، تغییر شکل و ویژگی های رنگ هر نمونه ای که قرار می دهید، نمادها را متناسب با طرح بندی خود سفارشی کنید. این تکنیک به شما این امکان را می دهد که گرافیک های پیچیده را بسیار سریعتر از آنچه که می توانید از ابتدا طراحی کنید بسازید. فایل‌های تمرین برای همه اعضا در دسترس است، بنابراین آنها را دانلود کنید و همین امروز شروع به ایجاد گرافیک‌های وب غنی خود کنید.

rnrn

linkedin طراحی وب: تصاویر SVG پاسخگو (Mitalearn-68966)

  • 22 minutes
  • مبتدی
  • Update date: 22 June 2026
  • Author: Chris Converse
درباره این دوره:

زمانی که به کنترل بیشتری بر روی تصاویر در وب‌سایت‌ها و پروژه‌های تعاملی خود نیاز دارید، گرافیک‌های برداری مقیاس‌پذیر مکانی عالی برای چرخش هستند. تصاویر SVG مستقل از وضوح هستند، به این معنی که در هر اندازه ای عالی به نظر می رسند و می توان آنها را با CSS دستکاری کرد. این قسمت از طراحی وب با کریس کانورس، امکانات طراحی ارائه شده با ترکیب گرافیک SVG با درخواست‌های رسانه CSS را بررسی می‌کند. شروع به تماشا کنید تا یاد بگیرید چگونه تصاویر SVG پاسخگوی خود را ایجاد کنید.

linkedin طراحی وب: خودکارسازی گرافیک وب (Mitalearn-50062)

  • 30 minutes
  • مبتدی
  • Release date: 22 June 2026
  • Author: Chris Converse
درباره این دوره:

آموزش گرافیک ترکیبی در Adobe Photoshop با استفاده از متغیرها و یک فایل متنی ساده. این قسمت طراحی وب نشان می‌دهد که چگونه می‌توانید گردش کار تولید خود را با ترکیب فایل‌های گرافیکی جداگانه، تایپوگرافی و جلوه‌های فتوشاپ در گرافیک‌های سفارشی و آماده برای استفاده، خودکار کنید. این گردش کار به شما امکان می دهد صدها و حتی هزاران گرافیک منحصر به فرد مناسب برای وب سایت ها، پروژه های تعاملی یا حتی چاپ ایجاد کنید. تنها چیزی که برای شروع نیاز دارید یک فایل فتوشاپ لایه ای است.

rnrn مفتخریم که این محتوا را در کتابخانه خود میزبانی کنیم.

linkedin طراحی وب: گرافیک و شبه عناصر CSS (Mitalearn-54618)

  • 18 minutes
  • مبتدی
  • Release date: 21 June 2026
  • Author: Chris Converse
درباره این دوره:

بیاموزید که گرافیک و عناصر شبه را ترکیب کنید تا امکان طراحی و چیدمان بیشتر را بدون افزودن HTML بیشتر به صفحات وب خود اضافه کنید. ترکیب گرافیک های وب و شبه عناصر CSS3 به شما امکان می دهد به متن استایل دهید، گرافیک اضافه کنید، و اشیاء را در موقعیت قرار دهید، همگی در حالی که HTML خود را تمیز و منظم نگه می دارید و عناصر پاسخگوی طراحی خود را قربانی نمی کنید.

rnrn مفتخریم که میزبان این آموزش در کتابخانه خود باشیم.

linkedin طراحی وب: نمودار دایره ای با CSS (Mitalearn-60466)

  • 25 minutes
  • مبتدی
  • Release date: 21 June 2026
  • Author: Chris Converse
درباره این دوره:

بیاموزید که چگونه داده‌های خود را در نمودار دایره‌ای، بدون HTML و CSS نمایش دهید. کریس کانورس نحوه ایجاد اشکال پیچیده با ویژگی های CSS3 و عناصر HTML5 تو در تو را نشان می دهد. فایل‌های تمرین دوره برای همه اعضا رایگان است و حاوی تکه‌های کد دستی برش و چسباندن است که به شما امکان می‌دهد به راحتی دستورالعمل‌ها را دنبال کنید. وقتی کارتان تمام شد، یک نمودار دایره ای زیبا خواهید داشت که در تمام مرورگرهای وب دارای HTML5، از جمله کروم، فایرفاکس، سافاری و اینترنت اکسپلورر کار می کند.

linkedin طراحی وب: ویدیوی پس زمینه HTML (Mitalearn-72128)

  • 28 minutes
  • متوسط
  • Release date: 21 June 2026
  • Author: Chris Converse
درباره این دوره:

استفاده از ویدیوی HTML5 را به عنوان یک عنصر طراحی، با اجرای آن در زیر سایر متن ها و گرافیک های وب سایت خود بیاموزید. این قسمت از طراحی وب به سرعت شش مرحله را برای انجام این تکنیک طی می‌کند، از جمله: تنظیم عنصر ویدیو، قرار دادن لوگو و عنوان روی ویدیو، پاسخ‌گو کردن طرح‌بندی با CSS، و استفاده از Modernizr برای تطبیق طرح برای کاربران تلفن همراه. فایل های تمرین برای همه اعضا رایگان است، پس همین الان شروع کنید.

linkedin طرح: ایجاد SVG پاسخگو (Mitalearn-150838)

  • 16 minutes
  • متوسط
  • Release date: 22 June 2026
  • Author: Chris Converse
درباره این دوره:

فرمت Scalable Vector Graphics (SVG) از این جهت متمایز است که می تواند حاوی CSS خود باشد و به آن اجازه می دهد به اندازه نمایشگر خود پاسخ دهد. در این دوره مختصر، یاد بگیرید که چگونه از Sketch و CSS برای ایجاد یک فایل SVG پاسخگو استفاده کنید. کریس کانورس نحوه ترکیب نسخه‌های مختلف یک گرافیک را برای به حداکثر رساندن تأثیر آن بر اندازه‌های مختلف صفحه نمایش، و همچنین نحوه صادرات فایل‌های SVG از Sketch را نشان می‌دهد. او همچنین نشان می‌دهد که چگونه می‌توان کمی CSS اضافه کرد و با گنجاندن پرس‌وجوهای رسانه‌ای، یک گرافیک واکنش‌گرا ایجاد کرد. پس از اتمام دوره، نحوه ایجاد یک فایل SVG را درک خواهید کرد که می تواند خود را بر اساس اندازه روی صفحه تغییر داده و تطبیق دهد.

linkedin فرم های HTML: دسترسی (Mitalearn-422889)

  • 44 minutes
  • مناسب همه
  • Release date: 27 March 2024
  • Author: Ifeoma Nwosu
درباره این دوره: 

 

توسعه دهندگان وب مسئولیت فوق العاده ای دارند تا اطمینان حاصل کنند که محصولات آنها فراگیر و در دسترس همه است. فرم ها یکی از رایج ترین و مهمترین عناصر برنامه های وب هستند ، زیرا به کاربران امکان تعامل با سیستم ، ارائه بازخورد ، ارسال داده ها و انجام کارهای مختلف را می دهد. با این حال ، فرم ها همچنین می توانند چالش ها و موانع بسیاری را برای کاربران دارای معلولیت ایجاد کنند و اگر به درستی طراحی و کدگذاری نشده باشند ، می توانند از دسترسی کاربران به اطلاعات و خدمات مورد نیاز خود جلوگیری کنند.

در این دوره ، مهندس نرم افزار Ifeoma NWOSU به شما نشان می دهد که چگونه می توانید فرم های در دسترس ایجاد کنید که از بهترین روش ها و استانداردهای دسترسی به وب پیروی می کنند. بیاموزید که چگونه با کنترل فرم ، دسترسی به فرم را بهبود بخشید. راه هایی را برای کمک به کاربران در وارد کردن داده ها به فرم ها ، از جمله انواع ورودی های مختلف مانند کادر انتخاب ، دکمه های رادیویی و متن کشف کنید. سرانجام بیاموزید که چگونه خطاهای ورود به اطلاعات را مدیریت کنید و چگونه به کاربران کمک کنید تا از قرار دادن داده های اشتباه در قسمت های فرم خودداری کنند.


linkedin گرافیک SVG برای وب با Illustrator (Mitalearn-147914)

  • 2 hours 2 minutes
  • متوسط
  • Release date: 22 June 2026
  • Author: David Karlins
درباره این دوره:

فرمت Scalable Vector Graphics (SVG) این روزها در همه جا وجود دارد. SVG برای اینفوگرافیک های مبتنی بر داده، نقشه های تعاملی، نمادها، نوع قابل جستجو، رندرهای معماری و هر جایی که به آثار هنری مقیاس پذیر، متحرک یا تعاملی نیاز دارید استفاده می شود. آیا می خواهید خود را ایجاد کنید؟ Adobe Illustrator محیطی مناسب برای طراحان برای ایجاد فایل های SVG برای وب است. این دوره به شما می آموزد که چگونه فایل های SVG را در Illustrator با کمک گاه به گاه سایر محصولات Adobe Creative Cloud ایجاد، ذخیره و اصلاح کنید. مربی دیوید کارلینز اصول اولیه SVG را پوشش می دهد - اینکه چیست و چگونه از آن استفاده می شود - و نحوه پیکربندی Illustrator برای بهره وری بهینه با SVG را نشان می دهد. او توضیح می دهد که چگونه می توان شفافیت و گرادیان های مقیاس پذیر را ترکیب کرد، فیلترهای SVG را اعمال کرد، تعامل را اضافه کرد و نوع گرافیکی سبک و قابل جستجو ایجاد کرد. او همچنین بهترین تنظیمات را برای ذخیره و صادرات آثار هنری شما به‌عنوان SVG نشان می‌دهد و فرآیند جاسازی فایل‌ها یا کدهای SVG را در صفحات وب و برنامه‌ها بررسی می‌کند.

linkedin گفتن یک داستان با Adobe Spark (Mitalearn-131390)

  • 3 hours 15 minutes
  • مبتدی
  • Release date: 22 June 2026
  • Author: Richard Harrington
درباره این دوره:

طراحی گرافیک همه چیز در مورد داستان گفتن است. در این دوره، نویسنده Rich Harrington نشان می دهد که چگونه داستان خود را با Adobe Spark، ابزار طراحی رایگان مبتنی بر وب که به عنوان سه برنامه عالی نیز در دسترس است، تعریف کنید. اول، Rich نحوه آپلود محتوا در Spark را پوشش می دهد. اگر به ویژگی‌های پرمیوم Spark دسترسی دارید، ممکن است به آموزش‌هایی که ساختن برند شما را با آپلود دارایی‌هایی مانند آرم و فونت‌های سفارشی در Spark پوشش می‌دهند، علاقه‌مند باشید. سپس Rich سه مجموعه ابزار غنی از ویژگی را که در زیر چتر Spark قرار دارند را پوشش می دهد. نحوه ایجاد گرافیک برای چاپ یا وب با Spark Post، ایجاد صفحات وب و ارائه پویا با Spark Page و ساخت داستان های ویدئویی کوتاه با Spark Video را بیاموزید. به علاوه، نحوه مدیریت محتوا و قالب‌هایی را که در Adobe Spark ذخیره کرده‌اید، از جمله پشتیبان‌گیری و همگام‌سازی محتوا در دسک‌تاپ و موبایل یاد بگیرید.

linkedin متحرک سازی طرح های تبلیغاتی Adobe XD با Animate (Mitalearn-174536)

  • 1 hours 15 minutes
  • متوسط
  • Release date: 21 June 2026
  • Author: Joseph Labrecque
درباره این دوره:

بیاموزید که چگونه با استفاده از Adobe XD و Adobe Animate، حرکت و انیمیشن جذاب در طرح های تبلیغات دیجیتال خود ایجاد کنید. کارشناس جوزف لابرک شما را گام به گام از طراحی اولیه تا نمونه اولیه و تبلیغات کاری راهنمایی می کند. با نحوه طراحی یک چیدمان اولیه با تصاویر وارد شده و ابزارهای داخلی در XD آشنا شوید. نحوه بازتولید و اصلاح طرح آرتبورد را در فضای کاری XD Prototype کشف کنید و دارایی ها و مشخصات خود را برای تکمیل طرح بندی به Animate ارسال کنید. در Animate، جوزف نشان می‌دهد که چگونه می‌توان عناصر پروژه را متحرک کرد و تعاملی مانند دکمه فراخوانی را با جاوا اسکریپت و Actions Wizard اضافه کرد. در نهایت، یاد بگیرید که چگونه آگهی کامل خود را از Animate به عنوان یک GIF متحرک صادر کنید، قالبی که اکثر شبکه های تبلیغاتی بزرگ آن را پذیرفته اند.

linkedin مشاهده منبع (Mitalearn-32518)

  • 2 hours 10 minutes
  • متوسط
  • Update date: 22 June 2026
  • Author: Ray Villalobos
درباره این دوره:

این مجموعه پروژه‌های 10 دقیقه‌ای در موضوعات طراحی وب متوسط ​​و پیشرفته ارائه می‌دهد که فناوری‌هایی مانند HTML، PHP، jQuery و CSS و همچنین راه‌حل‌های مدیریت محتوا مانند وردپرس و ادغام با توییتر، یوتیوب و غیره را پوشش می‌دهد. هر ویدیو در این دوره مستقل است و نشان می دهد که چگونه می توان یک اثر و/یا تکنیک جالب را به دست آورد. پروژه های نمونه شامل ایجاد تاریخ انتخاب و گالری عکس سفارشی و نقشه برداری و برچسب گذاری جغرافیایی با Google Maps است.

Related Skills

linkedin مقدمه ای بر CSS (2017) (Mitalearn-114288)

  • 1 hours 58 minutes
  • مبتدی
  • Release date: 9 June 2017
  • Author: Carrie Dils
درباره این دوره:

هنگامی که اصول اولیه HTML را یاد گرفتید، زمان آن رسیده است که به بررسی Cascading Style Sheets (CSS) بپردازید، زبانی که باعث می شود HTML در مرورگر عالی به نظر برسد. این دوره به شما امکان‌ها را می‌دهد و نشان می‌دهد که CSS چه کارهایی را می‌تواند انجام دهد و اصول اولیه‌ای را که برای اینکه آن را برای شما کار کند به آن نیاز دارید، نشان می‌دهد. به کری دیلز بپیوندید تا توضیح دهد که CSS چیست و چگونه با HTML کار می‌کند، درباره گزینه‌های نویسندگی بحث می‌کند، و مفاهیم رایج CSS مانند مدل جعبه CSS و نحوه کار با فونت‌ها و رنگ‌ها را پوشش می‌دهد. به علاوه، او نحوه ساختار یک صفحه با CSS، حفظ CSS با کنترل نسخه، کار با پرسش‌های رسانه‌ای و موارد دیگر را نشان می‌دهد.

linkedin نمونه سازی انیمیشن UI با Adobe Animate (Mitalearn-147931)

  • 57 minutes
  • مبتدی
  • Release date: 21 June 2026
  • Author: Joseph Labrecque
درباره این دوره:

احتمالات جدید در نمونه سازی UX را بررسی کنید. Adobe Animate ویژگی هایی را برای ایجاد حرکت پیچیده ارائه می دهد، مانند آسان شدن صاف، توقف و شروع، و مسیرهای حرکتی پیچیده. این دوره نحوه استفاده از منحنی حرکت و گزینه‌های کاهش در Adobe Animate را برای نمونه‌سازی اولیه انیمیشن UI خود نشان می‌دهد. مربی جوزف لابرک نشان می‌دهد که چگونه می‌توان یک پروژه جدید ایجاد کرد، در تنظیمات سند شماره‌گیری کرد و از روش‌های مختلف انیمیشن، از جمله فریم‌بندی کلیدی و توئینینگ استفاده کرد. او همچنین نحوه ویرایش و مدیریت ویژگی های آسان برای عناصر UI متحرک را نشان می دهد. بعلاوه، یاد بگیرید که چگونه از ابزارهای موجود در Motion Editor استفاده کنید - تنظیمات از پیش تعیین شده، نقاط لنگر و نقاط کنترل را آسان کنید تا انیمیشن‌های دقیق‌تری بسازید.

linkedin نمونه سازی میکرو تعاملات با Adobe Animate (Mitalearn-167277)

  • 1 hours 50 minutes
  • متوسط
  • Release date: 21 June 2026
  • Author: Joseph Labrecque
درباره این دوره:

میله‌های پیشرفت، افکت‌های ریپل و ضربان‌دار، و سایر ریز تعامل‌ها باید به یک وظیفه واحد دست یابند، و این کار را به گونه‌ای انجام دهند که محجوب به نظر برسد. اما در حالی که ممکن است این عناصر کمتر بیان شوند، نقش مهمی در تجربه کلی کاربر از پروژه شما دارند. در این دوره، به جوزف لابرک بپیوندید تا نحوه نمونه‌سازی ژست‌ها و طراحی تعدادی ریز تعامل مفید برای پروژه‌های طراحی UX با استفاده از Adobe Animate را نشان دهد. اصول اولیه ایجاد حرکت در Animate و همچنین نحوه نمونه‌سازی حرکات معمولی مانند دو بار ضربه زدن و فشار طولانی را بررسی کنید. در نهایت، نحوه طراحی انواع ریز تعاملات، از جمله کشش و پر کردن، تبدیل نماد و آیکون های پرش را بیاموزید.

Suggestions