View Full Version : استفاده از div يا table
aftabgarmabakhsh
چهارشنبه 23 تیر 1389, 14:57 عصر
سلام دوستان
من 2 ساله كه دارم با C#و asp.net برنامه نويسي مي كنم
هميشه هم صفحاتم را با table طراحي كردم.
بعضي ها ميگن استفاده از table حرفه اي نيست و الان برنامه نويسان حرفه اي با div طراحي ميكنن . آيا واقعا اينطوري است؟ غير از سرعت لود صفحات ، مزيت div به table در چيه؟
به نظر من سرعت طراحي صفحات با div خيلي پايينتر است.
حالا شما اساتيد منو راهنمايي كنيد و بگين كدوم بهتره و شما از كدوم روش استفاده مي كنيد؟
ممنون ميشم
Vahid_moghaddam
چهارشنبه 23 تیر 1389, 15:14 عصر
سلام دوستان
من 2 ساله كه دارم با C#و ASP.NET برنامه نويسي مي كنم
هميشه هم صفحاتم را با table طراحي كردم.
بعضي ها ميگن استفاده از table حرفه اي نيست و الان برنامه نويسان حرفه اي با div طراحي ميكنن . آيا واقعا اينطوري است؟ غير از سرعت لود صفحات ، مزيت div به table در چيه؟
به نظر من سرعت طراحي صفحات با div خيلي پايينتر است.
حالا شما اساتيد منو راهنمايي كنيد و بگين كدوم بهتره و شما از كدوم روش استفاده مي كنيد؟
ممنون ميشم
1.سرعت لود صفحات نوشته شده با div سریعتره.
2. مهم تر از سرعت بحث انعطاف طراحی div base نسبت به table base هست. شما با div ها می تونید با استفاده از المان های کمتر (در اینجا منظور سطر ها و ستون ها در table هست) طراحی زیباتر و پیچیده تری انجام بدید.
3. بحث تغییرات توی قالب مطرحه. تغییر قالب و اضافه کردن قسمتی جدید به اون با div ها بسیار ساده تره.
4. از table در جای خودش باید استفاده بشه. یعنی برای نمایش جدول ها!
5. این مقاله (http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/) رو ببینید.
6. به source تمام سایت های حرفه ای (حرفه ای توی سایت های ایرانی با سایت های خارجی خیلی متفاوته!) دقت کنید. اونها رو با div می سازند.
7. بدون هیچ نگرانی و شکی طراحی رو با div انجام بدید.
LORD AELX
چهارشنبه 23 تیر 1389, 15:38 عصر
البته بهتره بگیم: "استفاده از Table یا CSS" :چشمک:
ashena1369
پنج شنبه 24 تیر 1389, 09:41 صبح
سلام دوست عزیز
به نظر من div خیلی سر تر از table هست نه تنها سرعت بارگذاری ،بلکه قابلیت هایی که میشه به div داد بیشتر از table هست.
من در سایت خود تنها از یک فشذمث استفاده کردم
راستی گوگل اگه از div استفاده کنی بیشتر خوشش می یاد
javad_mjt
پنج شنبه 24 تیر 1389, 17:44 عصر
سلام
table سرعت لودش پایین تر چون میاد از داخلی ترین سلول شروع میکنه به پردازش کردن حالا هرچی این سلول ها بیشتر و تو در تو تر باشه یا جدولها رو تو در تو تعریف کنیم سرعت لود شدنش به شدت پایین میاد:لبخند:
LORD AELX
پنج شنبه 24 تیر 1389, 18:06 عصر
نکته دیگری که متاسفانه اکثر برنامه نویسان ایرانی بهش توجه نمی کنند، در دسترس بودنه! :لبخندساده:
اگر از Table استفاده کنید، این شیوه طراحی باعث می شود که افرادی که از برنامه های متن خوان برای مرور صفحات وب استفاده می کنند، با مشکل مواجه شوند. همچنین این روش طراحی باعث می شود این صفحات در مرورگرهایی که فقط متن را پشتیبانی می کنند، به درستی نمایش داده نشود.
eshpilen
پنج شنبه 24 تیر 1389, 20:37 عصر
منم سعی میکنم در کارای بعدیم بیشتر روی حذف کردن استفاده از Table برای Layout تلاش کنم. از قدیم که هنوز این روشهای جدید اینقدر باب نشده بوده و ساپورت کافی نداشت با Table آشنا بودیم و استفاده ازش برای Layout امر خیلی عادی ای بحساب میامد. اصلا هیچ کجا نگفته بود اینکار عیبه! در زمان معاصر (!) من طراحی خاصی نداشتم که روش div رو امتحان کنم.
باید دانش و مهارت خودم رو بروز کنم.
فکر نمیکنم کار خاصی داشته باشه. نسخه های جدید مرورگرها هم که لابد ساپورت خوبی دارن.
راستی وضع IE6 چطوریه؟
LORD AELX
پنج شنبه 24 تیر 1389, 23:30 عصر
منم سعی میکنم در کارای بعدیم بیشتر روی حذف کردن استفاده از Table برای Layout تلاش کنم. از قدیم که هنوز این روشهای جدید اینقدر باب نشده بوده و ساپورت کافی نداشت با Table آشنا بودیم و استفاده ازش برای Layout امر خیلی عادی ای بحساب میامد. اصلا هیچ کجا نگفته بود اینکار عیبه! در زمان معاصر (!) من طراحی خاصی نداشتم که روش div رو امتحان کنم.
باید دانش و مهارت خودم رو بروز کنم.
فکر نمیکنم کار خاصی داشته باشه. نسخه های جدید مرورگرها هم که لابد ساپورت خوبی دارن.
راستی وضع IE6 چطوریه؟
IE6 روی اغلب موارد مشکلی نداره، اگر هم چیزی رو ساپورت نمیکنه، تقصیر خودش نیست، کلا IE ها این مشکل رو دارند! :چشمک:
aftabgarmabakhsh
شنبه 26 تیر 1389, 08:11 صبح
از همه دوستان ممنون كه راهنمايي ام كردند
منم سعي مي كنم از اين به بعد از div استفاده كنم
vahidglp
شنبه 26 تیر 1389, 09:16 صبح
دوستان سلام
من درحال طراحي سايتي هستم كه با div اونو طراحي كردم و هيچ مسكلي وجود نداره الا IE اونم ie6 به پائين كه واقعا نمي تونم از اين قضيه بگذرم كد layout سايت بشكل زير هست :
لازم بذكره كه صرفا بخش بدنه سايت تو ie6 ميوفته پائين ترين جاي صفحه و دو طرف جاي خودشون مي مونن.
منظورم از بخش بدنه هم تيكه زير در كد بالاست
<div id=\"VGlMain\">" . $_contentclacecolder . "<br /></div>
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<title>" . $_pagetilte . "</title>
<link href=\"CSS/VGxLayout.css\" rel=\"stylesheet\" type=\"text/css\" />
<link href=\"CSS/VGxPeresentaion.css\" rel=\"stylesheet\" type=\"text/css\" />
" . $_JSLib . "
</head>
<body>
<div id=\"VGlContainer\">
<div id=\"VGlHeader\">
<div id=\"VGlExtraHeader\">" . $_extraheader . "</div>
<div id=\"VGlIntraHeader\">" . $_intraheader . "</div>
<div id=\"VGlMenuBar\">" . $_menuitems . "</div>
</div>
<div id=\"VGlBody2\" >
<div id=\"VGlRight_Sidebar\">" . $_advertisment . $_visualReport . $_karamad . $_newstitle . "</div>
<div id=\"VGlLeft_Sidebar\">" . $_activeuser . $_login . $_subcompany . "</div>
<div id=\"VGlMain\">" . $_contentclacecolder . "<br /></div>
</div>
<div id=\"VGlFooter\">" . $_fotter . "</div>
</div>
</body>
</html>
و css براي layout بالا هم بفرم زير هستش :
body
{
margin: 30px;
line-height: 20px;
font-size:8pt;
font-family: Tahoma, Sans-Serif;
background:url(../Images/GUIImages/LayoutImages/bckg.jpg) #000;
background-repeat: repeat;
border: 1px solid #666666;
min-width : 950px;
min-height: 768px;
behavior: url("csshover.htc");
text-align:justify;
}
#VGlContainer
{
background-color: #fff;
}
#VGlHeader
{
background:url(../Images/GUIImages/LayoutImages/header_bckg_main.jpg) repeat-x #FFFFFF;
}
#VGlExtraHeader
{
background:url(../Images/GUIImages/LayoutImages/header_bckg.jpg) no-repeat right;
padding: 30px 0 0 40px;
height: 83px;
color: #FFFFFF;
font-style: italic;
}
#VGlExtraHeader a
{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 20px;
font-style: italic;
text-transform: uppercase;
}
#VGlIntraHeader
{
background:url(../Images/GUIImages/LayoutImages/menu_bckg.jpg) #FFFFFF;
background-repeat: repeat-y repeat-x;
min-height: 30px;
}
#VGlIntraHeader a
{
float: right;
text-decoration: none;
color: black;
font-family:tahoma;
font-size:8pt;
}
#VGlBody
{
float: left;
padding: 20px 0 0 0;
}
#VGlLeft_Sidebar
{
float: right;
width: 200px;
}
#VGlRight_Sidebar
{
float: left;
width: 200px;
}
#VGlMain
{
margin: 0 210px 0 210px;
}
#VGlFooter
{
background:url(../Images/GUIImages/LayoutImages/footer_bckg.jpg) #424E4F;
height: 102px;
clear: both;
font-family:Tahoma, Geneva, sans-serif;
color:#A0A0A4;
text-align:center;
background-repeat: repeat;
}
اگر كسي از دوستان با چنين مشكلي روبرو شده و تونسته اونو حل كنه ممنون ميشم راهنمايي كنه.
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.