location_on تهران ، خیابان آزادی خیابان شهیدان (روبروی مترو حبیب اله ) برج زیتون local_phone 66073800 021
بازگشت به لیست مقالات » | چهارشنبه 17 آذر 1395 در ساعت 16 : 15 دقیقه | نظرات کاربران ( 0 )

آموزش html  - رنگها :

رنگها  یکی از مهمترین بخش در طراحی سایت می باشند .در طراحی سایت از رنگ ها به 3 طریق استفاده خواهد شد .

1.  از طریق نام رنگ : این روش از انتخاب رنگ بسیار محدود بوده . به عنوان مثال رنگ های موجود شناخته شده 16 میلیون رنگ می باشند که این رنگ ها نام خاصی نداشته  و با این روش رنگ های محدودی را میتوان به المان های موجود در اچ تی ام ال اعمال نمود .

2.  Color rgb : در این روش از رنگ دهی عناصر html  کلمه ی rgb در ایتدای مقادیر قرار میگیرند و مقادیر در داخل پرانتز و کمترین مقادیر در این روش از 0 و بیشترین مقدار 255 خواهند بود

3.  hex  : مقادیر در هگز بصورت سه جفت از اعداد 2 رقمی و با علامت #   شروع می شود .کمترین مقدار در این روش 00 و بیشترین مقدار نیز ff می باشد  . مثال : #ffffff

تمامی رنگ ها بصورت کلی از 3 رنگ اصلی قرمز – سبز و آبی تشکیل خواهند شد .

 

مثال در مورد روش های بالا :

به عنوان مثال ما میخواهیم مقدار یک عنصر را به رنگ مشکی در آوریم

  1. از طریق نام رنگ : <p style="color:black"></p>
  2. از طریق hex : <p style="color: #000000"></p>
  3. از طریق color rgb  : <p style="color: rgb(0,0,0)"></p>

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

در مثال زیر بهتری با این موضوع آشنا خواهید شد :

 

<!DOCTYPE html>

<html>

<body>

<p style="background-color:#FFFF00">

Color set by using hex value

</p>

<p style="background-color:rgb(255,255,0)">

Color set by using rgb value

</p>

<p style="background-color:yellow">

Color set by using color name

</p>

</body>

</html>

مثال بالا پس از اجرا در مرورگر بصورت زیر می باشد : 

 

Color set by using hex value

Color set by using rgb value

Color set by using color name

ایجاد 16 میلیون رنگ html :

تمامی رنگ ها را میتوان با ترکیب رنگ های اصلی آبی قرمز و سبز ایجاد نمود. در این روش با مقدار استفاده از 3 بخش موجود در rgb color  که شامل 3 قسمت از اعداد بود میتوانیم طیف استفاده از همان رنگ را با سایر رنگ ها مخلوط کرد و رنگ جدید را ایجاد نمود . (rgb(00.00.00 =   rgb(red.green.blue)

 آموزش html -رنگ ها

 

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

اما امروزه با پیشرفت تکنولوژی تقریبا تمامی کامپیوتر ها و مرورگر ها توانایی تشخیص تمامی رنگ ها را داشته و استفاده از این استاندارد دیگر امر ضروری به شمار نمیرود .

در این آموزش یاد گرفتیم که با 3 روش میتوان عناصر html  را تغییر رنگ داد.

در آموزش بعدی شما را با نام رنگ ها در html آشنا خواهیم ساخت .

گروه طراحی سایت  INT پیشرو در طراحی سایت و سئو

با INT طراحی سایت را با ساده ترین روش , رایگان و بصورت حرفه ای تجربه نمایید. با ما همراه باشید .

درس بعدی »»» آموزش Html  - نام رنگ ها

ارسال نظر

عنوان نظر :
نام شما :
ایمیل :
آموزش HTML  - کاراکترهای رزرو شده

آموزش HTML - کاراکترهای رزرو شده

آموزش HTML  - کاراکترهای رزرو شده یکسری از کارکتر ها و علائم در html  وجود دارند که به تنهایی نمیتوانند در داخل صفحات  html قرار گیرند و ممکن است حتی در کیبرد کامپیوتر ها وجود نداشته ب ...

آموزش html  -  جاوا اسکریپت

آموزش html - جاوا اسکریپت

آموزش html  -  جاوا اسکریپت تگ script  در html  : این تگ به منظور برنامه نویسی سمت کاربر مانند جاوا اسکریپت  javascript  مورد استفاده قرار میگیرد . عنصر <script > ...

آموزش html  تگ head

آموزش html تگ head

 آموزش html  تگ head عنصر head  یکی از مهمترین تگ های html  می باشد که تگ های اساسی و اصلی سایت را در خود جای میدهد . عناصری که درون تگ head  قرار میگیرند میتوانند شامل اسکری ...

آموزش HTML  - اعلان Doctype

آموزش HTML - اعلان Doctype

آموزش HTML  - اعلان Doctype یکسری از اعلان ها در html  می باشند که کمک میکنند مرورگر بهتر و سریعتر نوع صفحات را تشخیص دهد . اعلان <!doctype> یکی از آنها می باشد که در ابتدای سند های h ...

آموزش html  - مروری بر html مقدماتی

آموزش html - مروری بر html مقدماتی

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

آموزش html – نام رنگ ها

آموزش html – نام رنگ ها

آموزش html – نام رنگ ها تمامی مرورگر ها از نام رنگ ها بصورت کامل پشتیبانی میکنند . با استفاده از رنگ ها در html میتوان رنگ عناصر و یا پس زمینه عناصر html  را تغییر داد .در بخش زیر نام 147 ...

آموزش html - رنگها

آموزش html - رنگها

آموزش html  - رنگها : رنگها  یکی از مهمترین بخش در طراحی سایت می باشند .در طراحی سایت از رنگ ها به 3 طریق استفاده خواهد شد . 1.  از طریق نام رنگ : این روش از انتخاب رنگ بسیار محدود بو ...

آموزش HTML  - تگ iframe

آموزش HTML - تگ iframe

آموزش HTML  - تگ iframe در این آموزش و با استفاده از تگ iframe روش نمایش یک صفحه وب درون صفحه ی دیگر وب را قرار خواهیم داد . با ما همراه باشید . همانطور که از نام تگ iframe  که به معنای قا ...

آموزش HTML فرم ها

آموزش HTML فرم ها

آموزش HTML  فرم ها یکی از عناصر مهم در HTML  فرم ها می باند . فرم ها مسثول نگهداری اطلاعات از جانب کاربران می  باشد .به کمک فرم ها میتوان دریافت و ارسال اطلاعات را به سمت سرور انجام د ...

آموزش HTML  - صفحه بندی

آموزش HTML - صفحه بندی

آموزش HTML  - صفحه بندی یکی از مهم ترین بخش های طراحی سایت نحوه ی صفحه بندی و چیدمان المان ها و عناصر HTML  می باشد . چیدمان سایت ها تقریبا مشابه چیدمان مجلات و روزنامه ها حاوی ستون ها و س ...

آموزش HTML  - تگ SPAN

آموزش HTML - تگ SPAN

آموزش HTML  - تگ SPAN تگ span  یکی از عناصر inline level  و درون خطی می باشد که در مقالات قبلی در مورد آن شرح دادیم . تفاوت تگ های inline level  و block level   یک عنصر inli ...

آموزش html  - تگ DIV

آموزش html - تگ DIV

آموزش html  - تگ DIV عنصر های HTML  را از طریق تگ های DIV  و یا SPAN  گروهبندی می شوند . تگ  div  یک عنصر بلاک لول است  .( Block level ) به این معنی که درصورتی که ...

expand_less