ASerdar.Com Kişisel Blog
Merhaba arkadaşlar ASP.NET kullanarak gelişmiş resim yükleme scriptimizi yapacağız.Üç derste bitirmeyi hedefliyorum scripti.ASP.NET framework 4.0 ve mssql 2012 veritabanı ile yapacağım projeyi.Bu resim yükleme scripti ni dilediğinizce sitelerinizde kullanabilirsiniz.
Ders 1 – Tasarım
Ders 2 – Veritabanı
Ders 3 – Programalama
1-)Visual Studio editörümüzü açıyoruz.Daha sonra c# dilinde yeni bir boş ASP.NET Web Sayfası Oluşturuyoruz.(File►New►Web Site)
2-)Ardından yeni bir web form ekle diyerek adını index.aspx yazıyoruz.
3-) Bir tanede stil dosyası oluşturarak adına style.css diyoruz.
4-)index.aspx’in içeriği;
<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<link href=”css/style.css” rel=”stylesheet” />
<title>ASerdar.Com – Resim Yükleme Scripti
</title>
</head>
<body>
<form id=”form1″ runat=”server”>
<div class=”header”>
<center><img src=”http://blog.aserdar.com/wp-content/themes/wplogv5/images/logo.png” /></center>
<div class=”menu”>
<ul>
<li><a href=”index.aspx”>Anasayfa</a></li>
<li><a href=”resimler.aspx”>Yüklenen Resimler</a></li>
<li><a href=”#”>İletişim</a></li>
</ul>
<div style=”clear:both;”></div>
</div>
</div><div class=”anadiv”>
<center><img src=”http://blog.aserdar.com/wp-content/themes/wplogv5/images/logo.png” /></center><br />
<center><h1>Resim Yükleme Servisi</h1></center><br /><center><table>
<tr>
<td><b>Resim Adı:</b></td>
<td>
<asp:TextBox ID=”TextBox1″ runat=”server”></asp:TextBox>
</td>
</tr>
<tr>
<td><b>Resmi Yükle</b></td>
<td>
<asp:FileUpload ID=”FileUpload1″ runat=”server” />
</td>
</tr>
<tr>
<td colspan=”2″><center><asp:Button ID=”Button1″ runat=”server” Text=”Resmi Yükle” /></center> </td></tr>
</table></center>
<center><h2>Resim Yükleme Şartları</h2></center>
<center>
<b style=”font-family:Arial;”>►</b>Telif Hakkı Taşıyan Resim Yüklemek Yasaktır <br />
<b style=”font-family:Arial;”>►</b>Telif Hakkı Taşıyan Resim Yüklemek Yasaktır <br />
<b style=”font-family:Arial;”>►</b>Telif Hakkı Taşıyan Resim Yüklemek Yasaktır <br />
<b style=”font-family:Arial;”>►</b>Telif Hakkı Taşıyan Resim Yüklemek Yasaktır <br />
<b style=”font-family:Arial;”>►</b>Telif Hakkı Taşıyan Resim Yüklemek Yasaktır <br />
<b style=”font-family:Arial;”>►</b>Telif Hakkı Taşıyan Resim Yüklemek Yasaktır</center>
<div style=”clear:both”></div>
</div>
<div class=”footer”>
<a href=”http://aserdar.com” target=”_blank”>ASerdar.Com – TaaRRuz</a>
</div>
</form>
</body>
</html>
5-)Style.css’in içeriği;
/*ASerdar.Com*/
/*Blog.ASerdar.Com*/
body {
margin:0px;
padding:0px;
font-family:Calibri;
}
.anadiv {
width:70%;
border-right:1px solid #CCC;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
margin:auto;
background-color:#EEE;
}
.header {
width:100%;
height:15%;
background-color:#EEE;
border-bottom:1px solid #CCC;
}.menu {
width:100%;
border-bottom:1px solid #666;
background-color:#999;
}.menu ul {
list-style-type:none;
padding:0px;
margin:0px;
}
.menu ul li {
float:left;
padding:5px;
border-right:1px solid #000;
}
.menu ul li a {
text-decoration:none;
color:#000;
}.menu ul li a:hover {
text-decoration:none;
color:#FFF;
}
table {
padding:5px;
}
table tr td{
padding:5px;
}.footer {
width:100%;
padding-top:5px;
padding-bottom:5px;
background-color:#0094ff;
text-align:center;
}
.footer a{
text-decoration:none;
color:#FFF;
}
6-)Çalıştırıyoruz ve sonuç;
Diğer derslerde görüşmek üzere kendinize iyi bakın…
Bir önceki yazımız olan Tasarımlarınız İçin Uyumlu Renkler başlıklı makalemizde Flat renkler, renk kodları ve uyumlu renk seçimleri hakkında bilgiler verilmektedir.
Bu derslerin devamını bekliyorum.Önceki php dersinizide takip etmiştim.