آموزش CSS به زبان ساده ۲۰۲۰

با سلام خدمت دوستان عزیز در این مقاله با شما هستیم با  آموزش CSS به زبان ساده .

فرانت و بک اند در وب سایت

ما برای طراحی وب سایت وردپرسی کافیست ابتدا دانسته های خودمون رو درباره طراحی سایت بالا ببریم .

اگر بخوایم در مورد سی اس اس باهم صحبت بکنیم بهتره ی یادآوری داشته باشیم از بخش فرانت و بک اند وب سایت. که بدونیم هر کدام از این بخش ها چی هستند و چه وظیفه ایی دارند.

همانطور که میدانیم در گذشته وب سایت ها به صورت استاتیک طراحی میشدند و برای ایجاد تغییر در وب سایت نیاز بود که حتما طراح سایت با شما باشد و شما به تنهایی قادر به تغییرات در  وب سایت نبودید.

با برخورد به این مشکل برنامه نویس ها به این فکر افتادند که سایت ها را داینامیک بکنند. که با دادن دسترسی به پنل مدیریت وب سایت خود صاحب سایت هم بتواند هر تغییری را که لازم هست انجام دهد.

اگر بخوایم وب سایت را مثل یک ساختمان ببینیم : بک اند مثل اسکلت ساختمان و بخش قالب و شیرازه سایت است و فرانت بخش نازک کاری و زیبایی ساختمان می باشد.

آموزش CSS به زبان ساده

خب حالا برای اینکه بتونیم وب سایت خودمون رو زیباتر بکنیم باید بدونیم css چیست و کاربرد آن چیست؟

یادگیری سی اس اس به تنهایی کافی نیست و شما باید قبل از آن آموزش  Html  را فرا بگیرید.

html چیست ؟

کلمه اچ ای ام ال مخفف چهار کلمه Hyper Text Markup Language و به معنی زبان نشانه گذاری فوق متن می باشد. html زبانی برای طراحی صفحات وب سایت شما  می باشد. و متشکل از المان هایی به اسم تگ می باشد که با وارد کردن دیتاهای از قبیل متن، عکس، فیلم و… داخل آنها می توان اطلاعات مورد نیاز خود را در صفحه وب سایت مشاهده کرد و برای زیبا سازی آن به سی اس اس نیازمند میشویم.

آموزش CSS به زبان ساده

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

CSS چیست؟

آموزش CSS به زبان ساده

همانطور که از اسم آن مشخص است سی اس اس مخفف Cascading style sheets می باشد، و به معنی صفحات استایل آبشاری می باشد.

و برای غلبه بر حل مشکلات html به وجود آمده است. با استفاده از این زبان میتوانیم تک تک عناصر html  را استایل دهی کنیم و از نظر زیبایی آن را تکمیل کنیم.

نام گذاری تگ های html

برای اینکه بتوانیم به هر المان به صورت مجزا استایل دهی کنیم کافیست به هر تگ یک class یا یک id  بدهیم . و برای صدا زدن کلاس در css  از دات (.) استفاده میکنیم و برای صدا زدن آی دی از # استفاده میکنیم. مطابق تصاویر زیر.

آموزش CSS به زبان ساده

 

در این مقاله سعی شد درباره آموزش CSS به زبان ساده یک سری توضیحات کلی را خدمت شما بینندگان عزیز ارایه کنیم.

امیدواریم که این توضیحات شما رو به فهم هر چه بهتر زبان های html , css  رسونده باشند.

برای مشاوره رایگان و اجرای طراحی سایت وردپرسی کافیست با ما در تماس باشید.

برای یادگیری بیشتر و آموزش CSS به زبان ساده کافیست به وب سایت w3schools  رفته و در آنجا با انواع استایل ها و نحوه کاربرد آنها آشنا شوید.

یکی از مهم ترین مزیت های این وب سایت این است که علاوه بر نمایش کد ها ، به شما نمایش تغییرات و تاثیر استایل ها بر تغییرات ظاهری تگ های html  را کمک میکند.

بیشتر بخوانید

طراحی سایت با قالب آماده

اولین قدم در راه اندازی کسب و کار اینترنتی

لندینگ پیج چیست؟

آموزش CSS به زبان ساده