Loading
asp dersleri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
asp dersleri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

15 Eylül 2021 Çarşamba

web tasarım dersleri nerden başlamalı

,

Web Tasarım günümüzde popülerliğini her geçen gün artıran bir bilişim alanı. İnternetin tüm dünyaya yayılması ve bugün cep telefonlarından, tablet bilgisayarlardan sokaklarda bile ücretsiz şekilde internete bağlanabilmemiz, bu dünyaya olan ilgiyi artırdı. Bu kadar ziyaretçisi olan bir dünyaya, profesyonel iş uygulamaları hızla kaymaya başladı. Bugün artık birçok şirket tüm yazılımlarını internet üzerindeki platformlara taşımaya başladı. Klasik masaüstü yazılımların güncelleme dertleri ve bakım masrafları gerek şirketleri gerekse yazılımcıları web dünyasına itti.      

Bir yazılım geliştirmek istiyorsunuz diyelim, geliştirilen uygulama Windows, Linux, MAC gibi platformlarda çalışabilmeli. Ne yaparsınız, tabi ki web tabanlı bir çözüm geliştirirsiniz. Kullanıcı ister evinden, ister gittiği ülkeden rahatlıkla bağlanabilir, işlerini coğrafi bölgeden bağımsız olarak devam ettirebilir. Aklınızda soru kalmaması için bu uzun girişi yaptım. Peki web tabanlı bir çözüm üretmek için neleri bilmeliyiz?  
Önce HTML(Hypertext Markup Language), yani Veri İşaretleme Dili, bugünlerde HTML5 sürümü ile yeni özellikler kazandırılan web sayfalarının ana görüntüleme dili. Öğrenimi çok kolay ve basit omakla birlikte, pratik yapmadığınızda akılda kalmaz. Çeşitli yazılım geliştirme araçları ile HTML kodları otomatik olarak üretilir. Bu araçlar otomatik üretse de tavsiyem tamamen HTML'ye hakim olmanızdır. 


CSS,(Cascading Style Sheet) ise iyi bir web tasarımcı olmak için elzem olan bir teknoloji. HTML web sayfalarına 
hükmetse de CSS olmadan profesyonel görünümde ve her cihazda çalışan sayfalar hazırlayamazsınız. CSS ile sayfanıızın nasıl bir şabllona yerleşeceğini planlarsınız. CSS ile farklı şablonlar hazırlayıp, görünümü farklı sayfalar üretebilirsiniz. Google arama motoru da tablolar kullanarak hazırlanmış HTML sayf
alarından çok CSS ile biçimlendirilmiş sayfaları sever.

Jquery ise sayfalarına hareket katmak için geliştirilmiş, daha az kod yazarak daha çok iş yapacağınız bir teknoloji. Eskiden kullandığımız JavaScript'in tahtına oturdu, birçok özelliği JavaScript'den alsa da, sürekli yenilenen kütüphanesi ile wenb tasarımcıların vazgeçilmezi haline geldi.

Dinamik dillerden birini (ASP.net veya PHP gibi) de bilmek zorundasınız, zira Jquery istemci tabanlıdır, son kullanıcı Jquery kodlarını inceleyebilir, görebilir ama Jquery hızlıdır. ASP.net, PHP, Perl gibi diller ise sunucuda çalışan ve HTML kodlarını istediğiniz gibi üretmenizi sağlayan teknolojilerdir. Son kullanıcı, ASP veya PHP'nin ürettiği kodları göremez, sadece sunucu bilgisayarda bulunan web sunucu aracılığı ile üretilen HTML kodlarının sonucunu görür. Bu da güvenlik açısından önemlidir.


Dinamik diller, diğer taraftan veritabanı ile de iletişim kurarak, verilerin sunucularda saklanmasını, sorgulanmasını sağlarlar. Web dünyasının hızlı gelişmesi de dinamik dillerden sonra olmuştur. 90'lı yıllarda hazırlanan sadece HTML kodundan oluşan web sayfaları günümüzde tamamen ASP.net ve PHP ağırlıklı dinamik dillerin kullanıldığı sayfalara bırakmıştır.

Peki PHP mi, ASP.net mi öğrenmelisiniz? Diğer bir makalede iki dilin de farklarını anlatıp seçimi size bırakacağım.

27 Haziran 2012 Çarşamba

ASP ile Ajax Kullanımı

,


ASP ile ajax kullanımı hakkında basit bir işlem yapacağız. XMLHttpRequest nesnesi oluşturup formdaki bir bilgiyi nasıl post edeceğiz öğreneceğiz.


Öncelikle AJAX hakkında bilgi edinmenizi, nedir, neye yarar gibi soruların yanıtını bulmanız gerekmektedir.

Ajax fonksiyonlarını vererek kodlarda gerekli açıklamaları yaparak konuyu anlatıyorum.

function yeni_nesne(){
     var nesneyarat;
     /*@cc_on @*/
     /*@if (@_jscript_version >= 5) try { nesneyarat = new ActiveXObject("Msxml2.XMLHTTP"); }
     catch (e) {
          try { nesneyarat = new ActiveXObject("Microsoft.XMLHTTP"); }
          catch (E) { nesneyarat = false; }
     }@end @*/
     if (!nesneyarat && typeof XMLHttpRequest!='undefined') {
      try {
       nesneyarat= new XMLHttpRequest();
      } catch (e) {
       nesneyarat=false;
      }
     }
     return nesneyarat;
}

function AoL(id,cikti,hedef) {
     var aktifform  = document.getElementById(id);
     var ekranayaz  = document.getElementById(cikti);
     var ciktiver   = new String("");
     var name, value;
          for(var C = 0; C < aktifform.elements.length; C++){
               name  = aktifform.elements[C>.name;
               value = aktifform.elements[C>.value;
               ciktiver += escape(name) +'='+ encodeURIComponent(value) +'&';
          }
     var nesneiste = new yeni_nesne();
          nesneiste.open("post", hedef, true);
          nesneiste.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=iso-8859-9");
          nesneiste.send(ciktiver);
          nesneiste.onreadystatechange = function() {
               if (nesneiste.readyState == 4 && nesneiste.status == 200) {
                    ekranayaz.innerHTML = nesneiste.responseText;
               }
               else { ekranayaz.innerHTML = ''; }
          }
     return false;
}


2 adet fonksiyonumuz mevcut. Birisi XMLHttpRequest nesnesi oluşturuyor, diğeri form bilgilerini post ediyor. XMLHttpRequest nesnesini burada anlatmak çok uzun olacağından sizi WIKI'deki kısa dökümanla başbaşa bırakıyorum. Farklı kullanımları mevcut, fakat ben genelde bu kullanımı tercih ediyorum.

2. fonksiyonumuzda ciktiver adında bir fonksiyon gözünüze çarpıyordur. Bunun amacı Türkçe karakterleri ve post esnasında tanınmayan karakterleri bozmadan gönderip, çıktı alabilmek içindir.

Herkes Turkçe karakter sorunundan yakınır. Eğer sayfanızın işaretleme tipi ile, setRequestHeader'i birbiriyle uyumlu hale getirir ve son olarakta ajax yordam sayfanıza bir charset belirtirseniz hiçbir sorun yaşamazsınız.

Form bilgilerimiz ise şöyle olacak,

<form id="form" onsubmit="return AoL(this.id,'sonuc','ajax.asp')">
     <label for="adsoyad">Adınız Soyadınız</label><br />
     <input type="text" name="adsoyad" id="adsoyad" />
     <input type="submit" value="Gönder" />
</form>
<div id="sonuc"></div>


Burada onsubmit yordamında (sizler değiştirebilirsiniz) 3 olay gerçekleşmekte. Formun id bilgisini gönderiyoruz, gelen sonucun sonuc adlı id'li elementte işlenmesini belirtiyoruz ve son olarak bu bilgiler ajax.asp adlı dosyada işleneceğini bidiriyoruz.

Ajax için elementlerin ID bilgileri çok önemlidir. Post edebilmek içinde form bilgilerine birer name eklememiz gerekir. Aynı olmak zorunluluğu yoktur.

şimdi ise ajax.asp adlı sayfamızı oluşturalım,

<%
     response.charset = "iso-8859-9"
     ad = request.form("adsoyad")
     If Len(ad) < 1 then
          response.write "Adsoyad alanını boş bıraktınız"
     Else
          response.write "Forma yazılan bilgi <strong><u>"&ad&"</u></strong>'dır"
     End If
%>

Bu sayfada pek yabancı işlem yapılmamış. Bir charset atanmış ve post ile gönderdiğimizden aynı şekilde verimizi alıp sınamışız.


Bu örneği sizlere birşeyler çağırıştırması açısından hazırladım. Ajax bu kadar basit mi? Hayır kesinlikle, ve yapılabilir en basit işlem budur. Javascript bilginizi zorlayarak bu mini modülü geliştirebilir daha esnek bir form işlemi hazırlayabilirsiniz.

Bu örneği download etmek için tıklayınız.

20 Haziran 2012 Çarşamba

Asp dersleri bölüm 2

,
Boş dolu kontrolleri önemlidir bi çok hataya sebep olabilir
default.asp sayfamıza bunları yazıyoruz
<html>
<form action="girisyap.asp" method="post">
<table>
<tr>
                <td><input type="text" name="name"></td>
<td><input type="text" name="pass"></td>
<td><input type="submit" value="giris yap"></td>
</tr>
</table>
<form>
</html>

girisyap.asp sayfamızda islemlerimizi yapcaz

<%
If request("mail")<>"" And request("pass")<>"" Then
      mail=request("mail")
      pass=request("pass")
      response.write pass
      response.write mail
Else
     response.redirect("default.asp")
End if
%>

evet üst kısımda görüldüğü gibi if ile default.asp den gönderdiğimiz verilerin boş mu dolu mu kontrollerini yaptık dolu ise ekrana mail ve pass i yazdırdık  boş ise default.asp sayfamıza yönlendirdik..

Asp Dersleri Bölüm 1

,
      Asp active server page in kısaltmasıdır  aktif sunucu dosyaları anlamındadır bir microsoft yazılımıdır  ve IIS altında çalışan programdır  kısacası asp budur uzuncası kaç bölüm olacağını şimdiden kestiremediğim  programdır.
     Asp uzantılı bir dosya temelde html den farksızdır ancak içinde asp kodları bulunur bu da ISS de derlenerek kullanılır hale getirilir.Peki asp ile neler yapabiliriz dinamik sayfalar oluşturabillirz nedemek derseniz kafamıza göre at koşturabileceğimiz bir alan oluştururuz yani veri istediğimiz şekilde düzenleye bilir silebilir yeni veri ekleyebillirz. web tabanlı uygulamalar geliştirebilirz yani yapabileceğimiz şeyler sizin hayal gücünüzle sınırlı..

Birazda kullanımına bakalım ;

asp kodları '<%'  '%>' arasında yazılır sebebi bunu ISS bildirmektir Html kodundan farklı olduğunu göstermelidir ki kodlar derlenip kullanıcının görebileceği şekle gelebilsin 
küçük örneklerle başlayalım


default.asp sayfamıza bunları yazıyoruz 

<html>
<form action="islem.asp" method="post">
<table>
<tr>
<td><input type="text" name="txt"></td>
<td><input type="submit" name="Gonder"></td>
</tr>
</table>
</form>
</html>

islem.asp sayfamızda işlemleri yapıyo

<%
Dim txt
txt=request.Form("txt")
response.write txt
%>

Sonuç olarak default asp sayfamızda bir text ve bir butonumuz oldu ve text içine yazdığımız veriyi islem.asp sayfasında ekrana yazdırdık bu işlemleri aynı sayfa için dede yapabilirdik şimdilik anlamanız için bu şekilde yaptım
 

Yazilim Kitabi Copyright © 2012