این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش کار با نام رنگ ها در طراحی وب
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با نام رنگ ها در طراحی وب با من همراه باشید.
Free-Learn
کار با نام رنگ ها در طراحی وب
برای استفاده از نام رنگ ها در طراحی وب ، همونطور که از اسمشم مشخصه ما باید از نام یک رنگ استفاده نماییم ، یعنی مثلا برای استفاده از رنگ آبی باید بنویسیم blue .
پس در کل کافیه ما نام یک رنگ رو بلد باشیم تا بتونیم به راحتی از آن در طراحی هامون استفاده نماییم، در ادامه من لیستی از نام رنگ هارو تهیه کردم که میتونید اونارو مشاهده نمایید و در صورت تمایل از آنها استفاده نمایید.
مثال شماره ۱ : مشخص کردن رنگ متن
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <p style="color:blue;"> Salam Khobi? </p> <p style="color:green;"> Site Amoozeshi Free-Learn </p> </body> |
مثال شماره ۲ : مشخص کردن رنگ زمینه و رنگ متن
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <p style="background-color:SlateGray; color:white;"> Salam Khobi? </p> <p style="background-color:SlateBlue; color:white;"> Site Amoozeshi Free-Learn </p> </body> |
Free-Learn
تولید رنگ سفید و سیاه با استفاده از نام رنگ
برای تولید یا ایجاد رنگ های سفید و سیاه همونطور که گفتیم ما باید نام رنگ رو بنویسیم، پس طبیعتا نام رنگ سیاه میشه black و نام رنگ سفید میشه white .
مثال : رنگ زمینه سیاه و رنگ متن سفید
|
1 2 3 4 5 6 7 |
<body> <p style="background-color:black; color:white;"> Salam Khobi? </p> </body> |
Free-Learn
بصورت پیش فرض رنگ متن عناصر یک صفحه وب بصورت سیاه (black) می باشد.
برای خوانایی بهتر متون سعی کنید از رنگ های روشن در درون پس زمینه های تاریک استفاده نمایید.
نام یک رنگ به حروف کوچک یا بزرگ انگلیسی حساس نیست، ولی برای خوانایی بهتر میتوانید از حروف بزرگ و کوچک بصورت ترکیبی استفاده نمایید.
Free-Learn
