-
July 23rd, 2011, 18:46
#1
بررسی طرح اولیه سایت
سلام دوستان من یه طرح اولیه بری یه سایت طراحی کردم فقط چهار چوب اصلی هست میخوام یه نگاهی بهش بندازید و ایرادها شو بهم بگید
در کل راهنمائیم کنید که چه چیزهایی باید استفاده می شده که نشده و بر عکس
ممنون
این کد 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> </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>
ممنون از راهنمائیتون
-
-
July 23rd, 2011 18:46
# ADS
-
July 24th, 2011, 02:06
#2
عضو انجمن
پاسخ : بررسی طرح اولیه سایت
سلام با 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
یاهو آی دی : parfamhost
ایمیل : ZarServer@gmail.com
-
تعداد تشکر ها از alfagig به دلیل پست مفید
-
July 24th, 2011, 02:11
#3
پاسخ : بررسی طرح اولیه سایت
راهنمائیتون خیلی عالی بود
مرسی
-