انجمن سایت کلیدستان


رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش css از سیر تا پیاز

آموزش css از سیر تا پیاز

#41
سلام در جلسه سی و نهم css3 به پراپرتی و خاصیت outline می پردازیم و مقدار های آن را معرفی می کنیم و در مورد تفاوت آن با پراپرتی border صحبت می کنیم. در ادامه به تکمیل گالری جلسه قبل پرداخته و نکاتی را پیرامون float مطرح می کنیم و مشکلات احتمالی در آآینده را بر طرف می کنیم.    


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#42
سلام در جلسه چهلم css3 به پراپرتی و خاصیت border-radius که از پراپرتی های css3 است می پردازیم و تمام حالت ها و value هاي آن را معرفي مي کنيم و نشان مي دهيم که به راحتي با استفاده از اين خاصيت مي توان يک دايره را ايجاد کرد.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#43
سلام در جلسه چهل و یکم css3 به پراپرتی و خاصیت border-image که از پراپرتی های css3 است می پردازیم و تمام حالت ها و value هاي آن را معرفي مي کنيم و با استفاده از عکس يک border را به زيبايي ايجاد مي کنيم.    


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#44
سلام در جلسه چهل و دوم css3 به پراپرتی و خاصیت box-shadow که از پراپرتی های مهم و پرکاربرد css3 است می پردازیم و تمام حالت ها و value هاي آن را معرفي مي کنيم و مشاهده مي کنيد که چه قدر اين پراپرتي ما را از فتوشاپ و فلش بي نياز کرده است. 


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#45
سلام در جلسه چهل و سوم css3 به ساختار اصلي css يعني مفهوم cascade به معني آبشاري مي پردازيم و اولويت هاي متفاوت را بررسي مي کنيم تا با کاربرد آن اشنا شويد.اطلاع از اين مطلب تاثيري زيادي در کد نويسي شما دارد.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#46
سلام در جلسه چهل و چهارم css3 به ساختار specificity در css مي پردازيم که حالت ديگري براي اولويت اعمال استايل هاي يکسان با مقادير مختلف مي باشد. در اين ساختار ما بررسي مي کنيم که اولويت کدام سلکتور در هنگام انتخاب يک عنصر بيشتر است.اين مبحث از مباحث مهم و کاربردي css مي باشد.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#47
سلام در جلسه چهل و پنجم css3 به ادامه مباحث اولويت در css مي پردازيم و در مورد بالاترين اولويت يعني important! صحبت ميکنيم و در ادامه در مورد ارث بري در css صحبت مي کنيم.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#48
در جلسه چهل و ششم css3 به يکي از پراپرتي هاي مهم در css يعني position مي پردازيم که کاربرد زيادي دارد. انواع value هاي آن که absolute,static,fixed,relative مي باشد را برسي مي کنيم و نکات مربوط به آن ها را بيان مي کنيم و سپس با پراپرتی های top,bottom,left,right که پرارپتی هایی هستند که مستقیما با position در ارتباط هستند آشنا می شویم و در آخر تفاوت absolute و fixed را مطرح مي کنيم.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#49
سلام در جلسه چهل و هفتم css3 در مورد overlap صحبت مي کنيم و با استفاده از پراپرتي z-index اين مسئله را کنترل مي کنيم و نکاتي را در مورد z-index هاي يکسان مطرح مي کنيم.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#50
سلام در جلسه چهل و هشتم css3 با استفاده از دانسته های مان به طراحي يک تب منو (tab menus) مي پردازيم و علاوه بر مرور مباحث گذشته نکاتي را در مورد دابل بردر(double border) بيان مي کنيم و ياد مي گيريم که چه طور با مشکلات در css رو به رو شويم و آن ها را بر طرف کنیم.    


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#51
سلام در جلسه چهل و نهم css3 يک تولتیپ (tooltip) را فقط با استفاده از css و دانسته هاي مان طراحي مي کنيم و به تکنيکي در مورد ايحاد يک مثلث در css مي پردازيم و پراپرتي content و کلاس کاذب after را مختصر بيان مي کنيم.    


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#52
سلام در جلسه پنجاهم css3 يک پاپ آپ (popup) را فقط با استفاده از css و دانسته هاي مان طراحي مي کنيم و ضمن مغرفی سلکتور جدید + ، به مرور تمام حالت های position برای یادگیری عمیق تر می پردازیم و علامت ضبدر در html را بیان می کنیم.


[font]دانلود[/font]
 
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#53
سلام در جلسه پنجاه و یکم css3 به بررسي يکي از جالب ترين پراپرتي هاي css3 يعني گرادينت ميريم (gradient) و حالت خطي (linear-gradient) آن را برسي مي کنيم و آن را هم به صورت چند رنگ و هم به صورت شفاف به روشن به کمک دستور rgba ايجاد مي کنيم.    


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#54
در جلسه پنجاه و دوم css3 به ادامه مبحث گرادينت پرداخته و حالت دوم آن يعني radial-gradient را به صورت کامل بيان مي کنيم.سپس اختلاف بين syntax عمومي و syntax با پيشوند را بیان مي کنيم و تمام کلمات کليدي چه در حالت عمومي و چه در حالت با پيشوند را مطرح مي کنيم .انواع مقياس دهي براي مرکز گرادينت را بيان کرده و حالت دایره و بيضي آن را بررسي مي کنيم.سپس به سراغ يک حالت قديمي و خاص در هسته webkit رفته و تمام حالت ها را بررسي مي کنيم و اختلافات موجود را بيان مي کنيم.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#55
سلام در جلسه پنجاه و سوم css3 به طور مفصل در رابطه با چند مرورگري (cross browser) صحبت مي کنيم و اینکه چطور يک سايت را با چندين مرورگر سازگار کنيم و در ادامه راهکاري را معرفي مي کنيم تا حالت هاي مختلف Ie یا internet explorer را شبيه سازي کنيم.    


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#56
سلام در جلسه پنجاه و چهارم css3 به يکي از تکنيک ها در css يعني css sprite مي پردازيم و معایب و مزاياي اين تکنيک را بررسي مي کنيم و سپس منوي عمودي که قبلا طراحي کرده ايم را با استفاده از اين تکنيک اصلاح مي کنيم.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#57
در جلسه پنجاه و پنجم css3 به استايل دهي براي ورژن هاي مختلف ie مي پردازيم تا در صورت بروز مشکل بتوانيم براي ورژن های خاصي از ie استايل دهي را انجام دهيم و در اين رابطه پراپرتي هاي مختلفي را معرفي مي کنيم.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#58
در جلسه پنجاه و ششم css3 با استفاده از مطالبي که آموختيم يک vertical tab menu را طراحي مي کنيم و مشکلات و مسائل مربوط به اين منو را بررسي مي کنيم


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#59
در جلسه پنجاه و هفتم css3 همچنان مباحث css3 را ادامه مي دهيم و به سراغ backgorund ها در css3 مي رويم.ابتدا multiple backgrounds ها را معرفي مي کنيم و مثالي را در اين رابطه پياده سازي مي کنيم.سپس به سراغ پراپرتي جديد background-size مي رويم.پراپرتي که يکي از نياز هاي ما به فتوشاپ يعني تغيير سايز تصاوير را برطرف کرده است.تمام نکات مربوط به آن را مطرح مي کنيم و سپس به سراغ ۲ پراپرتي مهم background-clip و background-origin مي رويم.اشتباهات رايجي که در اين ۲ پراپرتي وجود دارد را مطرح مي کنيم و به طور کامل کاربرد اين ۲ پراپرتي را مي گوييم.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#60
در جلسه پنجاه و هشتم css3 به يکي از پراپرتي هاي جالب css3 يعني transition ها مي پردازيم در مورد transition-duration,transition-delay,transition-property صحبت مي کنيم و به طور مفصل به transition-timing-function مي پردازيم و انواع آن را بررسي مي کنيم و تفاوت step-start و step-end را مطرح مي کنيم و سايتي را براي ايجاد transition هاي زيبا معرفي مي کنيم و در پايان مثالي ساده را به کمک آن پياده سازي مي کنيم.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#61
[font]در جلسه پنجاه و نهم css3 با استفاده از مطالبي که آموختيم يک منوي کشويي (dropdown menu) از نوع افقي را طراحي مي کنيم و به صورت گام به گام پيش مي رويم تا با نحوه ايجاد اين منو آشنا شويد و با بکارگيري transition در اين مثال تاثير اين پراپرتي براي شما به طور کامل آشکار خواهد شد. اين منو از جمله منو هاي دشوار هست چون ترکيب دو منو عمودي و افقي مي باشد تا منو کشويي حاصل شود.[/font]

[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#62
در جلسه شصتم css3 يک منو کشويي (drop down menu) از نوع عمودي (vertical) را طراحي مي کنيم تا شما با دو حالت اين نوع منو آشنا شويد و تسلطتان افزايش يابد.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#63
[font][font]سلام[/font][/font]
[font][font]در جلسه شصت و یکم css3 به يکي ديگر از مباحث جذاب css3 يعني transform ها مي پردازيم و تمام تابع هاي مرتبط به آن را در حالت ۲ بعدي (۲d) يعني[/font][/font]
[font][font]translate
,translatex
translateY
scale
scalex
scaleY
rotate
skew
skewx
skewY
matrix
[/font][/font]
[font][font]مي پردازيم و نکات مربوط به value هاي اين توابع را نيز مطرح مي کنيم و در پايان سايتي را براي استفاده از تابع matrix معرفي مي کنيم.

[font]دانلود
[/font][/font][/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#64
[font]سلام[/font]
[font]در جلسه شصت و دوم css3 به ادامه transform ها در css3 مي پردازيم و حالت ۳d آن را یعنی[/font]
[font]translate3d
translateZ
scale3d
scaleZ
rotate3d
rotateX
rotateY
rotateZ
[/font]
[font]به طور مفصل بيان مي کنيم و رايج ترين اشتباهاتي که در زمينه پراپرتي perspective و تابع perspective وجود دارد را بيان مي کنيم و به تفاوت اين دو مي پردازيم و در نهايت در رابطه به تعريف perspective صحبت مي کنيم و حالتي را براي شبيه سازي scalez ايجاد مي کنيم.[/font]

[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#65
[font]در جلسه شصت و سوم css3 در رابطه با نحوه نمايش به صورت جدولي صحبت مي کنيم به صورتي که از تگ هاي جدول استفاده نکنيم اما عناصرمان به شکل جدول نمايش داده شود و در اين رابطه مقادير جديدي را براي display مطرح مي کنيم يعني[/font]
[font]display:table[/font]
[font]display:table-row[/font]
[font]display:table-cell[/font]
[font]display:table-column[/font]
[font]و مزاياي استفاده از اين مقادير را مي گوييم.[/font]

[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#66
[font]در جلسه شصت و چهارم css3 به (compress css) فشرده سازي در css مي پردازيم و نکاتي را در اين رابطه مطرح مي کنيم تا باعث صرفه جويي در پهناي باند و افزايش سرعت لود شود و معايب اسفاده از فشرده سازي را بيان مي کنيم و در نهايت سايت هايي را براي فشرده سازي مطرح مي کنيم.[/font]

[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#67
[font]در جلسه شصت و پنج css3 ابتدا در رابطه با استايل دهي متون select شده توسط موس صحبت مي کنيم و با استفاده از سلکتور Confusedelection متون انتخاب شده را استايل مي دهيم سپس به سراغ کلاس هاي کاذب after و before ميرويم و پراپرتي content را توضيح مي دهيم و مثال هايي را براي کاربرد اين کلاس بيان مي کنيم و و در پايان تکنيک حرفه اي clearfix را توضيح مي دهيم.[/font]

.rar][font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#68
[font]در جلسه شصت و ششم css3 در رابطه با يکي ديگر از پراپرتي هاي جالب css3 يعني animation ها صحبت مي کنيم و تمام مقادير آن را بیان مي کنيم و در رابطه با ۲تا پراپرتي transform-style و perspective-origin صحبت مي کنيم.[/font]

[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#69
[font]در جلسه شصت و هفتم css3 به ادامه مباث css3 مي پردازيم و multiple columns يا چند ستوني را توضيح مي دهيم و در همين رابطه پراپرتي هاي[/font]
[font]column-count[/font]
[font]column-width[/font]
[font]column-gap[/font]
[font]column-rule[/font]
[font]column-span[/font]
[font]را مطرح مي کنيم و چند ستون را با استفاده از اين پراپرتي ها ايجاد مي کنيم تا تاثير آن در سرعت کار ما آشکار شود و در پايان پراپرتي هاي[/font]
[font]resize[/font]
[font]outline-offset[/font]
[font]box-sizing[/font]
[font]که از پرارپتي هاي css3 و براي UI سايت مي باشد را شرح مي دهيم.[/font]

[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#70
[font]در جلسه شصت و هشت css3 به (selectors) سلکتور هاي باقي مانده در css مي پردازيم تا مباحث ما در سلکتور ها کامل شود و در همين رابطه چند سلکتور که نسبت به سلکتور هاي قبلي کاربرد کمتري را دارد مطرح مي کنيم از جمله سلکتور[/font]
[font]+[/font]
[font]~[/font]
[font]>[/font]
[font]first-line[/font]
[font]first-letter[/font]
[font]و يک سري attribute selector[/font]

[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#71
[font]در جلسه شصت و نهم css3 به پراپرتي filter مي پردازيم که همچنان در css حتي نسخه سوم آن معرفي نشده است و با قدرت اين پراپرتي که از پراپرتي هاي آينده مي باشد آشنا مي شويم و مشاهده مي کنيم که به چه مقدار زيادي در اختيار ما فيلتر قرار مي دهد و ما را از فوتوشاپ بي نياز مي کند.[/font]
[font]توابع مطرح شده در این قسمت:[/font]
[font]grayscale[/font]
[font]sepia[/font]
[font]saturate[/font]
[font]hue-rotate[/font]
[font]invert[/font]
[font]opacity[/font]
[font]brightness[/font]
[font]contrast[/font]
[font]blur[/font]
[font]drop-shadow[/font]
[font]url[/font]

[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

آموزش css از سیر تا پیاز

#72
[font][font]در جلسه آخر css3 به یکی از مهم ترین مباحث css3 یعنی Media Querie ها می پردازیم که ارتباط مستقیم با مبحث Responsive دارند.مطالبی را در رابطه با ریسپانسیو بیان می کنیم و سپس یه سراغ media type ها و media feature ها می رویم و تمام حالت های مهم آن را بررسی می کنیم و عملگر های منطقی آن را توضیح می دهیم و درنهایت نکاتی را در رابطه با ابزار موجد در طراحی Responsive در مرورگر کروم می گوییم.[/font][/font]
[font][font]بدين ترتيب اين دوره به پايان رسید و اميدواريم که مطالب ارائه شده در اين دوره مورد توجه کاربران قرار گرفته باشد و باز هم بتوانيم با دوره هاي آموزشي بهتر و با کيفيت تر در خدمت کاربران عزیز باشيم.

.rar][font]دانلود
[/font][/font][/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ
 سپاس شده توسط شماره مجازی امارات


پرش به انجمن:


کاربران در حال بازدید این موضوع: 2 مهمان