Son Değiştirilme04:44:11 PM GMT

Başlıklar
Anasayfa

WEB

Örneklerle CSS Kullanımı

e-Posta Yazdır PDF
CSS uzun haliyle Cascading Style Sheets web sitelerinde tasarımın ön plana çıkmasıyla önem kazandı.Kolay kullanım kod düzeni ve sayfaların yenlenme süresini kısaltmasıyla web siteleri için vazgeçilmezhale geldi satır içi sayfa içi ve sayfalar arası kullanımıyla çok büyük avantajlar sağladı.Bizde bu dersimizde CSS'in bazı kullanım şekillerini inceleyecğiz ilk olarak satır içi kullanımını inceleyelim bir örnek verelim.
yazilim-arsivi.net.html
<html>
<head>
</head>
<body>
<table style="width: 200px" align="center">
<tr>
<td style="color:red; font-size:large;">Kırmızı</td>
<td style="color:blue; font-size:small;">Mavi</td>
</tr>
</body>
</html>
Sayfa İçi CSS
Şimdide yukarıda yaptığımız işlemi bir kere yaparak <td> tagları içerisinde çağırarak daha düzenli daha az kod yazılan css kullanım şeklini görelim.
<html>
<meta http-equiv="Content-Language" content="tr">
<style type="text/css">
.kirmizi{
color:red;
font-size:small;
}
</style>
</head>
<body>
<table style="width: 200px" align="center">
<tr>
<td>www.yazilim-arsivi.net
</td>
</tr>
<tr>
<td>www.halitozdemir.com
</td>
</tr>
<tr>
<td>www.microsoft.com
</td>
</tr>
</body>
</html>
Sayfalar Arası CSS
Öncelikle bir css dosyası oluşturuyoruz.
ornek.css
td{
color:red;
font-size:small;
}
<html>
<head>
<meta http-equiv="Content-Lnaguage" content="tr">
<link rel="stylesheet" type="text/css" href="ornek.css">
</head>
<body>
<table style="width: 200px" align="center">
<tr>
<td>www.yazilim-arsivi.net</td>
</tr>
<tr>
<td>www.halitozdemir.com</td>
</tr>
</table>
</body>
</html>
Bu şekilde bir tek css dosyasını tüm sayfalarda kullanabilirsiniz
CSS uzun haliyle Cascading Style Sheets web sitelerinde tasarımın ön plana çıkmasıyla önem kazandı.Kolay kullanım kod düzeni ve sayfaların yenlenme süresini kısaltmasıyla web siteleri için vazgeçilmezhale geldi satır içi sayfa içi ve sayfalar arası kullanımıyla çok büyük avantajlar sağladı.Bizde bu dersimizde CSS'in bazı kullanım şekillerini inceleyecğiz ilk olarak satır içi kullanımını inceleyelim bir örnek verelim.
Devamını oku...

JavaScriptlerde Hata Yakalama

e-Posta Yazdır PDF
Hayatta olduğu gibi programlamada da hatalar hep karşımıza çıkmaktadır hatasız kul olmayacağı gibi hatasız programda olmaz :d milyar dolarlar harcanan Windows bile hata veriyor yazılım gibi yapılması için sabrın ve dikkatin en üst seviyelerde olması gereken bir meslekte dalgınlıktan ya da dikkatsizlikten dolayı birçok hatayla karşılaşabiliyoruz işte bu yazımızda da javascriptlerede karşımıza çıkabilecek hatalardan nasıl kurtulabileceğimizi göreceğiz. Birde bizden kaynaklanmayan hata çeşitleri var örneğin sayı girilmesi gereken bir yere inatla yazı yazmaya çalışan şahsiyetler olabiliyor işte birçok dilde olduğu gibi javascriptede bu tür hataların yakalanması için fonksiyonlar bulunuyor .Şimdi dilerseniz bununla ilgili bir örnek yapalım.
Örneğimizde bir fonksiyondan bilgileri alıyoruzdiğer bir fonksiyonlada bu bilgileri yazıyoruz .
<script type="text/javascript" language="javascript" >
function KimlikBilgileri(ad,soyad,numara)
{
this.adi=ad;
this.soyadi=soyad;
this.numara=numara;
}
function BilgileriGoster(goster)
{
return goster.adi +" "+goster.soyadi+" "+goster.numara
}
kimlik=new KimlikBilgileri("halit","Özdemir","0670101")
try
{
alert (BilgileriGoster(kimlikk));
}
catch(Error)
{
alert("Hataaaa");//Hata sebebi kimlik yerine kimlikk yazmamız
}
</script>

Her dilde olduğu gibi javascript kodlarında da hata yapma ihtimali çok yüksek yazılım gibi bilgi kadar sabrında önemli olduğu bir meslek grubunda hatalarla karşılaşılması en doğal olağan şeylerden biri olsa gerek Birde bizden kaynaklanmayan hata çeşitleri var örneğin sayı girilmesi gereken bir yere inatla yazı yazmaya çalışan zihniyetler olabiliyor işte birçok dilde olduğu gibi javascriptede bu tür hataların yakalanması için fonksiyonlar bulunuyor .Bizde bu dersimizde bu hatalardan nasıl kurtulanacağını göreceğiz aslında hata yakalamak çok kolaydır sadece hata verebilecek yeri ve hata şeklini bilmeniz yeterli.Şimdi dilerseniz bununla ilgili bir örnek yapalım.

Devamını oku...

Ajax'a Giriş ve İlk Ajax Örneğimiz

e-Posta Yazdır PDF
Ajax asenkron javascript ve XML kelimelerinin kısaltılmış halidir.Ortaya çıkış sebebi ise günümüzde web sitelerinin Windows uygulamalarındaki kolaylıkta olmuyordu ve en küçük bir işlemde bile tüm sayfayı yenileyerek gereksiz yere internet kullanımına sebep oluyordu bu hem kullanıcıyı rahatsız ediyordu (sayfanın yenilenmesinin beklenmesinden dolayı) hemde Türkiye gibi internetin çokta hızlı olmadığı ülkelerde internetin gereğinden fazla kullanılarak internetin dahada yavaşlamasına sebep oluyordu işte Ajax bu noktada internet aleminin imdadına koşarak hem Ajax kullananlara hemde dolaylı yöndende olsa kullanmayanlara zaman ve performans kazandırıyor.Ajax'ın kullanıldığı bir site önermem gerekirse bu hiç kuşkusuz Google Maps (maps.google.com) olurdu bu siteye girdiğinizde sayfa tamamen yenilenmez.

Ajax asenkron javascript ve XML kelimelerinin kısaltılmış halidir.

Ortaya çıkış sebebi ise günümüzde web sitelerinin Windows uygulamalarındaki kolaylıkta

olmuyordu ve en küçük bir işlemde bile tüm sayfayı yenileyerek gereksiz yere internet

kullanımına sebep oluyordu bu hem kullanıcıyı rahatsız ediyordu (sayfanın yenilenmesinin

Devamını oku...

ASP.NET İle Yapılmış Alışveriş Sitesi Indir

e-Posta Yazdır PDF

Bu web sitesinide web tasarımı dersinin ikinci dönemi için final ödevi olarak 3 arkadaş yapmıştık.Bunuda ilgilenen arkadaşlar için siteye ekliyorum.Bu sitede asp.net'in birçok özelliğini kullandık master page  gibi üyelik işlemleri için asp.net'in hazır kontrolleri olan validation kontrollerini kullandık.Bu sitede içerik admin panelinden ekleniyor buda çok güzel ve zor bir iş.Eminim birçok arkadaşın işine yarayacaktır yine veritabanı olarak MsSQL 2005 'i kullandık.bu sayedede veritabanı bağlantısını veritabanından bilgi çekme veritabanındaki bilgileri silme ve arama gibi işlemleri yapabiliyoruz bu da iyi bir örnek olacaktır.

 

ASP.NET İle yapılmış alışveriş sitesini indirmek için buraya tıklayınız

ASP.NET İle Yapılmış Güzel Bir Web Site Indir

e-Posta Yazdır PDF

Asp.net ile yapmış olduğum bu siteyi aslında yayınlamak istiyordum ama asp.net'in insanı çıltırtan tasarım işi yüzünden yayınlamaktan vazgeçtim ve  insanların faydalanması için siteme ekledim.Bu web sitesini yapma amacım ise aslında yazilim-arsivi.net'teki ile aynı yazılımla ilgili güzel bir web sitesi yapmak istiyordum yazılım konusundaki yaptıklarımı yazılımla ilgilenen arkadaşlar için internette yayınlamaktı.

Devamını oku...

Sayfa 1 > 2