cont

Merhaba arkadaşlar;

öncelikle neden webtasarımı forumuna bu konuyu açmayıpta buraya açtığımı söylemeliyim...Çünkü bilmeyen arkadaşlar mutlaka sorabilir...
Cevabı: ASP bir webprogramlama dilidir...

_______________________Ders 1__________________________

Şimdi form elemanlarını bi tanıyalım...

* textbox

Kullanıcılardan uzun olarak almadığımız bilgilerde kullanılan bir forum elemanıdır...Örnek olarak Bu forumdaki Arama yaptığımız yazı alanını verebiliriz...

kodu : <input type="text" name="txt" value="qwert">

type="text" abcrtyew bu şekilde yazılarımızı gösterir yani normal bir şeklde...
type="password" ******* şeklinde yazılarımızı gösterir.Genelde parola girişlerinde kullanılır...
type="hidden" sayfada textbox 'ın görünmemesi için kullanılır...Bu kod aynı zamanda diğer elemanlardada kullanılabilir...
value="qwert" qwert sayfa açıldığında textbox 'ın içinde qwert yazısını görünmesini isterseniz bunu yazabilirsiniz...Aksi ise value="qwert" bu kodu silin... Genelde arama textbox 'larının içinde "Aramayap" şeklinde bulunur....



* textarea

multiline.Yani bir metin editöründen farksız bir form elemanı...Enter tuşu ile alt satıra geçme gibi özellikleri var...textbox 'a tek satır yazı yazabiliyoruz fakat textarea 'ya bir kaç satır yazabiliriz...Örnek olarak bu forumda bu yazıyı yazdığım alanı verebiliriz.

kodu : <textarea name="yazi" rows="5" cols="50"></textarea>

>*</textarea> yanda bulunan yıldızlı alana yazdığımız yazıda textbox 'daki value görevini görecektir...


* radio button

Tercihlerimizin belirtildiği ve değerleri tanımlı olan form elemanlarıdır...Radyo butonlarında kullanıcı aynı isimde olan butonlardan sadece birini işaretleyebilir...Örnek olarak; genelde anketlerde oy verirken işaretlediğimiz alanlarda kullanılır...

kodu : <input type="radio" name="anket" value="Tarkan">En çok sevdiğim sanatçı TARKAN
<input type="radio" name="anket" value="Musatafa Sandal">En çok sevdiğim sanatçı Mustafa Sandal gibi...Yanlız dikkat edilmesi gereken şey burada value="Tarkan" bu kod ile Tarkan yazısı textbox 'daki gibi sayfada görünmez....Nedeni ileriki derslerde...


* check box

Checkbox, onay kutusudur...Radyo butonları gibi ziyaretçilerden belli seçenekler içinde bilgi alınmasını sağlar...Ancak bunun farkı ziyretçiler bu onay kutularının hepsini işaretliyebilir...İleriki derlerde bunların daha farklı amaçlarla kullanulmasınıda öğreneceğiz...

" Yoruldum biraz soluklaniim "


* ListBox

Listbox 'lar tıklandığında aşağı doğru bir liste açılır ve bu listelerden sadece bir tane seçenek seçilir...Örnek; Forumda yeni konu açtığınızda Mesaj simgesini seçtiğiniz alan...

kodu : <select name="simge">
<option value=":]">Standart</option>
<option value="xy">Aşağı parmak</option>
<option value="td4">Soru işareti</option>
<option value="" selected>Gülümseme</option>
<option value="td8">Üzgün</option></select>

yukarıdaki value değerleri gerçek değildir... "selected" komutu sayfa açıldığında seçili olan veriyi belirler...

Yakında yenibilgilerle tekrar karşınızda olacağım...
_______________________Ders 2__________________________

PWS kurulumu
Buradan PWS kurulumunuzu yapınız... PWS (Personal Web Server) Kurulumu:

Güncellenecektir

cont

3. DERS


MESAJ PENCERESi SCRIPTI

şimdi aşağıda resimde belirtilmiş dizine bir klasör açın...( Programı açıp bakın )



Şimdi açtığımız klasörün içine db adlı bir klasör açıp db adlı klasöründe içine yeni MS ACCESS belgesi açalım ve adını "database" koyalım.

daha sonra database.mdb dosyamızı açalım...Aşağıdaki resimde belirtilmiş olanı yapacağız...
Önce "Tasarım görünümünde tablo oluştur" seçeneğini açın...Aşağıdaki pencere çıkacak...Şimdi aşağıdaki gibi yazın ve "id" satırını sağ tıklayarak "Birincil Anahtar" seçeneğine basın ve daha sonra mesaj adıyla kaydedin...
Herşey aşağıdaki resim gibi olmalı....

Daha sonra MS FRONTPAGE, EditPlus, DREAMWEAVER, NOTEPAD veya başka bir metin editörünü açarak aşağıdaki kodları yazın...Ben MS FRONTPAGE 'ten anlatımımı yapacağım...

MS FRONTPAGE 'i açın..HTML sayfasına geçin ve herşeyi silin...Daha sonra aşağıdaki kodu yazın.

<%Set bag = Server.CreateObject("ADODB.Connection")
bag.Open "Driver={Microsoft Access Driver (*.mdb)}; dbq=" & Server.MapPath("db/database.mdb")%>

Sonra dosyayı kaydedin db.asp adıyla bunu aşağıdaki gibi yapın..Yanlız db dizinin bir üst dizinine kaydedin..



Sonra MS FRONTPAGE 'te yeni bir sayfa açın..HTML sayfasına geçin ve herşeyi silin...Daha sonra aşağıdaki kodu yazın.


<!--#include file="db.asp"-->

<%
Set mesaj = Server.CreateObject("ADODB.RecordSet")
sql_mesaj = "Select * from mesaj order by id desc"
mesaj.open sql_mesaj,bag,1,3
%>

Sonra dosyayı kaydedin tablo.asp adıyla.Bunu yine aynı şekilde kaydedin..Yine db dizinin bir üst dizinine kaydedin..

Sonra MS FRONTPAGE 'te yeni bir sayfa açın..HTML sayfasına geçin ve herşeyi silin...Daha sonra aşağıdaki kodu yazın.



<!--#include file="tablo.asp"-->
<html>

<head>
<meta http-equiv="Content-Language" content="tr">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>ASP MESAJ</title>
</head>

<body link="#FFFFFF" vlink="#008000" alink="#00FF00" text="#FFFFFF" bgcolor="#A97E7E">



<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="50%" id="AutoNumber1" height="35">
<%
do while not mesaj.eof
%>
<tr>
<td width="100%" height="17" align="left" valign="top"><%=mesaj("msj")%></td>
</tr>


<tr>
<td width="100%" height="18">
<p align="right"><a href="mailto:<%=mesaj("mail")%>"><%=mesaj("kim")%> </a></td>
</tr>
<%
mesaj.movenext
loop
%>

</table>
</center>
</div>



</body>

</html>

Sonra dosyayı kaydedin mesaj.asp adıyla.Bunu yine aynı şekilde kaydedin..Yine db dizinin bir üst dizinine kaydedin..

Sonraki dersimizde devam edeceğiz...Açıklamalarınıda sonraki ders yapacağız...

Buradaki asp kodlarına bir bakın... http://www.aspindir.com

__________________
www.gbak.net / www.ozcanbicak.com

cont

Ben anlatıyom ama dinleyen yokmu arkadaşlar sadece bir arkadaşımız mı dinliyo...
Çünkü ben bunların hepsini kendim yazıyom internetten indirmiyom.Amacım asp bilmeyenlerde asp öğrenip kendilerini geliştirsin...Lütfen biraz katılımcı olun arkadaşlar...

__________________
www.gbak.net / www.ozcanbicak.com

Sporcu

saol kardeş güzel anlatım :zafer:

cont

db.asp


Veri tabanına bağlantı için bu kodu kullanıyoruz... ("db/database.mdb") sanırım anlayacaksınız bu veri tabanının yoludur...


<%Set bag = Server.CreateObject("ADODB.Connection")
bag.Open "Driver={Microsoft Access Driver (*.mdb)}; dbq=" & Server.MapPath("db/database.mdb")%>

__________________________________________________ ________



tablo.asp


<!--#include file="db.asp"--> Bu kod veritabanını belirttiğimiz dosyayı açar...Yani tablo.asp çalıştığında db.asp de çalışır.

<%
Set mesaj = Server.CreateObject("ADODB.RecordSet")
sql_mesaj = "Select * from mesaj order by id desc"
mesaj.open sql_mesaj,bag,1,3
%> Bu kodta ise tablomuza bağlanıyoruz..."mesaj" yerine istediğimiz tanımı yapabiliriz fakat bunu mesaj yazan heryerde belirtmeliyiz.Ayrıca "order by id desc" ise id numarasına göre sıralama yapmamızı sağlar, böylece son gelen mesaj en üste geçer...

__________________________________________________ ________

mesaj.asp

Gördüğünüz gibi burdada tablo.asp include edilerek çalıştırılmış...Yani dosyamız artık hem veritabanına hemde tablomuza bağlı...
<title>ASP MESAJ</title> buradan sitemizin başlığını değiştirebiliriz...

<%
do while not mesaj.eof
%>
<%
mesaj.movenext
loop
%> Bu iki kod bir döngüyü oluşturur...Yani veritabanımıza kayıt eklendikçe burada gösterir...

<tr>
<td width="100%" height="17" align="left" valign="top"><%=mesaj("msj")%></td>
</tr>
<tr>
<td width="100%" height="18">
<p align="right"><a href="mailto:<%=mesaj("mail")%>"><%=mesaj("kim")%> </a></td>
</tr> buradaki kodlarda bulunan <%=mesaj("mail")%> ve mail yerine yazılan msj ve kim adlı kodlar veritabanındaki kaydı almamızı sağlar...Yani sayfada görüntülenmesini.mail in yanındaki mesaj ise yukarıda "set mesaj" yazdık ya oradaki mesajı buraya da yazdık böyle başka bir tabloyada bu sayfada bağlandığımızda bir karışıklık çıkmayacak...(adını değiştirmek şartıyla)

Veritabanı : Kayıtların saklandığı dosya...

__________________
www.gbak.net / www.ozcanbicak.com

champione

derslerde güzel şeyler anlatıyosun ama çok karışık olmuş, derleme gibi olmuş __ kodların her bölümünü mantığını falan da anlatırsan sevinirim

teknoboy

konu başlıklarını kırmızı yapsan ii olur:forumti: :forumti: :forumti:

__________________

gokan38

sagol dostum ellerine emegine saglık

cont

Ders3 te bazı düzenlemeler yapıldı.

Düzenleme:
2. resim
tablo.asp
mesaj.asp

__________________
www.gbak.net / www.ozcanbicak.com

cont

Önceki derslerdeki gibi ms frontpage te bir sayfa açıp html sayfa görünümüne geçerek bulunanları temizliyoruz ve alttakileri yazıp mesaj_ekle.asp adıyla kaydediyoruz...

<meta http-equiv="Content-Language" content="tr">
<div align="center">
<center>
<form action="islem.asp" method="post">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="70%" id="AutoNumber1" height="28">
<tr>
<td width="25%" align="left" valign="top" height="9">
<p align="right">Kullanıcı Adı : </td>
<td width="25%" align="left" valign="top" height="9">
<INPUT size=35 name="kim">
</td>
<td width="25%" align="left" valign="top" height="9">
<p align="right">e-mail : </td>
<td width="25%" align="left" valign="top" height="9">
<INPUT size=30 name="mail"></td>
</tr>
<tr>
<td width="100%" colspan="4" height="19">
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="25%" align="left" valign="top">
<p align="right">Mesajınız : </td>
<td width="75%" align="left" valign="top">
<textarea class=form name="msj" rows="11" cols="47"></textarea></td>
</tr>
<tr>
<td width="100%" align="center" valign="top" colspan="2">
<input type="submit" name="gonder" value="Mesajımı Gönder"></td>
</tr>
</table>
</center>
</div>
</td>
</tr>
</table>
</form>
</center>
</div>

Açıklama:

<form action="islem.asp" method="post"> burada form tagı açarak sayfamıza mesaj gönderdiğimizde nereye, nasıl gideceğini belirtiyoruz..kafamıza göre gidecek adres belirtmiyoruz tabiki buraya yazdıklarımızı işleyeceğimiz sayfaya göndericez...

action="sayfanın gideceği adres" şeklinde
method="post veya get" post yaptığımızda mesajımız gittiğinde "http://www.forumti.com/newreply.php?do=newreply&noquote=1&p=5832" şu şekilde bir görüntü adres çubuğunda olmayacak...Fakat get yaptığımızda "http://www.forumti.com/newreply.php?do=newreply&noquote=1&p=5832" şeklinde ve sınırlı karakterde bir görüntü adres çubuğunda oluşacaktır...Aradaki fark budur başka bir farkı yoj...
<input type="submit" name="gonder" value="Mesajımı Gönder"> buradaki type="submit" önceki dersten adını hatırlıyoruz bu buton işlevi görüyor..<input type="image" src="resimyolu" name="I2" alt="mesaj"> aynı zamanda bu şekilde yaparak buton yerine kendi hazırladığımız veya bulduğumuz resimleride ekleyebiliriz.Fakat unutmayın bunun için type="image" submit yerine image kullanmamız gerekir.
</form> sonra form tagını kapatıyoruz...

yine birsayfa ve aynı işlemleri yapıyoruz...Aşağıdaki kodları yazıp islem.asp şeklinde kaydediyoruz...

<%response.buffer = true%>


<%
dim kim
dim mail
dim msj




kim=Request.Form("kim")
mail=Request.Form("mail")
msj=Request.Form("msj")
%>
<!--#include file="tablo.asp"-->


<%

mesaj.AddNew

mesaj("kim") = kim
mesaj("mail") = mail
mesaj("msj") = msj


mesaj.Update




Response.Redirect("default.asp")
%>

Açıklama:

<%response.buffer = true%> burada işlem bittikten sonra sayfamızın yönlendirmek için bu kodu kullanmalıyız.

dim kim
dim mail
dim msj bu kodlar değişken yani dim ile değişkenleri belirtiyoruz değişkenler ise <INPUT size=30 name="mail"> bunlar yani input yazdığımız kodda buton haricindekileri tanımlıyoruz..name="mail" burada bulunan mail ve diğerlerini dim in yanına yazarak tanımlamayı yapabiliriz.

kim=Request.Form("kim")
mail=Request.Form("mail")
msj=Request.Form("msj") burada formumuzdan hangi değişkenlerin içeriğini alacaksak onları belirtiyoruz...

mesaj.AddNew eğer yeni kayıt ekleyeceksek bunu mutlaka yazmalıyız güncellemede bunu yazmıyoruz.....mesaj yazdığımız yer tablo.asp de set yazan yerin yanındaki mesaj yazısıdır..Hangi tabloya nasıl bağlandıysak burayada onu yazmalıyız...

mesaj("kim") = kim
mesaj("mail") = mail
mesaj("msj") = msj burada veritabanına kaydımızı yapıyoruz.


mesaj.Update burada işemin güncellendiğini belirtiyoruz.Bu yeni kayıt eklerkende güncelleme yapılırkende kullanılır.

Response.Redirect("default.asp") şimdide kayıt işlemi bittikten sonra sayfanın hangi sayfaya yönleneceini yapıyoruz..

soraki ders default.asp yapacağız bu yüzden bunları şimdi çalıştırırsak yönlendirmede sayfa blunamayacaktır...

__________________
www.gbak.net / www.ozcanbicak.com