بررسی طرح اولیه سایت

**~~sm_pakdel~~** · July 23rd, 2011, 18:46

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

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

ممنون

این کد css

کد HTML:

@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;
	 
}

این هم کد صفحه

کد HTML:

<!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>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>


</div>
<div class="content">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
 
</div>
<div class="footer">
  <p>در این قسمت اخبار و اطلاعات با بازدید بالا نمایش داده میشود</p>
  <p>&nbsp;</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

**~~sm_pakdel~~** · July 24th, 2011, 02:11

راهنمائیتون خیلی عالی بود
مرسی

موضوع: بررسی طرح اولیه سایت

ابزارهای موضوع

نحوه نمایش موضوع

بررسی طرح اولیه سایت

پاسخ : بررسی طرح اولیه سایت

تعداد تشکر ها از alfagig به دلیل پست مفید

پاسخ : بررسی طرح اولیه سایت

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

موضوعات مشابه

سلام دوستان بروز ترین سایت دوبله فارسی کدومه این uptvs خودش فارسی می کنه ؟

لیست کلیه ی سیستمهای مدیریت محتوای فارسی و فارسی شده

درخواست اسکریپت فارسی سایت ویکی پدیا جهت راه اندازی سایت ویکی whmcs به زبان فارسی

مجوز های ارسال و ویرایش