سرخط خبرها

آموزش کامپیوتر

آموزش دستورات CMD

آموزش دستورات CMD

رایانه‌ ها به وسیله سیستم عامل امکانات نرم افزاری و سخت افزاری را در اختیار کاربران قرار می‌ دهند و این کار را با استفاده از رابط کاربری User Interface انجام می‌ دهند. رابط کاربری در سیستم عامل‌ های قدیمی فقط بصورت متنی بود (همانند خط فرمان) و با پیشرفت دانش رایانه ، رابط‌های کاربری گرافیکی Graphic User Interface هم ...

ادامه نوشته »

خاصیت clear و خاصیت float در css

خاصیت clear و خاصیت float در css

در این قسمت از آموزش css  ، خاصیت Clear و خاصیت float را توضیح می دهیم. شما با صفات float و clear می توانید عناصر خود را نظم بخشید و کنار هم قرار دهید . این دو خاصیت کاربرد بسیار زیادی در css داره . با استفاده از این خاصیت شما می تونید محل قرار گیری عناصر رو مشخص کنید . به ...

ادامه نوشته »

z-index چیست؟

z-index چیست؟

در این قسمت از آموزش CSS ، ویژگی Z-Index را برای شما توضیح می دهیم. ویژگی Z-Index برای عناصر شماره های منحصر به فردی را انتخاب می کند که به ترتیب می باشند.با استفاده از ویژگی z-index عنصر با شماره ی بزرگتر بالای عنصر دیگر قرار می گیرد. توجه داشته باشید که این ویژگی زمانی کاربرد دارد که خاصیت Position ...

ادامه نوشته »

موقعیت position در Css

موقعیت position در Css

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

ادامه نوشته »

آموزش box-shadow در css3

آموزش box-shadow در css3

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

ادامه نوشته »

آموزش text-shadow در css3

آموزش text-shadow در css3

یکی از مواردی که در CSS کمبود اون احساس می شد و  در CSS3 اضافه شده ، قابلیت سایه گذاری برای متن هاست . در مطلب امروز در مورد خصوصیت text-shadow صحبت می کنیم . از خاصیت text-shadow در CSS 3 ، برای سایه دار کردن متن و نوشته در صفحات وب استفاده می شود .  با استفاده از text-shadow ...

ادامه نوشته »

آموزش gradient در css3

آموزش gradient با css3

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

ادامه نوشته »

آموزش animation در css3

انیمیشن در css

  در این جلسه از اموزش css در رابطه با ساخت انیمشن در css3 صحبت خواهیم کرد. در css3 ما به راحتی می توانیم اجزاء صفحه را حرکت دهیم، آنها را بچرخانیم، کوچک و بزرگ کنیم و در کل هر انیمشنی را بدون استفاده از هیچ زبان دیگری بسازیم. شما با استفاده از سی اس اس انیمیشن می توانید انیمیشن ...

ادامه نوشته »

آموزش transition در CSS3

آموزش transition در CSS3

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

ادامه نوشته »

transform در css متد translate

transform در css متد translate

از مقدار translate در css برای جابجا کردن اشیا در مقیاس(واحد) پیکسل استفاده میشود و مقادیر عددی دریافت میکند. میتوان به جای این مقدار translateX یا translateY به ترتیب به معانی جابجایی از مسیر افقی و جابجایی از مسیر عمودی استفاده کرد. به وسیله متد translate در خاصیت transform می توانید عنصر مورد نظر خود را به یک نقطه دیگر ...

ادامه نوشته »

transform در css متد skew

transform در css متد skew

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

ادامه نوشته »

transform در css متد scale

transform در css متد scale

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

ادامه نوشته »

transform در css متد rotate

transform در css متد rotate

شما میتوانید با استفاده از خاصیت transform بر روی عناصر جلوه های ویژه ای را اعمال کنید ( در آخر خواهیم آموخت چگونه با استفاده از این خاصیت یه حالت انیمیشن به عناصر بدهیم.) این صفت به خودی خودی شامل چندین مقدار است که خود این مقدار ها نیز مقادیری را دریافت میکنند. توجه :داشته باشید که مقادیری که مقادیر(!) این صفت ...

ادامه نوشته »

آموزش overflow در CSS

آموزش overflow در CSS

در این بخش از آموزش css خاصیت Overflow را  توضیح می دهیم. گاهی اتفاق می افتد که دستورات وارده بر یک عنصر سر ریز کند با استفاه از ویژگی overflow می توان فهمید که بعد از سر ریز شدن چه اتفاقی می افتد. *توجه داشته باشید که ویژگی overflow در همه ی مرورگرها پشتیبانی می شود. مثال زیر کاربرد ویژگی overflow ...

ادامه نوشته »

موتور رندر مرورگر چیست ؟

موتور رندر مرورگر چیست ؟

 موتور رندر یا به انگلیسی layout engine هسته یک مرورگر به حساب می‌آید که وظیفه پردازش و رندر کدها را بر عهده دارد. اگر طراح حرفه ای باشید می‌دانید که ظاهر یک وب‌سایت باید با تمامی مرورگرها سازگار باشد و دلیل این تفاوت مکان و جزئیات به خاطر تفاوت موتورهای مرورگرها می باشد. اما کدام مرورگر از کدام موتور استفاده می‌کند ...

ادامه نوشته »