بررسی طرح اولیه سایت [بایگانی] - انجمن تخصصی وب هاستینگ ایران

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : بررسی طرح اولیه سایت

sm_pakdel

July 23rd, 2011, 18:46

سلام دوستان من یه طرح اولیه بری یه سایت طراحی کردم فقط چهار چوب اصلی هست میخوام یه نگاهی بهش بندازید و ایرادها شو بهم بگید

در کل راهنمائیم کنید که چه چیزهایی باید استفاده می شده که نشده و بر عکس

ممنون

این کد css

@charset "utf-8";
/* CSS Document */
/*----------------body---------------*/
.site{
position:absolute;
height:873px;
width:90%;
background-color:#666;
margin-left:5%;
margin-right:5%;
border-radius:12px;

}
.title{
position:absolute;
background-color:#FC0;
width:100%;
height:auto;
font-family:Kamran, Jadid, Homa;
font-size:20px;
font-style:oblique;
text-align:center;
line-height:5pt;
border-radius:4px;
left: 1px;
top: 0px;
}
.news{
position:absolute;
background:#CCC;
width:35%;
height: 187px;
border: inset;
top: 400px;
left: 89px;
border-radius: 10px;
border-left:#960;
border-right:#960;
border-top:#960;
margin-left:0;
text-align: center;

}
.content{
position:absolute;
width:55%;
height:185px;
background-color:#CCC;
left:623px;
top: 402px;
border-radius:10px;
overflow:inherit;
}
/*------head--------*/

/*-------------------------------------header--------------*/
.header{
background-color:#333;
position:absolute;
width:90%;
top:opx;
height: 350px;
left:100px;
background: -moz-linear-gradient( #333, # 000 );
border-radius: 7px;
border-left:#CCC;
border:groove;
border-right:#CCC;

}
/*----menu-----*/

.center{
position:absolute;
width:900px;
height:27.75pt;
margin-left:150px;
top:345px;
overflow: inherit;

}

ul{
width:100%;
margin:0px;
}
li{
display:inline;
text-align:center;

}

a.menu
{
float:right;
width:70pt;
height:20pt;
text-decoration:none;
color:#F90;
background-color:#333;
padding:2pt 6pt;
border-right:1px solid white;
text-align:middle;
line-height:20pt;
border-radius: 8px;

}
a.menu:hover{
color:#000;font:bold; background-color:#F90;

}
/*------------------footer------------------*/
.footer{
position:absolute;
width:90%;
background-color:#930;
left: 89px;
top: 589px;
height:auto;
border-radius:10px;
text-align:right;
padding-right:5px;

}

این هم کد صفحه

<!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" />
<link rel="stylesheet" type="text/css" href="Untitled-3.css" />
<title>Untitled Document</title>
</head>

<body bgcolor="#000000" >
<div class="site">
<div class="header"></div>
<div class="center" style="position:absolute; right:50px top: 238px;; left: 39px; top: 360px;">
<ul>
<li><a class="menu" href="#" >صفحه اصلی</a></li>
<li><a class="menu" href="#">اخبار</a></li>
<li><a class="menu" href="#">درباره ما</a></li>
<li><a class="menu" href="#">عضویت</a></li>
<li><a class="menu" href="#">نمونه کارها</a></li>
<li><a class="menu" href="#">ورود کاربران</a></li>
<li><a class="menu" href="#">تماس با ما</a></li>
</ul>
</div>
<div class="news"><div class="title">
<p>اخبار</p></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

</div>
<div class="content">
<p> </p>
<p> </p>
<p> </p>
<p> </p>

</div>
<div class="footer">
<p>در این قسمت اخبار و اطلاعات با بازدید بالا نمایش داده میشود</p>
<p> </p>
</div>
</div>
</body>
</html>

ممنون از راهنمائیتون

alfagig

July 24th, 2011, 02:06

سلام با Dreamweaver ?

حالا
دوست عزیز هیچ مرجه و راهنمایی بهتر از w3.org نیستش برای اینکه خطا های خودتم پیدا کنی بهتره از ابزار های که در اختیار میزاره این سایت استفاده کنی
ابزار هاشو میتونی داخل فایرفاکس هم اضافه کنی

مثلا : web developer و Fire Bug و Seo Doctor رو نصب کن

راستی لازم نبود سورس رو بزاری آپلود کن از سری بعدی و خوروجی رو نشون بده یا بروژه رو بصورت زیپ بزار

الان اشتباه ویژه ای نیست اما اگه از بخوام بگم مثلا :
<body bgcolor="#000000" >
میتونی تو استایل برای body تعرف کنی که بکگراندت چی باشه

مثلا : ( بک گرتند با گرادینت) :

body {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(182,188,189)),
color-stop(0.42, rgb(213,224,224)),
color-stop(0.74, rgb(247,247,247))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(182,188,189) 0%,
rgb(213,224,224) 42%,
rgb(247,247,247) 74%
);

}

---------- Post added at 02:06 AM ---------- Previous post was at 02:02 AM ----------

داخل <div class="center" style="position:absolute; right:50px top: 238px;; left: 39px; top: 360px;">

هم هستش

ببرش داخل style.css