رها
31 August 2004, 12:19 AM
تازگیها مطلب جدیدی را در مورد طراحی صفحات وب از دوست خوبم آقای سعید سیوف یادگرفتم که بهتر دیدم آن را در قالب یکی از مقالات متفرقه ارائه کنم به این امید که بتواند به دوستان کمک کند.
یکی از مشکلاتی که سایتهای free host با تمام محبت و لطفشان ایجاد می نمایند قرار دادن تبلیغات بزرگ و کوچک در جاهای مختلف از صفحات سایت می باشد.
این موضوع گاهی باعث زشت شدن ترکیب سایت و گاهی هم باعث روی هم افتادن بعضی اطلاعات می شود. حالا یا می توان با این تبلیغات کنار آمد یا اینکه یه جوری آنها را فریب داد.
یک راه که در مورد همین سایت عملی شده استفاده از لایه (layer ) هنگام طراحی صفحات می باشد. به این ترتیب که کافی است شما تمامی چیزهایی را که می خواهید در یک صفحه قرار دهید،در یک لایه قرار دهید. مثلاً در مورد همین صفحه یک لایه اصلی تمامی قسمتها را دربر گرفته و رنگ صفحه نیز از خاصیتهای همان لایه می باشد. لایه ها در html این خاصیت رادارند که با تنظیم شدن روی ontop با اجرای صفحه آن لایه روی تمام چیزهایی که زیر آن قرار دارد ظاهر شده و چیزهای زبر خود را می پوشاند. از دیگر ویژگی های لایه ها خاصیت جابه جا شدن راحت هنگام طراحی صفحات وب می باشد. مثلاً برای قرار دادن یک عکس در صفحه کافی است لایه ای ایجاد کرده و عکس خودرا درون آن لایه قرار دهید.اکنون با جابه جا کردن لایه در صفحه عکس شما هم باآن جابه جا شده و شما می توانی عکس خود را در هرجایی از صفحه به راحتی قرار دهید. باز هم در مورد همین صفحه مثال می زنم، این صفحه از یک لایه اصلی بزرگ که به اندازه 879*770 می باشد. درون این لایه اصلی، یک لایه در بالا عکس را شامل می شودف لایه ای دیگر در زیر آن جدول لینک صفحات را شامل می شود و به همین ترتیب هر جزو صفحه در یک لایه قرار گرفته تا در صورت لزوم به راحتی در صفحه ترازبندی شود.
خوب یه مطلب دیگه اینکه با لایه ها شما می توانید لایه اصلی را در سایزی انتخاب کنید که هنگام نمایش صفحه در سایزهای مختلف صفحه نمایش، صفحه از جهت عرض scrol نشود و ثابت بماند. معمولاً عرض 770 پیکسل برای لایه اصلی مناسب است. برای همین است که در حالت نمایش 768*1024 سمت راست این صفحه مقداری خالی می ماند ولی در عوض در حالت نمایش 800*600 صفحه در عرض ثابت مانده و scrol تمی شود.
فقط يك نكته باقي مي ماند و آن اينكه در صورتيكه text size را افزايش دهيم ممكن است متن روي لايه هاي بعدي بفتند براي جلوگيري از اين امر بايد لايه ها را scroll كنيد يعني در تگ div style="overflow : scroll بنويسيد.به اين ترتيب با بزرگ شدن متن درون لايه بجاي به هم ريختن اسكرول مي شود.
خوب این هم مطلبی در مورد لایه ها، باز هم از دوست خوبم آقای سعید سیوف از بابت اینکه این مطالب را به من یاد دادند تشکر می کنم.
یکی از مشکلاتی که سایتهای free host با تمام محبت و لطفشان ایجاد می نمایند قرار دادن تبلیغات بزرگ و کوچک در جاهای مختلف از صفحات سایت می باشد.
این موضوع گاهی باعث زشت شدن ترکیب سایت و گاهی هم باعث روی هم افتادن بعضی اطلاعات می شود. حالا یا می توان با این تبلیغات کنار آمد یا اینکه یه جوری آنها را فریب داد.
یک راه که در مورد همین سایت عملی شده استفاده از لایه (layer ) هنگام طراحی صفحات می باشد. به این ترتیب که کافی است شما تمامی چیزهایی را که می خواهید در یک صفحه قرار دهید،در یک لایه قرار دهید. مثلاً در مورد همین صفحه یک لایه اصلی تمامی قسمتها را دربر گرفته و رنگ صفحه نیز از خاصیتهای همان لایه می باشد. لایه ها در html این خاصیت رادارند که با تنظیم شدن روی ontop با اجرای صفحه آن لایه روی تمام چیزهایی که زیر آن قرار دارد ظاهر شده و چیزهای زبر خود را می پوشاند. از دیگر ویژگی های لایه ها خاصیت جابه جا شدن راحت هنگام طراحی صفحات وب می باشد. مثلاً برای قرار دادن یک عکس در صفحه کافی است لایه ای ایجاد کرده و عکس خودرا درون آن لایه قرار دهید.اکنون با جابه جا کردن لایه در صفحه عکس شما هم باآن جابه جا شده و شما می توانی عکس خود را در هرجایی از صفحه به راحتی قرار دهید. باز هم در مورد همین صفحه مثال می زنم، این صفحه از یک لایه اصلی بزرگ که به اندازه 879*770 می باشد. درون این لایه اصلی، یک لایه در بالا عکس را شامل می شودف لایه ای دیگر در زیر آن جدول لینک صفحات را شامل می شود و به همین ترتیب هر جزو صفحه در یک لایه قرار گرفته تا در صورت لزوم به راحتی در صفحه ترازبندی شود.
خوب یه مطلب دیگه اینکه با لایه ها شما می توانید لایه اصلی را در سایزی انتخاب کنید که هنگام نمایش صفحه در سایزهای مختلف صفحه نمایش، صفحه از جهت عرض scrol نشود و ثابت بماند. معمولاً عرض 770 پیکسل برای لایه اصلی مناسب است. برای همین است که در حالت نمایش 768*1024 سمت راست این صفحه مقداری خالی می ماند ولی در عوض در حالت نمایش 800*600 صفحه در عرض ثابت مانده و scrol تمی شود.
فقط يك نكته باقي مي ماند و آن اينكه در صورتيكه text size را افزايش دهيم ممكن است متن روي لايه هاي بعدي بفتند براي جلوگيري از اين امر بايد لايه ها را scroll كنيد يعني در تگ div style="overflow : scroll بنويسيد.به اين ترتيب با بزرگ شدن متن درون لايه بجاي به هم ريختن اسكرول مي شود.
خوب این هم مطلبی در مورد لایه ها، باز هم از دوست خوبم آقای سعید سیوف از بابت اینکه این مطالب را به من یاد دادند تشکر می کنم.