ja.softeng
سه شنبه 13 تیر 1391, 16:08 عصر
سوالت خیلی کلی هستش هر کسی یک راهکاری رو پیشنهاد میکنه این برمی گرده به تجربه کاری و علاقه والبته از همه مهمتر بکارگیری هر المنتی سر جای خودش
من به شخصه از div برای و Css برای desighn سایتم استفاده کردم و خیلی هم ازش راضی هستم چون توی لود صفحه تاثیر بسزایی داره و میتونه خیلی سریعتر از یک table با کلی از تگهای tr و td صفحه تو مرورگر رندر بشه بعد از طراحی میری سراغ بایند کردن اطلاعاتت با کنترلهای دات نت که من از دیتالیست و گرید ویو خیلی استفاده می کنم (البته هر کدوم در جای خودش)
نمونش هم این سایت آخری که چند روز پیش ساختم:
http://laleabbasi.com/
این روش تایید میشه ، از هر کدام از کنترل ها که دوستان گفتند خیلی راحت میشه استفاده کرد اما روشی که من پیشنهاد میکنم استفاده از کنترل Literal است
ببین شما میتونی از ساختار مثلا دو ستونه در سایتت استفاده کنی و یه Literal برای نمایش محصولاتت بزاری:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Test</title>
<style type="text/css">
body
{
font-family:Tahoma;font-size:11px;
margin:0;padding:0px;
direction:rtl;
}
#container
{
width:1000px;
margin:10px auto 10px auto;
}
#header
{
width:1000px;
height:160px;
background-color:Gray;
}
#right
{
width:200px;
float:right;
border:solid 1px #ccc;
padding:5px;
}
#left
{
width:770px;
float:left;
border:solid 1px #ccc;
padding:5px;
}
#footer
{
width:1000px;
height:100px;
background-color:Gray;
}
.clear
{
clear:both;
}
.product
{
float:right;
width:235px;
margin:0 5px 5px 0;
padding:5px;
border:solid 1px #ccc;
border-radius:5px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="container">
<div id="header">هدر سایت</div>
<div id="right">منوی سایت</div>
<div id="left">
<asp:Literal ID="Literal1" runat="server"></asp:Literal>
</div>
<div class="clear"></div>
<div id="footer">فوتر سایت</div>
</div>
</form>
</body>
</html>
در بخش کد هم اینو استفاده کن البته یه کمی تغییرات بده و محتوای جدول محصولات پایگاه داده خودت رو بزار:
protected void Page_Load(object sender, EventArgs e)
{
//در اینجا محتوای محصولات را از پایگاه داده میخونی
//با یک حلقه نمایش میدی
//من به صورت ساده نمایش میدم
Literal1.Text="";
for (int i = 0; i < 10; i++)
{
Literal1.Text += @"<div class=""product"">محصول " + i.ToString() + @"</div>";
}
}