آموزش سی اس اس (CSS)

دسته بندی: آموزش طراحی وب

آموزش سی اس اس

در این صفحه می خوانید :

معرفی سی اس اس (CSS)

برگه های سبک آبشار (CSS) یک زبان استایل شیت است که برای توصیف ارائه سندی که به زبان نشانه گذاری مانند HTML نوشته شده است، استفاده می شود. CSS فناوری سنگ بنای شبکه جهانی وب، در کنار اچ تی ام ال (HTML) و جاوااسکریپت است.

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

CSS همچنین شما را قادر می سازد تا نمایش صفحه مورد نظر خود را در چندین حالت مختلف مانند حالت نمایش بر روی مانیتور، حالت نمایش در زمان چاپ و همچنین برای نمایش در صفحات مرورگر موبایل را به درستی تنظیم نمایید. با استفاده از این ابزار همچنین می توان تنظیماتی را اعمال نمود که نمایش صفحه وب مورد نظر بسته به اندازه صفحه نمایش کاربر متغیر (Responsive) باشد.

CSS یک زبان استایل نویسی و از نوع اعلانی می باشد که نحوه نمایش یک صفحه وب را توصیف می کند. علاوه بر HTML زبان های نشانه گذاری دیگر نیز از جمله زبان های XHTML، اکس ام ال (XML), SVG و XUL از CSS پشتیبانی می کنند.

تاریخچه سی اس اس (CSS)

CSS هم مانند HTML برای اولین بار در مجموعه CERN متولد شد. اولین بار در تاریخ ۱۰ اکتبر سال ۱۹۹۴ بود که Hakon Wium Lie با همکاری «تیم برنرز لی» بحث CSS را وسط کشیدند. در همین زمان‌ ها بود که چندین و چند زبان Style Sheet دیگر توسط افراد دیگر معرفی شدند و بحث‌های مختلفی که بین عموم افراد و همچنین در «کنسرسیوم وب جهان گستر» اتفاق افتاد، باعث شد تا در نهایت در سال ۱۹۹۶، زبان CSS به صورت رسمی معرفی شود.

نسخه های سی اس اس (CSS)

CSS 1: اولین نسخه CSS که توسط W3C به صورت رسمی به توسعه دهندگان وب پیشنهاد شد، CSS 1 بود. این نسخه در تاریخ ۱۷ دسامبر سال ۱۹۹۶ به صورت رسمی در دسترس افراد قرار گرفت.

CSS 2: نسخه دوم CSS نیز در ماه می سال ۱۹۹۸ منتشر و به کاربران ارائه شد. در این نسخه قابلیت‌های جدیدی مثل جایگذاری مطلق (Absolute)، وابستگی (Relative) و ثابت (Fixed) در نظر گرفته شده بود. در این نسخه همچنین امکاناتی مانند ایجاد درک و شناخت انواع مختلف فایل های مدیا و قابلیت‌های جدید برای طراحی متن ایجاد شد.

نسخه CSS2.1 نیز منتشر شده است که خطاها و باگ های CSS2 را برطرف کرده است. این نسخه چندین بار از طرف W3C نامزد پیشنهاد شده بود که هر بار برای بررسی بیشتر این کار به تعویق می افتاد. اما سرانجام در 7 دسامبر 2010 این اتفاق افتاد و این نسخه توسط W3C پیشنهاد شد.

CSS3: نسخه CSS3 برخلاف نسخه های قبلی که تمامی تعاریف و امکانات در قالب یک نرم افزار مورد استفاده کاربر قرار می گرفت، دارای ساختاری ماژولار است. هر یک از ماژول ها، قابلیت های خاصی را به نرم افزار اضافه می نماید. این نسخه از CSS در ماه ژوئن سال ۱۹۹۹ منتشر گردید. از آنجایی که CSS 3 بر پایه ماژول‌ ها بود، تا ژوئن ۲۰۱۲ بیش از پنجاه ماژول CSS شامل Media Queries، Namespace، Selector Level و Color از جانب تیمی که روی این زبان کار می‌کرد، منتشر شدند. در CSS3 شما امکان استفاده از انواع فرمت های رنگی مثل HEX, RGB, RGBA و دیگر فرمت های غیر مرسوم را دارید. همه این فرمت ها به خوبی در CSS3 پیشتیبانی می شوند.

CSS4: در ماه سپتامبر سال ۲۰۰۹ W3C شروع به طراحی و تکمیل نسخه چهارم CSS نمود، گرچه هنوز هیچ یک از مرورگرهای معروف از تمامی امکانات آن پشتیبانی نمی کنند، اما پیش بینی می شود تا آینده ای نزدیک این نسخه از CSS به عنوان یکی از رایج ترین ابزارهای طراحی با امکانات ویژه ای مورد استفاده قرار بگیرد.

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

ساختار سی اس اس (CSS)

CSS زبان نحوی ساده ای دارد که از کلمات کلیدی انگلیسی برای طراحی و تنظیم مشخصات صفحات استفاده می نماید. CSS شامل لیستی از قوانین (Rule) می باشد. هر قانون تشکیل شده از یک یا چند انتخاب کننده (Selector) و یا بلوک های اعلان (Declaration block) می باشد. هر کدام از بلوک های اعلان تشکیل شده از لیستی از بلوک های اعلان متغیر دیگر می باشد. هر یک از اعلان گر های متغیر شامل یک کلون (:) و یک مقدار می باشد. همچنین در صورتی که قرار باشد چندین متغیر در یک بلوک اعلان شود، هر یک از متغیر ها توسط یک سمی کلون (;) از هم جدا می شوند.

ساختار سی اس اس

مزایای سی اس اس (CSS)

تفکیک محتوا از ارائه

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

سازگاری در سطح سایت

وقتی از CSS به طور موثر استفاده می شود، از نظر وراثت و "آبشاری"، می توان از یک صفحه استایل شیت سراسری برای تأثیرگذاری و سبک دهی به عناصر در سطح سایت استفاده کرد. اگر شرایطی ایجاد شود که یک ظاهر طراحی شده در عناصر باید تغییر کند یا تنظیم شود، این تغییرات را می توان با ویرایش قوانین در استایل شیت سراسری ایجاد کرد. قبل از CSS، این نوع استایل دهی و نگهداری دشوار، گران و وقت گیر بود.

پهنای باند

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

قالب بندی مجدد صفحه

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

دسترسی

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

ویژگی های سی اس اس (CSS)

  • جدایی محتوا از ارائه

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

  • ثبات در سطح سایت

هنگامی که CSS به طور مؤثر مورد استفاده قرار می گیرد، از نظر وراثت و "آبشاری"، می توان از استایل شیت جهانی برای تأثیرگذاری و سبک کردن عناصر در سطح سایت استفاده کرد. اگر شرایط به وجود بیاید که یک ظاهر طراحی شده از عناصر باید تغییر داده یا تنظیم شوند، این تغییرات با ویرایش قوانین در استایل شیت جهانی ایجاد می شود. قبل از CSS، این نوع نگهداری سخت، گران و وقت گیر بود.

  • پهنای باند

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

  • بازنویسی صفحه

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

  • دسترسی

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

چرا باید از سی اس اس (CSS) استفاده کنیم؟

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

  • حجم کد تولید شده برای طرح بندی صفحه و در نتیجه حجم صفحه به شدت کاهش پیدا می کند.
  • افزون بر سبک تر کردن هر صفحه وب و تمیزتر کردن آن و استفاده از داده‌های تصویری و نمایشی استاندارد، روش طراحی وب را به میزان فراوانی آسان تر و دسترسی و کارایی وب را افزایش داده است.
  • قالب بندی صفحه از طرح بندی آن جدا کرده و ایجاد تغییرات در صفحه به سادگی امکان پذیر است.
  • موتورهای جستجو، مطالب وب سایت را به سادگی نمایه نموده و در نتیجه رتبه بندی وب سایت در موتورهای جستجو بهبود می یابد.

انواع سی اس اس (CSS)

آموزش کامل سی اس اس

برای نوشتن سی اس اس سه روش وجود دارد که به شرح زیر می باشد:

سی اس اس درون خطی (inline) یا تعبیه شده : در این روش ویژگی ها و مشخصات، در تگ مربوطه در همان صفحه اچ تی ام ال نوشته می شود:

<span style='text-align: center; margin:0 auto'></span>

سی اس اس داخلی (internal):در این روش ویژگی ها در قسمت سرصفحه یا <head> سایت با نوشتن تگ <style> مشخص می شود:

<head>
<style type='text/css'>
Span {text-align:center; margin:0 auto;}
</style>
</head>

سی اس اس خارجی (external) :بهترین روش نوشتن سی اس اس می باشد. در این روش یک صفحه با پسوند .css ساخته می شود و از صفحه html در قسمت head لینکی برای آن ارسال می شود و این دو صفحه را به هم مرتبط می کند:

<head>
<link rel='stylesheet' type='text/css' href='style.css'/>
</head>

فریمورک های سی اس اس (CSS)

یک فریمورک CSS یک کتابخانه است که با استفاده از زبان صفحه Cascading Style Sheets، طراحی وب سازگار با استانداردهای آسانتر و سازگار را امکان پذیر می کند. بیشتر این فریمورک ها حداقل دارای شبکه هستند. فریمورک های کاربردی تر نیز دارای ویژگی های بیشتر و عملکردهای اضافی مبتنی بر JavaScript هستند، اما بیشتر مبتنی بر طراحی هستند و در مورد الگوهای UI تعاملی متمرکز هستند. این جزئیات فریمورک های CSS را از سایر فریمورک های JavaScript متمایز می کند.

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

فریمورک های CSS ماژول ها و ابزارهای مختلفی را ارائه می دهند:

  • تنظیم مجدد استایل شیت
  • شبکه مخصوصاً برای طراحی وب پاسخگو
  • تایپوگرافی وب
  • مجموعه ای از آیکون ها در sprites یا قلم های آیکون
  • یک ظاهر طراحی شده برای نکات ابزار، دکمه ها، عناصر فرم ها
  • بخش هایی از رابط های کاربر گرافیکی مانند آکاردئون، زبانه ها، نمایش پرده ای یا پنجره های معین (Lightbox)
  • اکولایزر برای ایجاد محتوای قد برابر
  • اغلب از کلاس های کمکی CSS استفاده می شود (سمت چپ، پنهان)

فریمورک های بزرگتر از مفسر CSS مانند پیش پردازنده Less یا پیش پردازنده Sass استفاده می کنند.

دو نمونه قابل توجه و مورد استفاده گسترده بوت استرپ و فوندیشن (Foundation) هستند.

بوت استرپ (Bootstrap):یک فریمورک تشکیل شده از HTML،CSS و JS است که برای توسعه و طراحی سایت رسپانسیو استفاده می شود. با توجه به رشد افزایش استفاده از گوشی های همراه و تبلت، بیشتر افراد امروزه فعالیت های خود مانند بررسی وب سایت ها را با استفاه از این ابزارها انجام می دهند. پس خیلی مهم است که سایت شما در صفحات مختلف به درستی نشان داده شود تا کاربر مجبور نباشد برای خواندن مطالب یا استفاده از المان ها، از بزرگنمایی استفاده کند. برای همین از طراحی سایت رسپانسیو برای ساخت صفحات در اندازه های مختلف استفاده می شود و بهترین تکنیک و ابزار آن، فریمورک بوت استرپ می باشد. نمونه سازی اولیه طرح با بوت استرپ سریع تر انجام می شود و با تمامی مرورگرها به راحتی قابل سازگاری می باشد.

فوندیشن (Foundation): یک فریمورک (front-end framework) می باشد که دارای ابزارهای مناسب برای طراحی و ساخت سایت های متناسب با گوشی های موبایل و صفحه های نمایش با اندازه های مختلف است. ساختار این فریمورک برپایه HTML،CSS و jQuery بوده و با این که استفاده اصلی از این فریمورک توسط برنامه نویسان HTML و CSS است اما شما می توانید از آن در پروژه های مبتنی بر Sass و Rails نیز استفاده نمایید.

روش های طراحی در سی اس اس (CSS)

با افزایش اندازه منابع CSS مورد استفاده در پروژه، تیم توسعه دهنده معمولاً برای سازماندهی آنها نیاز به تصمیم گیری درباره روش متداول طراحی دارد. اهداف شامل سهولت توسعه، سهولت همکاری در هنگام توسعه و عملکرد صفحه های سبک مستقر در مرورگر است. روش های رایج شامل OOCSS (CSS شی گرا)، ACSS (CSS اتمی)، oCSS (استایل شیت آبشاری عضوی)، SMACSS (معماری مقیاس پذیر و مدولار برای CSS) و BEM (بلوک، عنصر، اصلاح کننده) است.

آیا این نوشته را دوست داشتید؟
packt-the-complete-css-flexbox-guide-with-a-complete-project-updated-for-2021

راهنمای کامل CSS Flexbox با یک پروژه کامل [آپدیت 2021]


این دوره به شما کمک می کند با استفاده از جادوی flexbox، آن دسته از طرح بندی های پیچیده وب سایت را به راحتی ایجاد کنید. این دوره را با ایجاد اولین کانت...

1400/02/09 352 بازدید
linkedin-css-scrolling-and-parallax

آموزش CSS: اسکرول کردن و موازی سازی


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

1400/01/23 806 بازدید زیرنویس دارد
linkedin-advanced-css-media-queries

آموزش مدیا کوئری های پیشرفته CSS


در این دوره، مدرس Jen Kramer برخی از جدیدترین و بهترین گزینه های مدیا کوئری موجود در Chrome ،Firefox ،Edge و Safari را بررسی می کند. بیاموزید که چگونه...

1400/01/06 1015 بازدید زیرنویس دارد
the-ultimate-html5-and-css3-series-part-3

آموزش کامل HTML5 و  CSS3 - بخش سوم (Code with Mosh)


نمی دانید که چگونه توسعه دهندگان حرفه ای وب از ماکت طراحی فتوشاپ استفاده می کنند و آن را به یک وب سایت واقعی HTML5 / CSS3 تبدیل می کنند؟ این دقیقاً هم...

1399/12/14 1361 بازدید
the-ultimate-html5-and-css3-series-part-2

آموزش کامل HTML5 و  CSS3 - بخش دوم (Code with Mosh)


بر روی مفاهیم پیشرفته HTML5 و CSS3 در پشت وب سایت های سریع، زیبا و موبایل پسند مسلط شوید. این یک دوره سرگرم کننده، بسیار کاربردی و گام به گام که جدیدت...

1399/12/14 1119 بازدید
the-ultimate-html5-and-css3-series-part-1

آموزش کامل HTML5 و  CSS3 - بخش اول (Code with Mosh)


در 3 ساعت به اصول توسعه وب با HTML5 و CSS3 تسلط پیدا کنید این یک دوره سرگرم کننده، بسیار کاربردی و گام به گام است که HTML5 / CSS3 مدرن را از ابتدا به ...

1399/12/14 3491 بازدید
skillshare-full-stack-web-developer-in-2019

دوره توسعه دهنده Full Stack وب 2019


در این دوره با React، بررسی SQL statements، پایگاه داده رابطه ای مانند MongoDB، محتوای ES7/8، ایجاد اپلیکیشن ها و وبسایت های واقعی پیچیده، ایجاد اپلیک...

1399/12/03 1741 بازدید
skillshare-build-a-portfolio-website-with-html5-css3-bootstrap-4-jquery-from-scratch

ایجاد یک وب سایت نمونه از ابتدا با HTML5 ،CSS3، بوت استرپ 4، جی کوئری و پلاگین های جی کوئری


یک وب سایت نمونه را از ابتدا با HTML5، CSS3 ، بوت استرپ 4 ، جی کوئری و پلاگین های جی کوئری ایجاد کنید....

1399/11/30 1022 بازدید
skillshare-the-basics-of-web-design-layout-learn-how-to-describe-your-design-with-html-css

مبانی طرح بندی وب: آموزش نحوه توصیف طراحی با HTML و CSS


در این دوره نحوه با مبانی طراحی سایت برای توصیف طرح برای مرورگر با استفاده از HTML و CSS و تفاوت آن با برنامه‌های طراحی وب را خواهید آموخت....

1399/11/26 857 بازدید
skillshare-typography-vertical-rhythm-for-ui-designers-and-web-developers

تایپوگرافی و ریتم عمودی برای طراحان UI و توسعه دهندگان وب


در این دوره با طراحی حرفه‌ای قالب سایت در فتوشاپ، مبانی تایپوگرافی، استفاده از شبکه (grid)، انتخاب مناسب فونت، استفاده موثر از فضای سفید و موارد دیگر ...

1399/11/25 499 بازدید
pluralsight-accessibility-exploring-images-and-media

دسترس پذیری: بررسی تصاویر و رسانه


شما در این دوره، می آموزید که چگونه دستورالعمل های دستیابی WCAG مربوط به محتوای غیر متنی را در وب سایت خود رعایت کنید. ابتدا چالش هایی را که کاربران و...

1399/11/12 720 بازدید زیرنویس دارد
skillshare-web-design-projects-build-a-freelance-website-template-from-scratch-using-html-css-jquery-php

پروژه‌های طراحی وب: ساخت قالب سایت فریلنس از ابتدا با استفاده از HTML ،CSS ،jQuery ،PHP


در این دوره با طراحی کامل یک سایت از ارسال داده‌های فرم با استفاده از AJAX، طراحی واکنشگرا، ارسال ایمیل تماس با استفاده از PHP و موارد دیگر آشنا خواهی...

1399/11/04 2916 بازدید
skillshare-web-development-fundamentals-html-css

اصول توسعه وب: HTML و CSS


در این دوره با مبانی اولیه طراحی سایت با استفاده از HTML و CSS آشنا خواهید شد که شامل عناصر HTML، صفات آن، ویژگی‌های CSS و استفاده از Bootstrap و موار...

1399/06/22 3054 بازدید
linkedin-making-sense-of-the-css-box-model

آشنایی با CSS Box Model


در این دوره، Morten Rand-Hendriksen -رویکرد "چهار وعده غذایی" را در CSS box model ارائه می دهد و آن را به بخش هایی که به راحتی قابل هضم هستند تجزیه می...

1399/05/14 2008 بازدید زیرنویس دارد
linkedin-css-layouts-from-float-to-flexbox-and-grid

آموزش طرح بندی های CSS: از Float تا Flexbox و Grid


در این دوره، Christina Truong شما را در این مسیر راهنمایی می کند، از مفاهیم اولیه گرفته تا تغییر کامل، او روش های مختلف ایجاد طرح بندی با CSS مدرن را ...

1399/05/09 3757 بازدید زیرنویس دارد
linkedin-css-variable-fonts

آموزش CSS: فونت های متغیر


در این دوره، Rand-Hendriksen نحوه استفاده از فونت های متغیر را زمان حفظ استفاده کارآمد از پهنای باند برای پاپ ساختن طرح ها نشان می دهد. مبانی فونت های...

1399/03/08 1580 بازدید زیرنویس دارد
linkedin-learning-web-audio-and-video

یادگیری صدا و ویدیو در وب


این دوره مقدماتی به شما کمک می کند تا صدا و فیلم تعاملی را در وب سایت ها و اپلیکیشن های خود ایجاد کنید. ابتدا مبانی کامپوننت های رسانه HTML5 و ویژگی ه...

1399/01/21 2343 بازدید
skillshare-website-wireframing-with-html5-css3

آموزش Wireframing سایت با HTML5 و CSS3


این دوره شما را در روند ایجاد بخشهای اصلی سایت خود، تنظیم و تراز کردن متن و تصاویر و... راهنمایی می کند. پس از اتمام wireframe،یاد می گیرید چگونه آن ر...

1399/01/20 1945 بازدید
linkedin-responsive-layout-2-0

آموزش طرح بندی ریسپانسیو 2.0


وقتی اولین بار طراحی وب ریسپانسیو معرفی شد، در نگاه اول جادویی و ناکارآمد به نظر می رسید. طراحان مجبور بودند برای تنظیم سیستم های مبتنی بر grid خود و ...

1398/12/29 4318 بازدید زیرنویس دارد
linkedin-bootstrap-4-with-sass

آموزش بوت استرپ 4 به همراه Sass


Bootstrap محبوب ترین فریمورک برای ساخت وب سایت هایی با قابلیت ریسپانسیو و mobile-first است. هنگامی که شما آن را با Sass ترکیب می کنید، به CSSهای قدرتم...

1398/12/27 4634 بازدید