چگونه عناصر را به دقت روي صفحه قرار دهيم؟

تا همين اواخر، مدتب كردن متن و تصاوير گرافيكي در جايي كه مي خواستيد كمي سخت بود. متأسفنه، ايجاد طرح كلي دقيق با استفاده از جدول، با اينكه كار آمد است، مي‌تواند وقت گير باشد. اگر مي‌دانيد كه بازديدكنندگان سايت شما را با مرورگرهاي كنوني (براي مثال روي اينترانت شركت شما) مشاهده مي‌كنند، عناصر را بصورت مطلق قرار دهيد. مرورگرهايي مانند IE و Netscape Navigator (نسخه 4 و بالاتر) از قرار دادن عناصر بصورت مطلق پشتيباني مي‌كنند. حتي وقتي كه بازديد كنندگان، پنجره مرورگر خود را تنظيم مي‌كنند، عناصري كه بصورت مطلق قرار گرفته‌اند دقيقاً در محلي قرار مي‌گيرند كه آنها را قرار داريد.

 نوار ابزار Positioning را باز كنيد  

صفحه مورد نظر را باز كنيد. از منوي View گزينه Toolbars و بعد گزينه Positioning را انتخاب كنيد تا نوار ابزار Positioning باز شود. اين نوار ابزار را به قسمتي از صفحه كه راحت هستيد منتقل كنيد.

 انتخاب عنصر مورد نظر  

تصوير گرافيكي يا متني كه مي‌خواهيد بصورت مطلق روي صفحه قرار دهيد را انتخاب كنيد. در اين مثال، من متن عنوان را انتخاب كرده‌ام ولي شما مي‌توانيد تصوير را نيز انتخاب كنيد.

 روي Position Absolutely كليك كنيد  

روي دكمه Position Absolutely در نوار ابزار Positioning كليك كنيد. مربع‌هاي انتخاب، حول عنصري كه انتخاب كرديد را فرا مي‌گيرند. كادرهاي Left و Top در اين نوار ابزار، محل اين عنصر را نسبت به گوشه سمت چپ و بالاي صفحه نشان مي‌دهند.

 تصوير را بصورت مطلق قرار دهيد  

اشاره گر را روي عنصر انتخاب شده ببريد تا به شكل يك فلش چهار جهته در آيد. بعد عنصر را به محلي از صفحه كه مورد نظر شماست بكشيد. توجه داشته باشيد كه كادرهاي Left و Top در نوار ابزار Positioning موقعيت جديد عنصر در صفحه را نشان مي‌دهند.

 

روي Bring Forward كليك كنيد  

شما مي‌توانيد يك شيء را روي شيء ديگري قرار دهيد و بعد روي دكمه Bring Forward در نوار ابزار Positioning كليك كنيد. كادر Z _ Index در اين نوار ابزار، موقعيت عنصر انتخاب شده را از نظر شماره لايه نشان مي‌دهد. (يعني آيا اين شيء جلوي لايه اصلي قرار دارد يا پشت آن. لايه متني اصلي، لايه صفر است). عدد مثبت نشان مي‌دهد كه اين شيء جلوي لايه متني اصلي قرار دارد و عدد منفي، نشان مي‌دهد كه اين شئء پشت لايه اصلي قرار دارد.

 روي Send Backward كليك كنيد  

روي دكمه Send Backward در نوار ابزار Positioning كليك كنيد تا عنصر انتخاب شده، پشت عنصر ديگري مانند متن قرار گيرد. براي اينكه ببيند اين صفحه در مرورگر چگونه نمايش داده خواهد شد، روي برگه Preview كليك كنيد (ممكن است اين صفحه در اين برگه، اندكي با اين صفحه در برگه Normal فرق داشته باشد.)

*توجه *

تنظيم موقعيت بصورت مطلق يا با استفاده از جدول؟

در اكثر موارد، نمي‌دانيد كه بازديدكنندگان از چه مرورگري استفاده خواهند كرد. بنابراين نمي‌توانيد مطمئن باشيد كه تنظيم موقعيت بصورت مطلق، صفحه مرتب و خوانايي را ايجاد خواهد كرد. اگر نمي توانيد پيش بيني كنيد كه براي مشاهده صفحه، از كدام مرورگر استفاده خواهد شد، براي تراز كردن عناصر در صفحه، بايد از جدول استفاده كنيد. البته، در جدول، نمي توانيد عناصر را روي يكديگر قرار دهيد، ولي بازديدكنندگان مي‌توانند محتويات صفحه را مشاهده كنند كه اين به نظر من، يكي از اهداف مهم طراحي همين است.