جستجوی دسته : CSS

آموزش تصویری  CSS به زبان فارسی

زبان طراحی اچ تی ام ال و استایل شیت ها به عنوان زوج قدرتمند در طراحی صفحات وب به شمار میروند .زبان طراحی اچ تی ام ال با گذر بیشتر از یک ده از عمر آن توسط W3C یا کنسرسیوم جهانی وب ایجاد و تا به امروز گسترش داشته است.تفاوتی نمیکند شما برای طراحی وبسایت چه تکنولوژی را انتخاب میکنید در هر حال لازمه فعالیت در شاخه طراحی وبسایت به عنوان توسعه دهنده تکنولوژی وب یادگیری زبان طراحی اچ تی ام ال و سی اس اس میباشد.در این آموزش قصد داریم با ارائه مثالهای مختلف در این خصوص شما را مرحله به مرحله همراهی نمائیم . نسخه زبان طراحی اچ تی ام ال در این آموزش نسخه 4 و برای استایل شیت یا همون سی اس اس نسخه 2 میباشد.

سرفصل های آموزشی  و آنچه در این مجموعه خواهید آموخت عبارتند از :

  • آشنایی با استایل دادن به صفحات و متون
  • آشنایی با روش طراحی به کمک دیو
  • آشنایی با کسکیت استایل شیت ها (CSS)
  • آشنایی با روش اعمال استایل درون خطی
  • آشنایی با روش اعمال استایل درون صفحه ای
  • آشنایی با روش اعمال استایل خارجی
  • آشنایی با تگ ها و استایل ها
  • آشنایی با آی دی ها و استایل ها
  • آشنایی با کلاس ها و استایل ها
  • آشنایی با تصاویر و استایل ها
  • آشنایی با دیو ها و استایل ها
صفحه لاگین سفارشی با CSS

با سلام خدمت کاربران گرامی .امروز یک پروژه از صفحه ورود سفارشی (صفحه لاگین) ساخته شده با CSS را آماده کردیم. همیشه یکی از دغدغه های برنامه نویسی سمت وب مباحث رابط کاربری است که وقت زیادی را از برنامه نویس میگیرد. شما در این پروژه نحوه ساخت یک TextBox سفارشی ، یک Button سفارشی ، یک لایوت یا قاب زیبا برای فرم لاگین ، نحوه سایه انداختن و گرد کردن لبه ها و دیگر موارد را یاد خواهید گرفت. پروژه صفحه لاگین سفارشی را میتوانید بصورت رایگان از لینک زیر دانلود نمایید.

کتاب آموزش 101 ترفند CSS در طراحی وب

شیوه‌نامهٔ آبشاری یا روی‌انداز آبشاری سَبْک یا سی‌اس‌اس (به انگلیسی: CSS: Cascading Style Sheets) در کنار اچ‌تی‌ام‌ال هستهٔ فناوری ساخت صفحه‌های وب هستند. سی‌ اس‌ اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است.شیوه‌نامهٔ آبشاری از جنس زبان‌های نشانه‌گذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود. به گفته‌ای ساده تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه‌شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره‌ها)، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند.

کتاب آموزش کدنویسی  CSS

سی اس اس  CSS :  یک زبان  برنامه نویسی نشانه گذاری صفحه های وب می باشد که Cascade Style Sheets و یا به اختضار CSS نامیده می شود. کتاب آموزش CSS به زبان فارسی که نتیجه تلاش نویسنده این کتاب افشین رفوا  می باشد. بطور خلاضه CSS را می توان اینگونه تعریف نمود که CSS زبانی است که توسط آن قادر خواهید تا استیل طراحی صفحات وب سایت تان را یکبار تعریف و به صفحات مورد نیازتان اعمال نمایید. از مزایای استفاده از CSS می توان به  اگر وب سایتی را طراحی کردید که صفحات بسیار زیادی دارد و در پایان کار تصمیم میگیرید که نوع فونت تمامی صفحات و یا رنگ آنها را تغییر دهید. در حالت عادی مجبور خواهید بود که تمامی صفحات را یک به یک تغییر دهید اما در صورتی که از CSS استفاده کرده باشید کافی است تنها کد CSS سایت را تغییر دهید و به صورت خودکار تمامی صفحات تغییر خواهند کرد. نتیجه نهایی این است که در صورتی که به طراحی وب سایت به صورت جدی فکر میکنید حتما یادگیری CSS را در اولویت قرار دهید.

سرفصل ها :

  • مقدمه
  • توجه
  • چگونگی استفاده از CSS
  • CSS چیست ؟
  • دستور نحوی CSS
  • توضیحات یا comment ها در CSS
  • انتخاب گرهای CSS
  • Style Sheet ها
  • پس زمینه
  • متن در CSS
  • فونت در CSS
  • آموزش Link
  • لیست در CSS
  • جدول در CSS
  • آموزش Box در CSS
  • خاصیت Border در CSS
  • آموزش Outline
  • آموزش Margin
  • آموزش Padding
  • آموزش خاصیت Display
  • تعیین مختصات و محل قرار گیری عناصر در صفحه
  • آموزش Float
  • شبه عناصر در CSS
  • سیتنکس pseudo-elements
  • و …
سورس دکمه های شبکه های اجتماعی با CSS

طراحی دکمه های شبکه اجتماعی می بایست متناسب با  شبکه اجتماعی باشد . در این پست دکمه های شبکه های اجتماعی با CSS را قرار دادیم که دارای افکت های زیبایی هستن و به طراحی صفحه پروژه وب شما کمک زیادی می کنند.

کتاب آموزش سی اس اس CSS (سطح مبتدی و متوسط) به فارسی

کتاب آموزش سی اس اس CSS (سطح مبتدی و متوسط) به فارسی . کتاب آموزش css که به مصورت مصور و گام به گام شما را در طراحی یک وب سایت اشنا می کند در این کتاب شما بطور کامل با HTML و اصول طراحی وب سایت اشنا خواهید شد. امید است که این کتاب مورد توجه شما قرار بیگرد.

CSS (Cascading Style Sheet) که در اصطلاح فارسی به شیوه نامه های آبشاری تعبیر شده است به طراحان وب این امکان را می دهد که در یک لحظه بتوانند چندین ویژگی از دستورات مختلف به کار رفته در سند HTML را تحت کنترل خود در آورند و به راحتی بتوانند روی دستورات مورد نظر خود تغییراتی را اعمال نمایند.

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

کتابی که در این زمینه جهت دانلود آماده کرده ایم بیشتر دستورات مهم و البته کاریردی این زبان را همراه با ارائه مثال های گوناگون شرح خواهد داد .

کاملترین مرجع فارسی آموزش CSS به زبان فارسی

کاملترین مرجع فارسی آموزش CSS به زبان فارسی . چنانچه شما هم دستی در طراحی صفحات وب داشته باشید بعید است اسم CSS به گوشتان نخورده باشد . Cascading Style Sheets (برگه های سبک آبشاری) زبانی است که شما با آن می توانید به مرورگر ها بگویید صفحات شما را چگونه نمایش بدهند . با CSS می توانید جزئیات نمایشی تگ هایی را که با استفاده از HTML در صفحات قرار داده اید همچون عرض ، ارتفاع ، رنگ ، فاصله های داخلی (padding) ، فاصله های خارجی (margin) ، حاشیه ها ، پس زمینه ها و … را به راحتی کنترل کرده و در اصطلاح همه چیز را خودتان در دست بگیرید . یادگیری اینکه CSS چگونه کار می کند به شما در رسیدن به بهترین نتیجه های ممکن در طراحی هایتان کمک خواهد کرد. جزوه ای که برای این ساعت آماده کرده ام جزوه ای است که برای داوطلبان شرکت در دوره های آموزشی طراحی وب دانشگاه پیام نور آران و بیدگل تهیه شده است و اینک در اختیار شما کاربران گرامی قرار گرفته است . این جزوه آموزشی که از روی یکی از بهترین کتب آموزشی CSS یعنی The Ultimate CSS Reference نوشته Tommy Olsson و Paul O’brien و البته سایت W3SCHOOLS.COM ترجمه شده است در ۵۲ صفحه و به زبان شیرین فارسی و با ارائه انواع مثال ها و نمونه کد ها سعی در آموزش اکثر مفاهیم این زبان دارد . در ادامه برخی از سرفصل های موجود در این جزوه آموزشی را بررسی خواهیم کرد : آشنایی با طراحی سه لایه ای وب آشنایی با تمامی اجزای CSS بررسی انواع selector(گزینشگر) ها و برخی قوانین گزینشگر سراسری گزینشگر نوع دار گزینشگر Class و ID گزینشگر های صفت Pseudo Class (شبه کلاس) و Pseudo Element (شبه عناصر) بررسی روابط خانوادگی بین عناصر بررسی انواع Combinator (ترکیب کننده) ها ترکیب کننده اولاد ، فرزند ، هم نوع مجاور ، هم نوع مجاور عمومی بررسی انواع روش های استفاده از دستورات CSS در صفحات HTML برگه های سبک دستوری ، داخلی و خارجی بررسی انواع قواعد موجود در CSS قواعد مربوط به پس زمینه (Background) قواعد مربوط به کادر ها و Box Model (مدل کادری) قواعد طرح بندی و قالب بندی قواعد مربوط به لیست ها قواعد مربوط به فونت و چاپ بررسی مفهوم وراثت در CSS و … از ویژگی های بارز این جزوه که در کمتر کتاب و جزوه مشابهی می توان یافت بررسی ویژگی های نسخه CSS 3 می باشد که این روز ها جای خود را در بسیاری از طراحی ها باز کرده است . هم چنین می توان از اختصاص بخش آخر این جزوه به آموزش چگونگی طراحی قالب های دو و سه ستونه به عنوان یکی دیگر از مزیت های آن اشاره نمود

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

نویسنده: مهندس بهروز راد

زبان کتاب: فارسی

تعداد صفحه: ۵۲

حجم فایل: ۱٫۲ مگابایت

ناشر : انتشارات پندار پارس

کتاب آموزش CSS3 به صورت PDF فارسی

کتاب آموزش CSS3

در این بخش کتاب آموزش CSS3 که توسط علی جهانشاهلو و در ۵۰ صفحه نوشته شده است را برای علاقه مندان به یادگیری طراحی سایت آماده کرده ایم که در ادامه می توانید توضیحاتی در مورد این کتاب آموزشی مشاهده کنید، همچنین لینک دانلود آن نیز در انتهای این بخش قرار داده شده است.

معرفی CSS3

سی اس اس (به انگلیسی: CSS) که مخفف شده عبارت Cascading Style Sheets می باشد، اولین بار توسط کنسرسیوم وب جهان‌ شمول (W3C) معرفی شد. استفاده از سی اس اس مزیت های فوق العاده ایی برای طراحان وب دارد، برای نمونه فرض کنید یک سایت را که شامل چندین صفحه می باشد را طراحی کرده اید ولی در پایان کار از فونت صفحات خوشتان نمی آید و تصمیم می گیرد که آن را تغییر دهید، حال اگر این کار را به روش قدیمی انجام دهید باید کل صفحات سایت را ویرایش کنید و فونت ها را تغییر دهید ولی اگر از سی اس اس استفاده کرده باشید می توانید تنها با تغییر فونت در سند سی اس اس خود کل فونت سایت را تغییر دهید.

چرا باید در صفحات وب از CSS استفاده کنیم؟

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

معرفی کتاب آموزش CSS3

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