مشاوره رایگان طراحی سایت و قالب وردپرس
۰۵۱-۳۸۸۴۶۰۲۷ ۰۹۱۲۰۲۴۸۱۱۲ ۰۹۳۶۷۹۸۸۱۱۲

آموزش css – رنگها در css

رنگها در صفحات وب  به صورت ترکیبی از قرمز، سبز و آبی نمایش داده می‌شوند.

مقدار هرکدام از رنگها عددی بین ۰ تا ۲۵۵ است.

نمایش این اعداد معمولا به صورت هگزادسیمال (در مبنای ۱۶) انجام می‌شود.

مقادیر هگزادسیمال رنگها

  • علامت # در شروع، نشان دهنده مبنای ۱۶ است.
  • مقادیر به صورت جفت از ۰۰ تا FF موجود هستند.
  • سه جفت عدد رنگ را به صورت RGB نشان می‌دهد.

#۰۰۰۰۰۰ black
#FFFFFF white
#FF0000 red
#۰۰FF00 green
#۰۰۰۰FF blue

رنگهای مناسب در وب

  • یا به عبارت دیگر: Web Color Palette
  • مجموعه ای از ۲۱۶ رنگ
  • بیشتر همخوانی در نمایش در محیط های مختلف (مثل Mac و PC) را دارند.
  • تنها شامل مقادیر زیر می‌باشند :  ۰۰, ۳۳, ۶۶, ۹۹, CC, FF

منبع : http://webdevfoundations.net/color/

 

 

 

 

 

 

 

انتخاب رنگها

چگونه یک رنگ بندی را انتخاب کنیم؟

  • یک ترکیب رنگ

http://meyerweb.com/eric/tools/color-blend/

  • انتخاب از یک تصویر

http://www.colr.org

  • شروع با رنگ مورد علاقه و انتخاب بقیه رنگها توسط ابزارهایی نظیر:

http://colorsontheweb.com/colorwizard.asp
http://colorschemedesigner.com/
http://kuler.adobe.com/
http://www.colors4webmasters.com/safecolor/index.htm

تنظیم رنگها با استفاده از Inline CSS

Inline CSS

  • در قسمت بدنه صفحه تعریف می‌شوند.
  • از صفت style تگهای XHTML استفاده می‌کنند.
  • فقط به یک عنصر خاص محدود می‌شوند.

صفت stylecolor-style

  • مقدار: یک یا چند تعریف به صورت جفت صفت-مقدار

 

 

مثال۱ : تعریف رنگ قرمز در یک عنصر h1

<h1 style="color:#ff0000">Heading text is red</h1>

خروجی : Heading text is red

مثال۲: رنگ عنوان قرمز و پس‌زمینه خاکستری

  • تعاریف مختلف در style با ; از هم جدا می‌شوند.
<h1 style="color:#FF0000;background-color:#cccccc">This is displayed as a red heading with gray background</h1>

خروجی : color-background

 

 

Embedded Styles

  • در قسمت سرآیند صفحه تعریف می‌شوند.
  • از تگ style استفاده می‌کنند.
  • شامل کلیه عناصر صفحه می‌شوند.
  • تعاریف بین تگ شروع و پایان style می‌آیند.
  • صفت type به صورت text/css تعریف می‌شود.

مثال۱ : تنظیم صفحه به صورت متن سفید و زمینه سیاه

<style type ="text/css">
body { background-color: #000000;
           color: #FFFFFF;
}
</style>

مثال۲ : در اینجا

  • انتخابگر body، نشاندهنده اعمال قانون برای کل صفحه می‌باشد.
  • این قوانین کلی با قوانین مربوط به h1 و h2 بازنشانی می‌شوند.
<style type="text/css">
body { background-color: #E6E6FA;
            color: #191970;}
h1 { background-color: #191970;
            color: #E6E6FA;}
h2 { background-color: #AEAED4;
           color: #191970;}
</style>

 رنگهای مناسب در وب

 

اشتراک کذاری در :
سوالات متداول

توس وب تضمین میکند مطابق با مفاد قرارداد رسمی که درابتدا, متناسب با نیاز مشتری تنظیم شده عمل نماید (تحویل به موقع – پشتیبانی پس از تحویل – رعایت استاندارد های جهانی)

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

طراحی اختصاصی توسط تیم حرفه ای و بدون استفاده از قالب های آماده و با رعایت استانداردهای جهانی وب

تیم توس وب تلاش کرده تا تمامی موارد امنیتی که مربوط به کدنویسی قالب ها بوده را رعایت کند.

بله – پس از طراحی فایل های آموزشی به صورت متنی یا ویدئویی در اختیار شما قرار می گیرد.

خیر، کارکردن با سایت بسیار آسان است، زیرا پنل تنظیمات و مدیریت سایت کاملاً فارسی بوده و آموزش کامل آن در اختیار مشتری قرار می گیرد.

توس وب از بروزترین تکنولوژی های مورد استفاده در وب از قبیل PHP,HTML5,CSS3,Java Script,Bootstrap استفاده می کند.

بله، قالب هایی که توسط توس وب طراحی می شوند منطبق با آخرین استانداردهای جهانی وب ( استاندارد کنسرسیوم جهانی وب = html css
استاندارد ECMA = استاندارد کدهای جاوا اسکریپت ) می باشد.

هزینه طراحی قالب وردپرس، بر اساس امکانات و نیاز های مشتری تعیین می گردد که در بخش تعرفه ها توضیح داده شده است.

پاسخ این سوال را می توان در چند جمله اینگونه بیان کرد :

پشتیبانی حرفه ای – طراحی متناسب با سلیقه و نیازهای مشتری – حجم کم کدنویسی پائین و سرعت لود بالا

با توجه به نوع وبسایت و امکانات آن بین ۲۵ تا ۶۰ روز متغیر می باشد.

چرا به توس وب اعتماد کنیم ؟

توس وب یک سایت رسمی می باشد و همچنین دارای گواهی نامه های معتبر ( نماد اعتماد الکترونیک از مرکز توسعه و تجارت الکترونیک , نماد ساماندهی از وزارت ارشاد و درگاه پرداخت ایمن بانک ملت ) می باشد

نظرات برخی مشتریات درباره توس وب