Öncelikle şunu belirtmek gerekir ki hoş bir internet sayfası hazırlamak hiç de zor bir iş değildir. Tüm ihtiyacınız olan Windows işletim sistemi içinde zaten var olan Not Defteri ve Internet Explorer yazılımlarıdır. Mesela aşağıda ki kodları üç kısımda incelemek mümkündür.
< B > MERHABA < /B >
1. Başlangıç işareti
2. Herhangi bir metin parçası
3. Bitirme işareti
Buradaki kodlama metnin kalın harflerle yazılmasını sağlar. "B" işareti İngilizce "Bold" kelimesinden yola çıkarak hazırlanmıştır. Burada iki işaret arasındaki tüm metinler kalın harflerle yazılacaktır. Bu temel prensip çalışmada kullanılan diğer işaretler içinde geçerlidir.
Böylece işin mantığını gördükten sonra, şimdi de en basitinden başlayarak işaretleri göreceğiz. Şimdi basit bir sayfa tasarlayalım.
Öncelikle "Belgelerim" sistem klasörü içine web adında bir klasör açın, htm ekli (uzantılı) HTML çalışma sayfalarını bu klasörün içine kayd edeceğiz. Bundan sonrada Notepad (veya Not Defteri) uygulamasını çalıştırın ve aşağıdaki kodlamayı sayfaya yazın. Kodlamada ki karakterlerin büyük veya küçük olmasınemli değildir. fakat ingilizce karakterler, kodlama sırasında dikkate alınmalıdır. Ancak kodlama dışındaki yazılarda, yani Explorer de açılacak olan yazılarda karakterler türkçe olabilir.
Şimdi bir kodlama yapalım. Aşağıdaki kodlamayı Not Defteri sayfasına yazın. Şunuda belirtmeliyim ki sayfada ki kodlama örneklerinde birer karakter boşluk kullanılmaktadır. Bunun sebebi ise kodlamanın Not Defterinde yazılması ve algılanmasının istenmemesidir. Eğer bir < HTML > Tag'inde, '<' işaretinden sonra bir karakter boşluk bırakılmazsa bu, sayfa tarafından kodlama olarak algılanır ve Explorerden asıl istenen yazı çıkmaz. Fakat siz kodlama yaparken kesinlikle boşluk bırakmayın. Şimdi aşağıdaki kodlamayı yapın. (kodları kopyala-yapıştır ile de girebilirsiniz fakat girişi yazarak yaparsanız kodlarla çalışmayı daha çabuk kavramış olursunuz)
<HTML>
<HEAD>
<TITLE> İLK WEB SAYFAM </TITLE>
</HEAD>
<BODY> İLK WEB SAYFAMA HOŞGELDİNİZ
</BODY>
</HTML>
Yazdığınız kodları deneme.htm olarak açtığınız klasörün içine kayd edin ve bu klasörün içinde İnternet Explorer işaretli bu dosyaya çift tıklayarak Explorerden açılmasını sağlayın.
Açılan sayfa aşağıda ki gibidir.
Yukarıda ki şekilde Adres Çubuğunda Web sayfasının kayıtlı olduğu yer görülüyor.
Ana sayfa içinde ise sayfada çıkmasını istediğimiz yazı görünmektedir.
Peki birşeyin farkına vardık mı?, ya < title > kodu arasına yazdığımız İLK WEB SAYFAM yazısı nerede?, bu yazı ise durum çubunda görülmektedir. Bunu Web sayfamızın sayfa adı olarak nitelendirebilriz.
Artık sayfamızda, ileri düzeyde değişikleiler aypma zamanı.
Şimdi de sayfamızda açılan yazıyı ortalayalım. Bunun için "deneme" adıyla açmış olduğumuz ve kodlama yaptığımız Not Defterine dönerek < BODY > Tag'ının hemen altına < CENTER > Tag'ını girin ve kayd edin. Şimdi İnternet Explorer sayfasına geri dönerek "Yenile" Butonuna tıklayarak sayfayı en son kayd edilen haliyle açın ( veya sayfayı Belgelerimdeki Web klasörünün içine girerek çift tıklamayla da açabilirsiniz). Gördüğünüz gibi, yazımız şimdi ortalandı değil mi?. Center'in İngilizce karşılığı 'Merkez'dir. Biz bu kodu girerek yazının ortalanmasını sağladık. Eğer yazı ortada iken < LEFT > kodunu yazarsak, bu sefer de yazımız sola dayalı olarak yazılacaktır.
Kodlama, her zaman değişiklik yapılması gereken metnin bir satır üzerine yapılmalı ve kodlamanın özelliği bittiğinde < / > parametresiyle kodlamanın bittiği, diğer metinlere bu özelliğin verilmesinin istenmediği komutu verilmelidir. Yalnız dikkat edilmesi gereken şey, burada kodlamanın sonunu getiren (/) parametresidir. < /LEFT > ise, LEFT komutunun görevinin bittiğini tanımlar.
Şimdi ise yazımızı satır kaydırarak ortalayalım. Bunun için bir satır aşağa komutunu, yani < BR > Tag'ini kullanacağız. Önce çalışma sayfamıza dönelim ve ana sayfada çıkmasını istediğimiz yazının başına (-ki bu < CENTER > Tag'inin altı oluyor) -bir satır aşağı- komutumuz, yani <BR> Tag'ini girelim. Burada dikkat edilmesi gereken, bu Tag'ı ister yan yana, ister alt alta ne kadar yazarsak, metnimiz o kadar aşağı kayacaktır. Çünkü her bir < BR > komutu bir satıra karşılık gelmektedir. Şimdi sayfayı kayd edin ve sayfamızın yeni şekline Explorer'den bakın. Explorer simge durumunda küçültülmüşse 'yenile' butonu ile sayfanın son kayd edilen haline dönün. Ne görüyorsunuz?.
Şimdi ise yazımızı kalınlaştıralım. Siz, benim komutlarımı tekrarlamadan önce biraz uğraşın ve iki şeye dikkat edin. Önce ne istediğimize, sonra ise kodlamayı nereye yapacağımıza.
Yazımızı kalın yazmak için son yazdığınız kodların altına <B> ve yazımızın altına (ilk web sayfama hoşgeldiniz'in altına) kalın yazma işleminin bittiğini gösteren </B> Tag'ini girin ve kayd edin. Şimdi Explorerde gördüğünüz yazı, bir öncekinden daha kalın değilmi?.
Şimdi ise yazımızın hemen altına -BU SAYFA SİZİN- yazalım. Bunun için kodlama sayfamızı açarak zaten var olan yazımızın altına bu yazıyı direkt yazabilirsiniz. Bunu deneyin, daha sonra yazımızı şekillendireceğiz. Yazımızı yazıp kayd ettiniz, Explorerden açtığınızda ne gördünüz? yazımız, bir önceki yazımızın tam karşısında. Acaba bu durumu nasıl kurtarabiliriz? Biraz düşündüğümüzde, elimizde -bir satır aşağı- komutunun var olduğunu hatırlayalım. Bu komutu kullanabilmek için, yani -BU SAYFA SİZİN- yazısını,var olan yazının altına yazabilmek için;
İLK WEB SAYFAMA HOŞGELDİNİZ
<BR>
BU SAYFA SİZİN
yazın.
Şimdi istediğimiz oldu ve yazımız, bir önceki yazının altına geçti.
Burada dikkat edilmesi gereken bir nokta daha var. Eğer biz yazımızı < /b> Tag'inden sonra yazsaydık, yazımız sade olarak çıkacaktı (bunu deneyebilirsiniz).
Şimdi yazılarımız üzerinde biraz değişiklik yapalım.
Önce yazımızın rengini değiştirelim.
Bunun için yazımızın üzerine <font face="arial" size="3" color="blue"> Tag'ını girin ve kayd edin. Yeni sayfamızıdaki değişikliği gördünüzmü?, yazımız artık mavi renkli. Aslında biz bu kodları girerek sadece yazı rengini değil, büyüklük ve tipini de belirledik.
Bu kodlama da; Font face="arial" kodu ile yazı tipinin ARIAL, Size="3" kodu ile yazı büyüklüğünü ve Color="blue" ile yazı rengimizi belirledik( yazı rengini belirlerken renklere karşılık gelen ingilizce kelimeler yerine aynı renklere karşılık gelen kodları da kullanabiliriz). Şimdi değişiklik zamanı. Yazı tipini Arial değilde "Verdana" yapıp kayd edin. ana sayfada (Explorer'de) ne görüyorsunuz, yazı tipi değişti değil mi?, şimdide "3" yerine "5" yapın ve son olarak kayd edin. Ve sayfamız aşağıdaki gibi değişti.
Kısaca hatırlatmak gerekirse, kodlar arasındaki satır boşlukları okadar da önemli değildir. Mesela bir kod yazıldıktan sonra hemen alt satır yerine iki satır aşağıdan da başlanabilir.
Şimdi ise ilk yazımız mavi iken ikinci yazımızı kırmızı olarak tasarlayalım.
Ben bunu ,sadece kodlarla anlatacağım, siz değişiklikler yaparak olayı anlamaya çalışırsanız daha hızlı öğrenmiş olursunuz.
Bunun için bize gereken kodlar aşağıdaki gibidir.
<HTML>
<HEAD>
<TITLE> İLK WEB SAYFAM </TITLE>
</HEAD>
<BODY>
<CENTER>
<BR><BR><BR><BR><BR>
<B>
<font face="verdana" size="5" color="blue">
İLK WEB SAYFAMA HOŞGELDİNİZ
</font>
<font face="verdana" size="5" color="red">
<BR>
BU SAYFA SİZİN
</B>
</font> </BODY>
</HTML>
Yukarıda ki kodların baş kısmı ve son kısmını zaten yazmıştık. Bunları tekrar yazmaya gerek yok. Siz sadece ortadaki kodları değiştirin veya bu kodların tümünü kopyalayarak not defterindeki kodlar ile değiştirin.
Şimdi ise ilk satırdaki yazı mavi iken ikinci satırdaki yazımız kırmızı. İki yazımızn renklerini belirleyen kodlara ve kodlandıkları yerlere dikkat edin.
Kodlama da yer alan ikinci renk kodlarındaki color="red" kodundaki rengi yellow olarak değiştirip kayd edin. "SİZİN" kelimesinin rengi "Sarı" oldu değil mi?.
yazımı tekrar düzeltin (ilk satır mavi, ikinci satır kırmızı). Şimdi yazı üzerinde bazı değişiklikler yapmaya devam edelim.
Şimdiye kadar yaptığımız işlemlerde kullandığımız Tag'leri daha önceden incelemiştik. Şimdiye kadar yabancı kaldığımız bir Tag ile çalışmadık fakat ileleyen derslerde karşımıza görmediğimiz Tag'ler çıkacaktır. Ben yeri gelince bu Tag'ler hakkında bilgi vereceğim. Şimdi yazımıza dönelim.
Yazımızn ilk satırının altını çizelim ve ikinci satırı ise İtalik olara değiştirelim. Ben sayfada ki tüm kodları vereceğim fakat siz sadece değişiklikleri izleyin ve kayd edin. Bütün kodlamayı tekrar yapmanıza gerek yok. Bu zaman kaybına neden olacaktır.
<HTML>
<HEAD>
<TITLE> İLK WEB SAYFAM </TITLE>
</HEAD>
<BODY>
<CENTER>
<BR><BR><BR><BR><BR>
<B>
<font face="verdana" size="5" color="blue">
<u>
İLK WEB SAYFAMA HOŞGELDİNİZ
</u>
</font>
<font face="verdana" size="5" color="red">
<BR>
<I>
BU SAYFA SİZİN
</I>
</B>
</font> </BODY>
</HTML>
Ve sayfamızın son hali aşağıdaki gibidir. "Tag'lerin Kullanımı" Link'indeki Kod'ları kullanarak sayfa içinde değişiklik yapabilirsiniz.
Artık yazımız üzerin de global değişikler yapmaya başladık. Şimdi, yavaş yavaş profesyonelleşme zamanı :).
Ekrandaki yazımızın ilk satırının punto ayarını bozmadan ikinci satırı italik yazı tipinden kurtarıp boyutunu da küçültelim. Ayrıca ikinci satır, iki satır aşağıda olacak. Şimdi kodlamalarımızı yapalım. Bunun için yapmamız gereken, <I> kodunu silip iki tane <BR> kodu eklemek. Kodlama yaparken, sayfadaki kodları silip yeniden yazmaya gerek yok. Sadece gerekli çıkarma ve eklemeleri yapalım. Kodlama sayfanızda (Not Defteri) aşağıdaki değişiklikleri yapın.
<HTML>
<HEAD>
<TITLE> İLK WEB SAYFAM </TITLE>
</HEAD>
<BODY>
<CENTER>
<BR><BR><BR><BR><BR>
<B>
<font face="verdana" size="5" color="blue">
<u>
İLK WEB SAYFAMA HOŞGELDİNİZ
</u>
</font>
<font face="verdana" size="5" color="red">
<BR>
<BR><BR>
BU SAYFA SİZİN
</B>
</font> </BODY>
</HTML>
Kodlamada yaptığımız değişiklikleri kayd edip Explorer den açarsak istediğimiz sayfa tipine ulaştığımızı görürüz. Bu tür tasarımlar satranç oyunu gibidir. Değişiklik yapmadan önce ne yapmak istediğinizi bilmeniz gerekir, sonrası ise tamamen olayı kavrayışınız ile doğru orantılıdır. İstenilene ulaşmak için gerekli tasarımı yapabilme süresi, o ana kadarki uğraşlarınıza dayanır. Eğer iyi bir satranç oyuncusuysanız, hedefi yakalamak için yapacağınız atakları ve sonuçlarını hemen tasavvur edebilirsiniz. Tag'ler le çalışmakta buna benzer. Explorer deki değişiklikleri yapmak için gerekli olan tasarımı, daha Explorer de iken hafızanızdan yapıp çalışma sayfasına uygulayabilmeniz gerekir.
Şimdi yukarıda yazdıklarımı tanıtlama zamanı. Sayfamızda karmaşık gibi görünen fakat birkaç ekleme ve değişiklikten ibaret bir tasarım gerçekleştirelim. Önce Web sayfamızı aklımızda canlandıralım. Sayfamızda neler olsun? Örneğin; ilk satır aynen dursun, ikinci satırı silip hemen sol aynına "linkler" yazısını ekleyelim. Linkler yazısına ise www.msn.com Web sayfasına bağlantıyı yazalım. Sizce karmaşık mı? hayır. Burada bilmediğimiz tek şey, www.msn.com adresine link vermek yani üzerine tıkladığımızda bizi bu adrese bağlamasını sağlamak. İşte link vermeyi de şimdi öğreneceğiz. Siz herzaman ki gibi aşağıda verdiğim değişiklikleri çalışma sayfanıza uygulayın ve sonucu karşılaştırın.
<HTML>
<HEAD>
<TITLE> İLK WEB SAYFAM </TITLE>
</HEAD>
<BODY>
<CENTER>
<BR><BR><BR>
<B>
<font face ="verdana" size ="5" color="blue">
<U>
İLK WEB SAYFAMA HOŞGELDİNİZ
</U>
<BR>
<font face ="verdana" size ="3" color="red">
<BR>
<BR><BR> </CENTER>
<LEFT>
Linkler:
<BR>
<BR> <BR>
<A HREF="http://www.msn.com">
www.msn.com</A>
</B>
</BODY>
</HTML>
Sonuç aşağıdaki gibi ise bazı şeyleri aştınız demektir :).
<a href ="http://www.msn.com"www.msn.com>
www.msn.com
Yukarıdaki kodlama dikkatinizi çekti mi?
Bu kodlamayı yapmamızın nedeni, www.msn.com yazısal Web adresine link verebilmekti.
Daha açık bir şekilde anlatacak olursak; bir kelime, metin veya metin parçasına link (Hypertext Link) verebilmek için aşağıda ki kodlamayı yapmamız gereklidir.
<A HREF ="bağlanmasını istediğimiz adres"> link vermek istediğimiz kelime </A>
Yukarıda ki kodlama, bir kelimenin sadece Web URL adreslerine bağlanmasına değil, normal sayfalar arası geçişte de kullanılır. Mesela, HTML EDİTÖR'Ü ana sayfasında "Tasarımlar" kelimesine tıkladığımızda, şu anki sayfa çıkmaktadır. Bunun anlamı ise, link vermek sadece İnternetteki sayfalar için geçerli bir anlam değildir. Bu konuyu Word ile yapılan köprülendirmelere benzetebiliriz. Yalnız burada dikkat etmemiz gereken, HTM uzantılı başka bir sayfanın( daha doğrusu bağlantı yapılacak bir sayfanın) önceden kayd adilmiş olmasıdır. Burada belirtmeyi sonraya bıraktığım bir nokta var. Link vermek, bir metin veya metin parçasına uygulanabildiği gibi bir resme de link verebilirsiniz. Bu konuya biraz değinelim. Öncelikle Web sayfaları, sadece yazılardan oluştuğu sürece sıkıcıdır. Bunun için birkaç resim eklemek, sayfayı daha çekici yapar. Çalışma sayfamıza resim ekleyebilmek için dikkat etmemiz gereken önemli noktalardan birtanesi, resmin uzantısıdır. Bir Web sayfasına koyabileceğiniz uzantılar sadece .JPG ve .GİF uzantılarıdır. Bunun dışındakiler, çalışma sayfamız tarafından kabul edilmez (bazı durumlarda .BMP uzantısı da kabul edilebilir). Web sayfamıza resim ekleyebilmek için öncelikle çalışma klasörümüz içine kopyalanmış bir resim dosyasının olması şartdır. Eğer resim çalışma klasörümüzde değilde başka b,ir klasörde ise o zaman resmin adresini yazmak gerekir. (C:\Belgelerim\Resimlerim\çiçek.gif gibi). İster resim ister yazı dosyaları olsun, kayd yerleri herzaman çalışma klasörümüzün içinde olmalı. Örneğin bizim çalışma klasörümüz, "Belgelerim" de oluşturduğumuz web klasörüdür. Çalışma klasörünü çalışma sayfası olarak algılamayın. Çalışma sayfamıza resim eklemeyi daha sonra detaylı olarak ele alacağız, Şimdi Hypertext Link kavramıa geri dönelim.
Link verme, bir kelime olabileceği gibi bir resim de olabilirdik demiştik. Bir resmi Linklendirmek, bir yazıya link vermekten farksızdır. Nasıl ki, link almasını istediğimiz yazının hemen bir satır üstüne link verme kodlarını giriyoruz, resimde de olay aynıdır. Fakat biz resmi değilde resmi sayfa da açma kodlarının üzerine link verme kodlarını yazıyoruz. Link vermede dikkat edilmesi gereken bir diğer unsur ise, linkverildikten sonra, link verilen yazının hemen bir satır altına </A> Tag'ini girmek gereklidir. Bunu yapmazsak link kodundan sonraki tüm yazı ve resimlerde link almış olur.
Şimdi ise çalışma sayfamıza nasıl resim ekleyeceğimizi görelim.
Bunun için bize gereken kodlama genelde <IMG SRC="resim dosyasının adı.uzantısı"> şeklindedir. Örneğin; <IMG SRC="my.JPG"> gibi. Eğer detaylı bir kodlama yapacaksak, <IMG SRC="MY.JPG" WIDTH="300" HEIGHT="350" ALING="TOP"> şeklindedir.
Burada;
IMG SRC: Kodun başlangıcında herzamann bulunması gereken Tag'ler,
WIDTH : Resim değerinin genişliğini,
HEIGHT : Resim değerinin yüksekliğidir.
ALING : Bu değer hizalama noktasını belirler. Yukarıdaki kodlamada 'TOP' değeri verilmiştir. Bu değer, 'BOTTOM', 'LEFT', RIGHT', 'MIDDLE' de olabilir.
İşte bütün olay bu. Yukarıda ki kodlamalarda küçük birde hile yaptık. Yaptığımız şey, "bu sayfa sizin" yazısını silip onun yerine "linkler" yazısını koyduk ve "Left" Tag'i ile sol tarafa alarak yazının ayrıca yazılmış gibi görünmesini sağladık. Yukarıda da belirttiğim gibi, yaptığımız şeyler sadece değişiklikleden ibaret...
Şimdiye kadar Web tasarımı hakkında epeyce şeyler öğrendik. Şimdi tasarım konularımızı biraz daha ağırlaştıralım. Öncelikle tasarım sayfamıza nasıl arka fon (Background) ekleyeceğimize bakalım. Bir Web sayfasına arka fon için gerekli kodlar;
<BODY BACKGROUND="ARKA FON DOSYASININ ADI.UZANTISI" BGPROPERTIES="FIXED"> şeklindedir. Çalışma sayfamıza arka fon eklemek için gerekli dosya, .JPG veya .GIF uzantılı, önceden kayd edilmiş bir resim dosyası olmalı'dır.
Şimdi anlattıklalrımızı deneyelim. Şu an ki sayfamızı değiştirmeden sayfamıza arka fon rengi verelim. Yeni baştan bir kodlama yapmaya gerek yok. Sadece çalışma sayfasının en başına <BODY BACKGROUND="BACK1.JPG" BGPROPERTIES="FIXED"> kodunu girin. Yalnız dikkat etmeniz gereken şey, burada ki dosya (back1.jpg), benim önceden kayd ettiğim bir resim dosyasının adı. Siz kodlamayı yaparken kendi dosya adınızı girin veya çalışma klasörünüze back1 adlı ve .jpg uzantılı bir dosya kayd edin (.gif uzantısıda olur). Dikkat etmemiz gereken bir nokta daha var. Yukarıda da belirttiğim gibi resim dosyasının çalışma klasörünüzün içine kopyalanmış olmasıdır.
Basit bir şekilde arka fon rengi tasarlamak için; Paint uygulamasını çalıştırın ve tüm ekranı açık mavi (veya sizin istediğiniz) renk ile doldurun. Daha sonra "Belgelerim" de daha önceden açmış olduğunuz klasörün içine back1.jpg olarak kayd edin. Şimdi arka fon rengimizde hazır. Eğer arka fon rengini hazırlamadan kodlama yaptıysanız arka fon'unuz renk almaz. Arka fon için gerekli dosyayı hazırlayıp gerekli yere kayd ettikten sonra Explorer uygulamasını tekrar çalıştırın.
Ve böylece Web sayfamızın arka fonunu da yaptık.
Arka fon'un yanın da arka fon rengini de <body bgcolor="black"> şeklinde de oluşturabilirsiniz. Fakat bu kodlamayı yaparsanız sadece renk değiştirmiş olursunuz. Ama body background ile kendi resminizi dahi arka fon yapabilirsiniz. body bgcolor ise body kodu ile kullanılan ve sadece arka fon rengini belirlemeye yarayan bir kod'dur.
Şimdi sırada tablo oluşturmak var. Web sayfamıza tablo ekleme komutumuz <TD> dir. Şimdi aşağıdaki örnek kodlamayı yapın.
<html>
<head>
<title>tablo oluşturma </title>
</head>
<body>
<center>
<br><br>
<br> <b> <font face="verdana" size="5" color="blue">
<u> İLK WEB SAYFAMA HOŞGELDİNİZ
<br>
</u>
<font face="verdana" size="3" color="red">
<br>
<br><br>
</center>
<left>
Linkler:
<bgr>
<br><br>
<a href="http://www.msn.com>www.msn.com</a>
</b>
<br>
<br> <table border="1" bordercolor="red">
<td> tablo 1 </td>
<td> tablo 2 </td>
<tr>
<td> tablo 3 </td>
<td> tablo 4 </td>
</tr> </body> </table>
</html>
Sayfamızın tablo ekli hali yukarıdaki gibidir. Bu şekilde bir tablo eklemesi yapabilmek için gerekli kodlama değişikliği yukarıdaki gibi'dir. Burada, bir tablo oluşturnak için bize verilen kodlar;
table border="1" : dış kenarlık kalınlığını,
bordercolor="red" : kenarlık rengi,
<TD> tablo oluşturma komutu,
<TR> tabloları alt alta dizme komutu'dur.
Tablo oluşturma detayları için Tıklayın
Tablo oluşturma detayları için yukarıdaki Link bağlantısını kullanabilirsiniz.
Ve Tag'lerle olan birlikteliğimiz burada sona eriyor. Şimdiye kadar öğrendiklerimizle birçok tasarım gerçekleştirebiliriz. Mesela HTML EDİTÖR'Ü Index ve linkleri, çok küçük eklemeler haricinde, genellikle yukarıda anlatılan kodlama sistemi ile tasarlanmıştır. Bu da demek oluyor ki, artık işinize yarayabilecek tasarım ve kodlama düzeyine ulaşmış durumdasınız. Tekrar etmek gerekirse, profesyonel bir Web tasarımı için yukarıdaki kodlama bilgisi size asla yetmez. Fakat profesyonel tasarımlar için de ön bilgi olarak yukarıda anlatılanları bilmek gerekir. Siz anlatılanları çaşitli tasarımlarla pekiştirirseniz, çeşitli kaynaklardan edineceğiniz bilgileri rahatça anlayabilirsiniz.