آموزش css استاد رحمانی
شناسه محصول: 1113

آموزش css استاد رحمانی | آموزش  حرفه ای css

استاد رحمانی یکی از بهترین اساتید در زمینه برنامه نویسی می باشد، در این دوره استاد رحمانی آموزش css را با زمانی فارسی از مقدماتی تا حرفه آموزش می دهد.

پیش نیاز:

برای مشاهده و درک بهتر از این دوره نیاز است که با HTML به خوبی آشنا باشید، در پست قبلی آموزش html با استاد رحمانی قرار گرفته است. دیدن آموزش html با استاد رحمانی

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

CSS چیست؟

به تعبیر تخصصی‌تر، CSS یک زبان برنامه نویسی ظاهری (Style Sheet Language) است که برای ارائه زیباتر و قابل فهم‌تر یک سند (Document) نوشته شده به زبان نشانه گذاری یاMarkup Language به کار برده می‌شود.

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

برگه‌های CSS در واقع مسئولیت ایجاد ظاهر سایت را به عهده دارند و رنگ، اندازه و محل قرارگیری متن و دیگر تگ‌های HTML را تعیین می‌کنند.

مسئولیت برگه‌های HTML با همکاری فیلدهای HTML کامل می‌شود. در واقع این فیلدهای HTML هستند که تعیین می‌کنند محتوای کدها چیست و هر کدام باید چگونه سازماندهی شوند.

آموزش css استاد رحمانی

CSS نسخه‌های مختلفی دارد که به آن‌ها Level گفته می‌شود، هر کدام از این نسخه‌ها هم به تنهایی دارای نسخه‌های تکمیلی دیگر هستند که به آن‌ها Profile گفته می‌شود.

طبیعتا هر نسخه CSS بر اساس نسخه دیگر توسعه پیدا کرده و در نسخه‌های جدید قابلیت‌های جدیدتری اضافه شده است. هر Profile در CSS هم برای توسعه این زبان Style Sheet به یک دستگاه یا منظور خاص طراحی شده است.

در زیر نمونه کد CSS را مشاهده می نمایید :

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

جلسه 1 فیلم آموزش Css و Css3 مارکتیکا

  • دلیل پیدایش و اهمیت استفاده از Css
  • اهمیت جداسازی محتوا از Css
  • آموزش Syntax یا نحوه زبان Css
  • شیوه کامنت یا Comment گذاشتن در Css
  • دادن style به element ها بر اساس نام آنها در Css
  • دادن استایل به عناصر Html توسط بر اساس selector آی دی id
  • دادن استایل به عناصر Html توسط بر اساس selector نام کلاس یا class

جلسه 2 فیلم آموزش Css و Css3 مارکتیکا

  • مرور جلسه گذشته
  • معرفی ویرایشگر ها و IDE های مناسب برای ویرایش و اجاد فایل های Css
  • آموزش شیوه گروه بندی Selctor ها در Css
  • آموزش و یادآوری شیوه برخورد مرورگر با منابع external در فایل Html
  • آموزش و یادآوری منابع external و internal و inline در Css
  • آموزش خصیصه background-color در Css

جلسه 3 فیلم آموزش Css و Css3 مارکتیکا

  • رور جلسه گذشته
  • آموزش خصیصه background-color در سی اس اس یا Css
  • آموزش خصیصه background-image در سی اس اس یا Css
  • آموزش خصیصه background-image در سی اس اس یا Css
  • آموزش مقدار background-image:no-repeat در سی اس اس یا Css
  • آموزش مقدار background-image:repeat-x در سی اس اس یا
  • آموزش مقدار background-image:repeat-y در سی اس اس یا Css
  • آموزش خصیصه background-image در سی اس اس یا Css
  • آموزش فرم کوتاه شده خصیصه background در سی اس اس یا Css
  • آموزش خصیصه text-align در سی اس اس یا Css برای مقادیر right و left و center
  • آموزش خصیصه direction در سی اس اس یا Css برای مقادیر rtl و ltr
  • آموزش چگونگی رنگ دادن به کل سند Html

جلسه 4 فیلم آموزش Css و Css3 مارکتیکا

  • آموزش خصیصه text-decoration و مقادیر none و line-through و underline برای آن در Css
  • آموزش مفهوم generic family در سی اس اس
  • آموزش مفهوم font-family در سی اس اس
  • آموزش خصیصه font-family و شیوه صحیح استفاده از آن در Css

جلسه 5 فیلم آموزش Css و Css3 مارکتیکا

  • آموزش font-style
  • آموزش bold و italic و oblique در Css
  • آموزش font-size
  • آموزش مقیاس px و em
  • آموزش شیوه دادن استایل به لینک ها و خواص link و hover و visited و active

جلسه 6 فیلم آموزش Css و Css3 مارکتیکا

  • آموزش خاصیت text-decoration برای لینک ها
  • آموزش خاصیت list-style برای لیست ها در Html

جلسه 7 فیلم آموزش Css و Css3 مارکتیکا

  • آموزش خاصیت list-style برای ul
  • آموزش خاصیت background برای li
  • آموزش مقدار square برای list-style در ul
  • آغاز آموزش دادن style به table ها

جلسه 8 فیلم آموزش Css و Css3 مارکتیکا

  • آموزش خصیصه vertical-align برای table ها
  • آموزش خصیصه border-collapse برای table ها
  • آموزش مفهوم box model در CSS
  • آموزش خصیصه های border و margin و padding در CSS

جلسه 9 فیلم آموزش Css و Css3 مارکتیکا

  • شیوه محاسبه عرض و ارتفاع در مرورگرهای مختلف در Css
  • چگونگی اصلاح شیوه محاسبه عرض و ارتفاع در مرورگرهای مختلف
  • آموزش کار با خصیصه border-style و توضیح مقادیر dotted و dashed و solid و double و groove و ridge و inset و outset در برای آن در Css
  • آموزش کارخصیصه border-width و border-color
  • توضیح خصایص border-top و border-bottom و border-right و border-left
  • استفاده ترکیبی از خصیصه border مانند border-style: dotted solid double dashed یا border: 5px solid red
  • آموزش خصیصه outline
  • آموزش خصیصه Margin و مقادیر auto و inherit

جلسه 10 فیلم آموزش Css و Css3 مارکتیکا

  • آموزش تکمیلی خصیصه margin در CSS
  • آموزش نوشتاری margin با یک تا چهار عدد در CSS
  • آموزش خصیصه padding در CSS
  • آموزش خصیصه min-width در CSS

جلسه 11 فیلم آموزش Css و Css3 مارکتیکا

  • آموزش خصیصه های min-width و min-height در سی اس اس
  • آموزش خصیصه های max-width و max-height در سی اس اس
  • آموزش خصیصه های visibility و display و مقادیر none و visible و hidden و … در CSS
  • آموزش سایر ابتدایی position و مقدار static و fixed برای آن در سی اس اس

جلسه 12 فیلم آموزش Css و Css3 مارکتیکا

  • آموزش انواع positioning مثل static و fixed و relative و absolute
  • آموزش خصیصه z-index
  • شروع ساخت یک منوی افقی با استفاده از ul و li

جلسه 13 فیلم آموزش Css و Css3 مارکتیکا

  • تکمیل ساخت یک منوی افقی با CSS
  • آموزش خصیصه clear و مقادیر both و right و left برای آن در سی اس اس
  • آموزش شیوه center یا در مرکز قرار دادن عنصر های block level با استفاده از margin:0 auto در CSS
  • چپ گذاشتن یا راست گذاشتن عناصر با استفاده float یا position از نوع absolute
  • آموزش انتخاب کننده های فضای خالی , + و < , ~ در سی اس اس

جلسه 14 فیلم آموزش Css و Css3 مارکتیکا

  • آموزش Pseudo-class در Css مثل link و visited و hover و active و first-child
  • آموزش pseudo-element در Css مثل first-line و first-letter و before و after و selection
  • آموزش ابتدایی ساخت گالری عکس

جلسه 15 فیلم آموزش Css و Css3 مارکتیکا

  • توضیحات تکمیلی در مورد آموزش ساخت یک گالری عکس با استفاده از CSS
  • توضیح در مورد خصوصیت های opacity و filter در سی اس اس
  • آموزش شیوه شفاف کردن یک عکس در CSS
  • آموزش شیوه داشتن یک div شفاف در CSS

جلسه 16 فیلم آموزش Css و Css3 مارکتیکا

  • مرور جلسه گذشته
  • آموزش Sprite ها یا تصاویر زمینه ادغام شده در CSS
  • آموزش مدیا تایپ print و screen در سی اس اس
  • آموزش انتخاب گر attribute در سی اس اس
  • آموزش انتخاب گر attribute در CSS با بکار بردن عملگر های = , | , * , ^ , ~

 

منبع: با تشکر از وب سایت سورس باران

اطلاعات محصول

زمان 32 ساعت
تعداد پارت 16 پارت
اندازه 62 مگابایت هر پارت
فرمت zip
زبان فارسی
برگزارکننده سورس باران
به روز شده در
  • ابتدا محصولات مورد علاقه خود را به سبد خرید اضافه نمایید.
  • سپس روی آیکون سبد خرید کلیک کنید.
  • محصولات داخل سبد خرید و مجموع مبلغ قابل پرداخت در صفحه تسویه حساب به شما نمایش داده می شوند.
  • فرم تسویه حساب را تکمیل کرده و روش پرداخت خود را انتخاب نمایید.
  • می توانید با استفاده از درگاه های پرداخت آنلاین خرید خود را تکمیل نمایید.
  • پس از تکمیل خرید می توانید به فایل های محصول دسترسی داشته باشید.
  • در صورت داشتن حساب کاربری می توانید سوابق خرید خود را در پنل کاربری خود مشاهده نمایید.

درباره پشتیبانی محصول

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

روشهای پشتیبانی

جهت ارسال تیکت جدید باید وارد حساب کاربری خود شوید.
سورس باران
141 نمایش
32 ساعت
16 پارت
آموزش css استاد رحمانی
5 از 3 رای
آموزش css استاد رحمانی

فروشنده

علیرضا رزمجوئی
مدیر و بنیانگذار وب سایت شهر عمده

آموزش css استاد رحمانی