زمان کنونی: ۱۰-۲۸-۱۳۹۵, ۰۴:۱۷ صبح درود مهمان گرامی! (ورودثبت نام)




آموزش جامع CSS - جلسه اول
زمان کنونی: ۱۰-۲۸-۱۳۹۵, ۰۴:۱۷ صبح
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: Tutorial
آخرین ارسال: lioseo
پاسخ: 4
بازدید: 2834

ارسال پاسخ 
 
امتیاز موضوع:
  • 3 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
 

آموزش جامع CSS - جلسه اول

۱۲-۱۴-۱۳۹۲, ۰۵:۰۲ عصر
ارسال: #1
آموزش جامع CSS - جلسه اول
جلسه اول – مقدمه ای بر CSS

[تصویر:  4.jpg]

*پیش نیاز: آشنایی مقدماتی با HTML
(برای آشنایی با زبان HTML به بخش دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مراجعه نمایید .)


در ابتدا بررسی می کنیم که CSS چیست ؟
[تصویر:  2.jpg]
CSS اختصار کلمات Cascading Style Sheets به معنی شیوه نامه آبشاری، زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است. عملا این زبان برنامه نویسی، مکملی بر زبان HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد.

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

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

مزایای استفاده از CSS چیست ؟
[تصویر:  2.jpg]
با توجه به اینکه در زبان css ، خصوصیتها برای عناصر استفاده شده در صفحه وب بصورت یکباره اعمال میشوند و از تکرار دستورات جلوگیری می شود باعث صرفه جویی در زمان، کاهش حجم کدهای نوشته شده و اعمال تغییرات راحت تر می شود.

قواعد استفاده از دستورات CSS
[تصویر:  2.jpg]
هر دستور css از سه بخش تشکیل شده است : انتخابگر یا Selector ، خصوصیت یا property و مقدار یا value که در تصویر زیر مشاهده می کنید :

[تصویر:  selector.gif]


Selector : این بخش نام عنصر HTML است که می خواهیم استایل مورد نظر را بر روی آن اعمال کنیم، مانند <p>,<table>,<body> و...
Property : Property ها همه خصوصیتهای موجود در html هستند با اندکی تفاوت مانند رنگ پس زمینه، رنگ نوشته، فونت و ...
Value: مقادیری هستند که به هر یک از خصیصه ها می دهیم. مانند رنگ آبی به خصیصه رنگ نوشتار و ...

گروه بندی
[تصویر:  2.jpg]
در CSS برای بیش از یک عنصر می توان خصوصیت تعریف نمود برای مثال :
[تصویر:  3.JPG]

مثال:
کد php:
p
{
color:red;
text-align:center;

* توضیح :
در این مثال رنگ کلیه نوشته هایی که داخل تگ<p> در درون صفحه وب قرار گرفته قرمز شده و به صورت وسط چین در صفحه نمایش داده خواهند شد.

توضیحات در css :
[تصویر:  2.jpg]
توضیحات، شرح بیشتری از کدهای نوشته شده هستند که توسط برنامه نویس اضافه می شوند و هدف از این نوشته ها شرح دقیق کدها برای دیگر افرادی است که ممکن است به کد دسترسی داشته باشند و یا اگر خود برنامه نویس بعد از گذشت مدت زمانی دوباره به کدها رجوع کند سریعتر می تواند عملکرد دقیقشان را به خاطر بیاورد. این بخش از کدها توسط مروگر نا دیده گرفته شده و خوانده و تفسیر نمیشوند.
توضیحات در CSS با "/*" شروع شده و با "*/" به پایان می رسد.


مثال :

کد php:
/*این یک توضیح هست*/
p
{
text-align:center;
/* این هم توضیح دیگری است*/
color:black;
font-family:arial;


[تصویر:  4.jpg]
پایان جلسه اول
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Adel ، Azadi ، Dolati ، AZAR2711 ، zahra ، King Of Darkness ، geray ، محمد امینی ، panahi
۲-۲۵-۱۳۹۳, ۰۶:۱۳ عصر
ارسال: #2
RE: آموزش جامع CSS - جلسه اول
باسلام
کاش میشد فایل آموزشی بصورت دانلودی بود
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
۲-۲۷-۱۳۹۳, ۰۱:۰۲ صبح
ارسال: #3
RE: آموزش جامع CSS - جلسه اول
با سلام
دوست گرامی قصد بر این هست که بعد از پایان آموزش ها ( که چند جلسه تا اتمام آن ها باقیست ) ، فایل pdf آموزش ها روی سایت و در دسترس کاربران قرار گیرد .
با تشکر از شما
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Adel ، محمد امینی
۵-۲۷-۱۳۹۵, ۱۰:۵۸ صبح
ارسال: #4
RE: آموزش جامع CSS - جلسه اول
ممنون بابت آموزش
ممنون میشم در رابطه با کمباین کردن کدها توصیح بدید
مرسی
امضای lioseo دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  آموزش جامع CSS - جلسه دوم Tutorial 5 2,499 ۵-۱۳-۱۳۹۵ ۰۲:۲۳ عصر
آخرین ارسال: Adel
  آموزش ویدیویی جامع و کاربردی CSS academyit 0 153 ۴-۲-۱۳۹۵ ۰۳:۰۸ عصر
آخرین ارسال: academyit
Lightbulb آموزش ویدیویی css از مبتدی تا پیشرفته academyit 0 269 ۱۲-۱۵-۱۳۹۴ ۱۰:۵۴ صبح
آخرین ارسال: academyit
  آموزش CSS heidari 2 1,236 ۷-۲۰-۱۳۹۴ ۰۸:۴۹ عصر
آخرین ارسال: Adel
Question پرسش و پاسخ پیرامون آموزش جامع CSS - جلسه پنجم Tutorial 2 1,950 ۵-۳۱-۱۳۹۳ ۱۰:۵۲ صبح
آخرین ارسال: Adel
Question پرسش و پاسخ پیرامون آموزش جامع CSS - جلسه هفتم Tutorial 0 1,341 ۱-۱۷-۱۳۹۳ ۰۶:۵۸ عصر
آخرین ارسال: Tutorial
  آموزش جامع CSS - جلسه هفتم Tutorial 0 1,577 ۱-۱۷-۱۳۹۳ ۰۶:۵۳ عصر
آخرین ارسال: Tutorial
  پرسش و پاسخ پیرامون آموزش جامع CSS - جلسه ششم Tutorial 0 1,233 ۱-۱۱-۱۳۹۳ ۰۷:۰۸ عصر
آخرین ارسال: Tutorial
  آموزش جامع CSS - جلسه ششم Tutorial 0 1,689 ۱-۱۱-۱۳۹۳ ۰۷:۰۶ عصر
آخرین ارسال: Tutorial
  آموزش جامع CSS - جلسه پنجم Tutorial 0 1,537 ۱۲-۲۵-۱۳۹۲ ۰۶:۳۲ عصر
آخرین ارسال: Tutorial

پرش به انجمن:


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