درس سوم آموزش اچ تی ام ال را شروع می کنیم. در این درس می خواهیم دربازه پس زمینه در صفحات وب به شما آموزش بدهیم. پس زمینه در صفحات وب می تواند بصورت رنگ، طیف رنگی و یا یک تصویر گرافیکی باشند. از شما دعوت می کنیم تا با ما باشید با آموزش Background در HTML
پس زمينه ( Background )
در اين درس با چگونگی تعيين تصاوير و رنگ پس زمينه (Background) آشنا خواهيد شد. رنگ و يا تصوير پس زمينه عامل بسيار مهمی در طراحی صفحات HTML بوده و استفاده از رنگ و يا تصوير مناسب نقشی تعيين کننده در خوانا بودن صفحات دارد.
رنگ و تصوير زمينه در صفحات HTML:
تگ <body> دارای دو شناسه مهم برای تعيين رنگ و تصوير پس زمينه ميباشد. پس زمينه یک صفحه HTML، رنگ و يا يک تصوير ميتواند باشد.
شناسه bgcolor برای رنگ پس زمينه (background color)
شناسه bgcolor رنگ پس زمينه را تعيين ميکند. مقدار رنگ پس زمينه ميتواند نام رنگ (مثل red يا blue ) ، مقدار آن بر اساس استاندارد RGB و يا حتی مقدار هگزادسيمال (Hexadecimal) باشد.
{rsmembership category="1"}
مثال 1 : <body bgcolor="#000000">
مثال 2 : <(body bgcolor="RGB(0,0,0">
مثال 3 : <body bgcolor="black">
در تمامی مثالهای بالا با کمک شناسه bgcolor رنگ زمينه صفحه "سياه" تعيين می باشد که شما می توانید از هر کدام از این مثال ها استفاده نمائید.
شناسه Background برای تصوير پس زمينه:
برای تعيين تصويری که به عنوان پس زمينه صفحه نمايش داده ميشود از شناسه background استفاده ميشود.مقدار اين شناسه URL يا آدرس تصوير (image) ميباشد.اگر ابعاد تصوير کوچکتر از ابعاد پنجره اصلی مرورگر باشد، تصوير زمينه تکثير خواهد شد تا حدی که تمام صفحه نمايش از تصوير زمينه پوشانده شود.
<body background="bg.gif"> <body background="http://www.bpd.ir/images/bg.gif">
در مثال اول از آدرس دهی نسبی (relative) برای تعيين URL يا آدرس تصوير استفاده شده و در واقع در اين مثال فايل HTML و تصوير bg.gif بايد در يک دايرکتوری قرار گيرند. در مقابل مثال دوم از آدرس دهی مطلق (absolute) برای تعيين آدرس تصوير استفاده شده است و همانطور که مي دانيد آدرس تصوير در هر نقطه از فضای وب و روی هر وب سروری ميتواند باشد.
اگر از تصاوير پس زمينه در صفحات HTML استفاده ميکنيد به نکات زير توجه کنيد :
- هرتصويری با فرمت png, bmp, gif و يا jpg قابل استفاده به عنوان تصوير زمينه ميباشد.
- توصیه میشود از تصاوير بزرگتر از ده کيلوبايت به عنوان تصویر پس زمینه استفاده نکنيد، در غير اين صورت سرعت load صفحه به شدت پايين خواهد آمد.
- از تصاوير زمينه هماهنگ با ديگر تصاوير و متون صفحه استفاده کنيد.
- در رزولوشنهای مختلف به ديدن و آزمايش تصاوير پس زمينه بپردازيد.
- پر مصرف ترين رنگهای زمينه وب سايتها، رنگهای سفيد، سياه و خاکستری ميباشند.
- اغلب سايتهای وب از تصاوير پس زمينه استفاده نمی کنند.
- توجه داشته باشید که استفاده از شناسه های bgcolor و background مربوط به استاندارد قدیمی HTML میباشد.
نکته مهم در سازگاری با نسخه های جديد HTML و XHTML
شناسه های bgcolor و background در تگ <body> در نسخه 4 HTML و XHTML پشتيبانی نميشوند و در واقع از رده خارج محسوب ميشوند. در عوض کنسرسيوم W3C استفاده از Style Sheet ها را توصيه ميکند و در واقع در نسخه 4 HTML و استاندارد جديد XHTML تمامی اطلاعات مربوط به نمايش يا presentation و layout بايد در style sheet ها قرار گيرند.
{else}
برای دسترسی به ادامه مطلب می بایستی در وب سایت اشتراک داشته باشید
{/rsmembership}