پاسخ : آموزش طراحی وب با زبان ساده بخش اول xhtml
خوب چند روز بود تاپیک رو آپدیت نکردم مشقاتونو بذارید رو میز خط بزنم هر کی هم تکالیفشو انجام نداده بره یه تاپیک بزنه صد بار از روی این تاپیک بنویسه
امروز راجع به رنگ ها توضیح میدم
در طراحی صفحات وب ما به سه صورت میتونیم از رنگ ها استفاده کنیم
1. نام بردن رنگ مثلاً red
2. RGB value
3. hexadecimal value
ما تعداد 16.777.256 رنگ داریم که از سه رنگ اصلی قرمز ، آبی و سبز تولید میشن
روش اول : همین ابتدا فهمیدیم که روش اول اصلاً قابل استفاده نیست چون این تعداد اسم برای رنگ موجود نیست و اگر هم بود حفظ کردنش عاقلانه نبود
روش دوم : ساختار RGB از سه بخش درست شده -,-,- هر کاما سه رنگ اصلی هست و هر خط تیره از اعداد 0 (سیاه) تا 255 (سفید) هست
مثال:
red : 255,0,0
green : 0,255,0
blue : 0,0,255
white : 255,255,255
black : 0,0,0
طریقه نوشتن RGB در html به این شکل هست
که ما از این روش هم استفاده نمیکنیمکد:<body bgcolor="34,120,40">
روش سوم : این روش بهترین روش هست و ساختار اون به این شکل هست -- -- --# دو تای اول قرمز ، دوتای دوم سبز و دوتای آخر آبی عدد 0 مشکی و عدد 9 سفید
مثال:
red : #ff0000
green : #00ff00
blue : #0000ff
black : #000000
white : #ffffff
طریقه نوشتن هگزادسیمال در html به این شکل هست
web-safe color چیست؟ : وب سایت طراحی شده توسط طراح تو تمام سیستم های دنیا با هر امکانات سخت افزاری و نرم افزاری دیده میشه ولی در بعضی از موارد با توجه با قابلیت سیستم کاربر رنگ ها به صورت درست تفسیر نمیشن و نزدیک ترین رنگ به آن رنگ نمایش داده میشه به این رویداد color dithering گفته میشهکد:<body bgcolor="#54fd5a">
رنگ های وب سیف به رنگ هائی گفته میشه که در تمام سیستم های دنیا با هر امکانات سخت افزاری و نرم افزاری به همان صورت دیده میشن و color dithering در آنها اتفاق نمی افتد تعداد این رنگ ها از بین 16.777.256 رنگ فقط 216 رنگ هست البته این مطلب نباید اینگونه تفسیر بشه که طراح خودش رو به این 216 رنگ فقط محدود کنه فکر نکنم دیگه کسی الان سیستم های خیلی قدیمی داشته باشه و اگر هم داره مشکل خودش هست
حالا چجوری رنگ های web-safe در RGB و Hexadecimal شناسائی کنیم:
RGB
0,51,102,153,204,255 اگر از این رنگ ها استفاده بشه وب سیف هست
دو مثال که راحت تر متوجه بشید:
51,102,254 وب سیف نیست
51,102,255 وب سیف هست
Hexadecimal
00,33,66,99,cc,ff اگر همه اینها باشند وب سیف هست
سه مثال که راحت تر متوجه بشید:
#0033cc وب سیف هست
#006666 وب سیف هست
#006665 وب سیف نیست
حالا با این اطلاعات تگ hr رو بهتون آشنا میکنم
تگ hr از خانواده empty هست و block-level
hr=Horizontal Rule=خط افقی
hr چهار اتریبیوت داره :
1. color که رنگ رو مشخص میکنه و ولیوش یک رنگ هست
2. size که ضخامت خط رو مشخص میکنه و ولیوش یک عدد هست
3. width که طول خط رو مشخص میکنه که میتونه بر حسب pixel یا percent باشه
pixel : زمانی که از این مقدار برای کنترل طول خط استفاده کنیم در هر شرایطی (کوچک و بزرگ کردن پنجره مرورگر) اندازه تغییر پیدا نمیکنه و اندازه ثابت میمونه
percent : زمانی که از این مقدار برای کنترل طول خط استفاده کنیم اندازه بر حسب درصد خواهد بود مثلاً اگر بر حسب 50% قرار داده بشه اندازه خط ما 50 درصد اندازه مرورگر خواهد بود یعنی اگر عرض مرورگر ما به اندازه 20 باشه عرض خط 10 خواهد بود
4.َ align که جهت قرار گرفتن خط را مشخص میکند و سه ولیو دارد : left , right , center
مثال:
تگ های sub و sup ساب برای پائین قرار دادن یک آبجکت زیر یک آبجکت استفاده میشه و ساپ برای بالا قرار دادن
من خودم این دو تگ رو به این شکل حفظ کردم نیم دایره b پائین هست آبجکت پائین قرار میگیره و نیم دایره p بالا هست آبجکت بالا قرار میگیره
مثال:
تو پست بعدی سعی میکنم مبحث اصلی در html که table ها باشه رو آموزش بدم
پاسخ با نقل قول
