vampire2016
یک شنبه 04 خرداد 1393, 12:12 عصر
مرحله اول انتخاب موضوع هستش
2 : کشیدن شکل سایتت روی کاغذ
3 : آشنایی با ویژوال استودیو
4 : آشنایی با زبانهای سی شارپ و CSS , یکم JS
5 : شروع به کار طراحی سایت (ایجاد یک مستر پیج و طراحی در داخل اون)
6 : عیب یابی
7: خرید هاست و دامین
8: عیب یابی ثانویه
9 : گذاشتن سایت روی اینترنت
10 : موفق باشی
11 : موردی بود بپرس
5:اول یک new website ایجاد کن بعد صفحه defualt.aspx رو حذف کن بعد بیا یک new item کن اونجا یک مسترپیج ایجاد کن
با یک فایل css هم طراحیش رو انجام بده
body
{
background-image: url('Images/bg.png');
font-family:Tahoma;
font-size:14px;
}
.main
{
width:900px;
height: auto;
background-color:#FFF;
margin:auto;
}
.header
{
background-image:url('Images/header.jpg');
background-repeat:no-repeat;
width:900px;
height:100px;
}
.menu
{
background-image:url('Images/menu.jpg');
width:900px;
height:50px;
background-repeat:no-repeat;
line-height:50px;
position: relative;
}
.menu ul
{
list-style-type:none;
}
.menu ul li
{
display:block;
float:right;
}
.menu ul li a
{
padding:0 10px 0 10px;
font-family:Tahoma;
font-size:16px;
color:#fff;
text-decoration:none;
}
.menu ul li a:hover
{
color:#ff0000;
background-color: #dbdbdb;
padding:7px;
}
.container
{
width:900px;
background-color:#e2e2e2;
color:#000000;
height:2000px;
/*padding-bottom:10px;*/
}
#left
{
float: left;
background-color:White;
width:150px;
height:1150px;
}
#right
{
width:750px;
height:auto;
margin-top: 10px;
}
#right-right
{
float:right;
background-color:White;
width:200px;
height:1000px;
float:right;
}
.right-right-1-top
{
background-image: url('Images/post-right-top.jpg');
width:200px;
height:40px;
text-align: right;
font-size: 16px;
}
#right-right-1-body {
width:200px;
height:180px;
background-color: #fff;
text-align:center;
}
.right-right-2-body
{
width:200px;
height:400px;
background-color:#fff;
text-align:right;
}
#right-post {
float:right;
background-color: #fff;
width:530px;
height: auto;
float: left;
margin-left: 10px;
margin-right: 10px;
}
#test
{
margin-top: 5px;
background-image: url('Images/3TSport.jpg');
width: 500px;
height: 100px;
margin: auto;
background-repeat: no-repeat;
}
.footer
{
width:900px;
height:50px;
background-image: url('Images/Footer.jpg');
background-repeat:no-repeat;
}
اینم کد html برای منو
<head>
</head>
<body>
<div class="menu">
<ul>
<li><a href="Default.aspx">صفحه اصلی </a></li>
<li><a href="upload_center.aspx">آپلود سنتر</a></li>
<li><a href="Galley.aspx">گالری تصاویر</a></li>
<li><a href="Register-policy.aspx">عضویت</a> </li>
<li><a href="questionform.aspx">ارتباط با ما</a></li>
</ul>
</div>
</body>
در ادامه هم مشکلی بود در خدمتم
ببخشید دوست من
من تونستم منو را با کدی که دادید طراحی کنم ولی موندم چه شکلی فایل css طراحی کنم میشه بهم بگید