پنجشنبه, ۲۳ اسفند, ۱۴۰۳ / 13 March, 2025
مجله ویستا

آموزش CSS طراحی یک سایت بدون استفاده از جدول ها


آموزش CSS طراحی یک سایت بدون استفاده از جدول ها

بیایید به روزهای اولیه وب برگردیم هیچ استانداردی نبود و هر مرورگر هر روز یه تگ جدید معرفی میکرد بالاخره یه موسسه همه مرورگرها رو سر یه میز جمع کرد و با هم استانداردی بنام W۳C را تصویب کردند در این زمان نیاز عمده ای حس میشد که محتویات سایت از طراحی جدا شود در اینجا بود که سر و کله CSS پیدا شد و مسئولیت نمایش نمای صفحات را بعهده گرفت و XHTML نیز برای نمایش اطلاعات بگار گرفته شد

بیایید به روزهای اولیه وب برگردیم . هیچ استانداردی نبود و هر مرورگر هر روز یه تگ جدید معرفی میکرد. بالاخره یه موسسه همه مرورگر ها رو سر یه میز جمع کرد و با هم استانداردی بنام W۳C را تصویب کردند . در این زمان نیاز عمده ای حس میشد که محتویات سایت از طراحی جدا شود . در اینجا بود که سر و کله CSS پیدا شد و مسئولیت نمایش نمای صفحات را بعهده گرفت و XHTML نیز برای نمایش اطلاعات بگار گرفته شد .

● چرا باید بجای جدول از کد CSS استفاده کرد ؟

▪ اول اینکه کد شما خیلی کوتاه تر میشه ، حتی نصف !

▪ دوم اینکه سرعت لودینگ سایت شما بیشتر میشه .

▪ راحت تر تغییر مییابد : شما یک فایل CSS را تغییر می دهید و کل سایت شما تغییر می یابد .

▪ مطالب از قالب سایت میشود .

در این مقاله شما یاد میگیرید چگونه بجای جداول از CSS وکلاس های آن استفاده کنید .

ساخت کلاسی برای عناصر تگ <div> : اولین قدم ساخت کلاس CSS است که المنت های تگ <DIV> از آن استفاده میکنند . بصورت زیر :

div.leftnav{

background: white;

color: black;

/* other display information here */

/* add Positioning information here */

}