Google Badge Rozetini Google Sites sitesine Ekle

Google + Badge Rozetini Google Sites sitelerinde kurman�z m�mk�n de�ildir.Blogger bloglar�m�zda bu eklentiyi kurabiliyoruz. Google sites sitelerinde Badge Rozetini kurabilmek i�in yap�lmas� gerekenleri a�a��da inceleyelim.
Google + Platformuna giri� yap�yoruz.Google sayfa �D numaram�z� bo� kutuya yap��t�r�yoruz. Alt k�s�mda icon ve large se�eneklerini se�iyoruz.A��l�r kutudan dil ayarlar� se�erek kendi �lke dilimizi se�iyoruz.

Birazda kurnazl�k yaparak Standard  badge yazan yere t�klayarak ��uraday�z" kopyal�yoruz ve tekrar icon t�klad���m�zda �a��da a��lan kutuya kopyalad���m�z yaz�y� yap��t�r�yoruz.Ve sonu� a�a��daki gibi bir g�r�nt� haline geliyor.Resmi inceleyiniz.
Resim : Google + Badge Rozeti

Google Sites sitemize ge�iyoruz ve Ana Sayfada be�endi�imiz bir alanda ;
Sayfay� D�zenle � Uygulama yerini se� � Ekle � HTML kutusu se�tikten sonra bir �nceki Google + Platformuna d�nerek alt k�s�mda bize verdi�i kodu alarak HTM kutusuna yap��t�r�yoruz.Sayfam�z� kaydediyoruz.

Google sites sitemizde Badge Rozetimizin son �ekli yukar�daki ilk resimde g�r�lmektedir.

Blogger bloglar�m�zda kullan�lan Google + Badge Rozetimizin Google sitesine uygulama �eklimiz b�yle arkada�lar.Konu hakk�nda farkl� bilgileriniz varsa l�tfen belirtin.�lgili uygulamay� di�er sitemden inceleyebilirsiniz. AdnanGuney59 (Google Sites)

No commentsRead more

Blogunuza farkl� favico y�kleyin

Blogunuza hareketli favori iconlar� ekleyebilirsiniz
Blogger bloglar�m�zda eski klasik d�zende favico y�kleme konusunda zorluk �ekiyorduk.Ancak yeni uygulamalarla kumanda paneli yerle�im k�sm�nda yer alan favico arac� ile istedi�iniz resmi bilgisayar�n�zdan y�kleyebiliyorsunuz. Bu konuya paralel olarak sadece favori iconlar� ile �al��malar�n� s�rd�ren favicon html kit ad�ndaki site galerisinde bir�ok �rnekler sunmakta.
A�a��daki resimde Klasik d�zendeki favori iconlar�n�z� yap�land�rd���n�z kumanda panelindeki yerle�im alan� g�r�lmekte.

Farkl� Favicon g�r�nt�ler yapmak istedi�inizde favicon html kit adresini inceleyebilir,
Faviconunuzu duran bir resim g�r�n�m�nde iken hareketli gezen bir g�r�nt� haline d�n��t�rerek farkl� kullanmak, bitmeyen isteklerimiz i�in bazen zevk haline d�n��ebilir.
Siteyi inceledi�inizde bir�ok se�enekle kar��la�acaks�n�z.Yapman�z gereken sadece se�iminizi yapmak ve kodu al�p, sitenizde HTML �ablonunuza uygulamaktan ibarettir.
Sitede nas�l yap�laca�� hakk�nda slaytl� anlat�m ve yaz�l� konular mevcuttur.
Kolay gelsin.

No commentsRead more

Blogger Kod �er�evesi �rnekleri

Blogger blog yaz�lar�n�zda "HTML" kodunu blog �ablonunuzda hi�bir CSS kodu kullanmadan kullanabilece�iniz,Kod �er�evesi �rneklerini a�a��da a��klamal� olarak g�sterilmektedir. Blogger bloglarda kod �er�evesi kullan�lmad���n� biliyorsunuzdur.Kod yazman�z gerekti�inde HTML �ablonunuz bu kodlar� kabul etmemektedir.Yapt���m ara�t�rma sonucunda genelde CSS kodunu HTML �ablonunuza ekleyerek ve yaz� edit�r�n�ze yine bir kod yazarak ancak kodlar�n�z� ekleyebilece�inizi g�rd�m.Bloglar�m�za her�eyi kod koyarakm� yapmam�z gerekiyor d���ncesi ile ara�t�rd�m. Bu ara�t�rma sonucu farkl� bir yol buldum.Test blogumdada bu konuyu biraz irdeleyerek kopyala yap��t�r mant��� ile olabilece�ini teyid ettim.A�a��da verdi�im �rnekle HTML �ablonunuzda hi�bir de�i�iklik yapmadan bloglar�n�zda istedi�iniz gibi kullanabilece�iniz kod �rnekleri bulunmakta.
Bu kodlama hakk�nda sizi biraz bilgilendirmek isterim.


�ncelikle sizinde kendinizi test edebilece�iniz, kodlar� ayr��t�r�p ne olup ne olmad���n� anlaman�z a��s�ndan kendinize bir test blogu yapman�z� tavsiye ederim.Yeni a�aca��n�z bir test blogunda bir�ok deneme yan�lma i�lemini ger�ekle�tirebilir, geni�lik ,y�kseklik ayarlar�n� anlamaya �al��abilirsiniz.Renkleri, kenar �izgi kal�nl�klar� ve arka plan uygulamar� hakk�nda hert�rl� bilgiyi g�rsel teorik ve pratik olarak yapt���n�zda kendinizi geli�tirmi� olursunuz.
Yap�lacak i�lemler :
1. Test blogu a�t�k. Yada kulland���n�z blogunuza taslak olarak kaydedin.Gerekli oldu�unda taslak k�sm�ndan kopyala yap��t�r yapabilirsiniz.Se�im sizin karar�n�zda.
2.Test blo�umdaki HTML kodu ile yapt���m Kod �er�evesi g�rselini, hemen alt k�s�mdada HTML kod g�rselini verece�im.
3.Bu kodlar� nas�l kullanacaks�n�z
a. Kopyala yap��t�r mant��� ile 
b.Yaz� edit�r�ndeki sol �ste HTML ve Olu�tur mant��� ile uygulama yapabilirsiniz.Benim �nerim en basit olan� kopyala yap��t�r olan�d�r.Hangi uygulama kolay�n�za geliyorsa onu uygulayabilirsiniz.
c.Bu i�lemlere ba�lamadan �nce sa� tarafa bak�n orada Se�enekler sekmesiniz g�receksiniz.
A��n o sekmeyi. HTML'yi oldu�u gibi g�ster ve Yaz�lan HTML'yi yorumla se�enekleri mevcut.Bizim amac�m�z kod g�stermek oldu�undan HTML'yi oldu�u gibi g�ster se�ene�inin i�aretli olmas�d�r.Yorumlamay� se�erseniz yapt���n�z kodlar�n �ekli de�i�ecek hi�bir kullan�m alan� kalmayacakt�r.
�imdi kod �rneklerini g�relim :
1.Google Drive ile yap�lan kod �rne�i.Google Drive ile �er�evenin nas�l yap�ld���n� blogger kod �er�evesi ba�l�kl� ve �er�eve ayarlar� ba�l�kl� yaz�lar�m� okuyarak daha net anlayabilirsiniz.

Kod buraya

2. Yukar�da g�rd���n�z �er�eve'nin kod a��l�m� �er�eve i�inde a�a��da g�r�lmekte.�er�eveyi kopyala yap��t�r yapt�m.Test blogumdanda kodu ald�m ve buradaki �er�eve i�ine koydum.
A�a��da k�rm�z� i�ine ald���m alan (Kod buraya) kodlar�n�z� koyman�z gereken aland�r.�ekil 1 de g�r�len �er�evenin kod hali bu �ekilde.Kumanda panelinde hi�bir CSS kodu kullanmad�m.
3.�er�evenin ilk ayarlar�n�z Google Drive de yap�yorsunuz.Sonra bu alana ta��yorsunuz. Taslak olarak devaml� kullanmak i�in blogunuzda yada test blogunuzda sakl�yorsunuz.

<b id="internal-source-marker_0.5021826503798366"></b><br /> <div dir="ltr"> <b id="internal-source-marker_0.5021826503798366"><br class="Apple-interchange-newline" /></b><br /> <table style="border-bottom-style: none; border-collapse: collapse; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; width: 624px;"><colgroup><col width="*"></col></colgroup><tbody> <tr style="height: 0px;"><td style="border-bottom-color: rgb(170, 170, 170); border-bottom-style: dotted; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(170, 170, 170); border-left-style: dotted; border-left-width: 1px; border-right-color: rgb(170, 170, 170); border-right-style: dotted; border-right-width: 1px; border-top-color: rgb(170, 170, 170); border-top-style: dotted; border-top-width: 1px; padding-bottom: 7px; padding-left: 7px; padding-right: 7px; padding-top: 7px; vertical-align: top;"><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">Kod buraya</span></td></tr> </tbody></table> <b id="internal-source-marker_0.5021826503798366"> </b></div> <br class="Apple-interchange-newline" />

4. Bu kod �rne�ide farkl�, yaz�lan kod dikey uzant� �ubu�u ile gezdirilebiliyor.�lk olarak �er�evemizi g�relim.

HTML-Kodu:

Kod buraya

5. Yapt���m�z �er�evenin kodunu g�relim. Burada da kopyala yap��t�r mant��� kulland�m.Tex yaz�lar k�rm�z� ile belirtilmi�tir.

HTML-Kodu:

<div style="clear: both; margin-top: 5px; margin: 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
HTML-Kodu:</div>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 34px; margin: 0px; overflow: auto; padding: 6px; text-align: left; width: 410px;"><span style="color: navy;">Kod buraya</span></pre>
</div>

Dikkat ederseniz her ikisindede kod var.�stedi�inizi kullanabilirsiniz.Konu hakk�nda bir fikriniz, �neriniz varsa l�tfen belirtin.��lemleri m�mk�n oldu�unca basitle�tirmeye �al���yorum.Sizde bu konudaki �nerilerinizi yorum k�sm�ndan yazabilirsiniz.

No commentsRead more

Blogunuza Di�er Sitenizi G�m�n

Klasik Blog kategori ba�l���nda ikinci bir blogunuzuda g�stermeniz m�mk�n.K���k bir iframe kodu ile olu�turaca��n�z bir sayfa ile di�er blogunuzu/sitenizi ekleyebilirsiniz �zleyicileriniz  blogunuzdan ��kmadan ayn� anda her iki blogunuzuda takip ederek hitinizi artt�rabilirsiniz.
Blog Adnan kendi blogunda yapm��.Sizde yapabilirsiniz.Blog Adnan��n bloguna t�klad�n�z halen g�remiyormusunuz ? Hemen DNS ayarlar�n�z� yap�n.�imdi g�rmeye ba�lad�n�z.
Yapaca��m�z i�lemleri takip edin l�tfen ;
Kumanda Paneli ?  Sayfalar ?  Yeni Sayfa ? Bo� Sayfa a��n
Blog Ad�n�z� Ba�l��a Girin ?  �rnek benim blogum (Blog Adnan)
HTML T�klat�n ve a�a��daki kad k�sm�nda k�rm�z� yaz� yerine kendi URL nizi yaz�n ve Olu�tur t�klay�n.
NOT: Sa� tarafdaki Se�eneklerden �Yaz�lan HTML�yi Yorumla� k�sm�n� i�aretleyin.

Son olarak a�a��daki kodu yap��t�r�yoruz.

<iframe allowfullscreen="" frameborder="0" height="1000" src="https://sites.google.com/site/adnanguney59" width="830"></iframe>

Kodu metin dosyas�na yap��t�r�p b�y�k olarak �zerinde �al��abilirsiniz.K�rm�z� k�sma sizin URL'niz gelecek.T�rnaklara dikkat edin ayr�k olmas�n.

Ayarlar� blogunuzun b�y�kl���ne g�re deneme yan�lma ile uygulamaya �al���n.
Y�kseklik (height="1000" )
Geni�lik (width="830")

Kolay gelsin.

Facebookdan takip edin : facebook.com/ Guney59 Payla��m
Twitterdan takip edin      : twitter.com/ guney59

No commentsRead more

Blog yaz�lar�n�z� Google d�k�manlarla yaz�n

Blogger Blog yaz�lar�n�z� Google d�k�manlar ile yazarak blogunuza ta��yabilirsiniz.

Blogunuzda google d�k�manlar� blog edit�r� gibi kullanabilir, Gooole d�k�manlarda bir sayfa olu�turarak sayfan�za �Blog Edit�r�m� gibi bir ad verip, Blog yaz�lar�n�z� bu edit�rle d�zenleyerek blogunuza yaz�lar�n�z� kopyala ve yap��t�r mant��� ile ��k bir g�r�n�n  vermenizde m�mk�nd�r.
Google D�k�manlarla neler yapabilirsiniz ;
1. HTML kodlamalar� ile u�ra�madan ba�l�k, alt ba�l�k,normal yaz� (H1,H2,H3, vs) gibi yaz�lar�n�za tek t�klama ile bi�imleme yapman�z m�mk�n.
Uygulamaya d�k�man sayfas�nda Stil men�s�nden ula�abilirsiniz.
2. Blog edit�rlerimizde kulland���m�z yaz� tiplemeleri ayn� �ekilde d�k�manlarda bulunmaktad�r.�stedi�iniz yaz� tipini se�ip yaz�lar�n�z� yazman�z m�mk�n.
3. D�k�manlarda Web panosu men�s� ile ilgili geni� bilgiyi inceledi�inizde, birden fazla i�erik se�ip kopyalayarak se�imleriniz aras�nda hangisini yap��t�rmak istiyorsan�z daha sonra karar verme se�e�i sunmas� ve farkl� bilgisayarlardan kopyalad���n�z i�eri�i kullanmak istedi�iniz bilgisayarda yap��t�rma olana��nada sahip olabiliyorsunuz.Yukar�daki resimde geri al tu�unun yan�nda web panosu men� iconu g�r�lmektedir.
4.Yaz�lar�n�za ba�lant� olu�turabilir,resim ekleyebilir, girintileri d�zenleyerek yaz�lar�n�z� �ekillendirebilir ve yaz� aral�klar�n� belirleyebilirsiniz.
5. Resimlerinizi bilgisayar�n�zdan veya farkl� konumlardan y�kleyerek istedi�iniz �l�ekleme i�lemini farenizle s�r�kleyerek ger�ekle�tirebilir y�kseklik, geni�lik ayarlar�n�z� yapabilirsiniz.
�rnek: Yukar�da g�rd���n�z resmin kenar �izgileri ile k���lt�lm�� halini a�a��da g�rmektesiniz.



6. Blogunuza tablolar halinde resimlerinizi koymak isteyebilirsiniz.Ayr�ca yapt���n�z tablolar�n geni�lik ve y�ksekliklerini kendi elinizle istedi�iniz ebatlara g�re yapabilme �ans�nada sahipsiniz. Men�ler k�sm�ndan
Tablo ? Tablo ekle ? Tablo say�s�n� belirtin (Ka� adet kutu �eklinde tablo eklemek istiyorsan�z farenizle �zerinde gezdirerek tablo say�s� se�meniz yeterli.) Tablonuzu ekledikten sonraki g�r�n�m� a�a��da resimlenmi�tir.(3 s�tunlu bir tablo se�tim.)

Bu tablolara resimlerimizi yerle�tirelim ;

1No�lu Resimi bilgisayar�mdan se�tim ve ilk tablo s�tunumuza yap��t�rd�m.Kenar �izgilerini fare ile daraltarak konumland�rd�m.Di�er tablo s�tunlar�n�da ayn� i�lemi yaparak g�r�nt�m� �zelle�tirdim.
Buradaki geni�lik ve y�kseklik boyutlar�n� istedi�iniz gibi ayarlayabilirsiniz.
Sonu� : Bo� bir tablo s�tununda, 3 adet resmimizi istedi�imiz ebatlarda haz�rlam�� olduk.Siz istedi�iniz kadar s�tun se�ebilir resim ekleyebilirsiniz.Bu s�tunlarda resim olmayabilir yaz�n�zda olabilir.Yaz�n�za ba�l�k ve link vererek ba�lant�larda yapabilirsiniz.Ben size resim olarak �rnek verdim.Hayal g�c�n�zle istedi�inizi yapabilirsiniz.
�l�ekleme i�lemi 2 �ekilde kullan�yoruz.
1. Resme t�klayarak b�y�t�p k���lterek
2.Tablo s�tununuza t�klayarak resminizin �er�evesini b�y�t�p k���lterek ayarlayabilirsiniz.

7. Yapt���n�z t�m i�lemleri sizin kaydetmeniz gerekmiyor.Sistem otomatik olarak kendisi kaydediyor.
8. Men�ler k�sm�n� a�arak t�m kullan�m i�in istedi�iniz kadar se�enekler sunulmu�.Daha ne olsun.Bizlere sadece bilgi edinmek i�in biraz okumak ve testler yapmak gibi k�sa i�lemler d��mekle beraber, yard�m k�sm�n� a�t���n�zda bir�ok bilgiyede ula�man�z m�mk�n.
Blogger bloglar�n�z i�in "YEN� YAZI ED�T�R�N�Z" kullan�ma haz�r.

Nas�l be�endinizmi ? L�tfen be�eni ve payla��mlar�n�z� belirtin.Bilgi payla�t�kca de�er kazan�r.Arkada�lar�n�za �nererek verilen bilgileri payla�abilirsiniz.

Google D�k�manlar�n� olu�turabilmeniz i�in daha �nce yazd���m Goggle Blog Edit�r�n� kullanmak istermisin ba�l�kl� yaz�m� okuyarak kendinize �zel bir yaz�m edit�r� yapabilirsiniz. 

No commentsRead more

Blogger Kod �er�evesi yap�m�

Blogger blog yaz�lar�n�zda Kodlar�n�z� �er�eve i�ine alabilece�iniz kullan�m� basit bir y�netimi sizlerle payla�mak bir zevk olacak.Uygulamay� hi�bir HTML, CSS, kodu kullanmadan blogunuzda �al��t�rabileceksiniz.Bu uygulama ile blog tasar�m �ablonunuzu kullanm�yorsunuz.Anlatt���m bu konu kesinlikle ilginizi �ekece�ine eminim.

Blogger edit�r�nde yapaca��n�z bir i�lem ile art�k rahatl�kla kodlar�n�z� blogunuzda g�sterebileceksiniz.Bloglar�m�zda maalesef hen�z bu kod uygulama butonumuz yok.Herhalde ilerleyen zaman diliminde uygulamay� ba�lat�rlar.

Blogger kulland���n�za g�re, Google gmail hesab�n�zda var demektir.Google D�k�manlar�n yeni ad� Drive'i halen kullanmad�ysan�z Drive'e giri� yap�yorsunuz.Olu�tur k�sm�ndan kendinize bir d�k�man a��yorsunuz.

Google Drive ile ilgili geni� bilgiye "https://drive.google.com/start" ula�abilece�iniz.

Google Drive (D�k�manlar) kullan�m� ile ilgili yaz�m� okuyarak i�lemlerinizi h�zland�rabilir konu hakk�ndaki bilgiye ula�abilirsiniz.

Yapaca��m�z i�lemleri s�ras� ile takip edelim:

1. Drive'i a�t�k

2. Olu�tur k�sm�ndan d�k�man alu�turduk

3. D�k�man�n�za bir ad verin (�rnek:Yaz� edit�r�m)

4. Men� k�sm�ndaki Tablo yazan yere t�kl�yoruz ve bir tablo ekliyoruz.Ekledi�imiz tablo bo� bir �er�eveden ibaret.�rnek : Bo� �er�eve a�a��da g�r�lmekte olup, konunun net anla��lmas� i�in dolgu rengi ile belirtim.

5. Yukar�da g�rd���n�z bir �er�eveden ibarettir.Kenar �izgileri kal�nd�r ancak burada g�remiyorsunuz.

6. Blogger bloglar�n�zda eklemek istedi�iniz kodunuzu Drive'de bu �er�eve i�ine koyuyorsunuz.

�er�eveyide kopyalay�p blogunuza yap��t�r�yorsunuz

7.Burada dikkat edece�iniz birka� �nemli nokta var.

• Blogger Edit�r�nde sa� tarafda altta yer alan k�sma t�klad���n�zda "HTML'yi oldu�u gibi g�ster" ve di�eride "Yaz�lan HTML'yi yorumla"

Sizin se�iminiz kod uygulayaca��n�z i�in HTML dilinde yorum yapmamas�n� sa�lamak olaca��ndan "HTML'yi oldu�u gibi g�ster" olmal�d�r."�NEML�"

Yoksa koydu�unuz kodu yorumlayaca��ndan istedi�inizi elde edemezsiniz.

T�m yapacaklar�n�z bu kadar.

Yukar�da verdi�imiz bo� �er�eveydi.�imdi kod koyduktan sonraki �er�evemizi g�relim.

<iframe src="http://guney59.blogspot.com/"></iframe>

Bu �er�eve olmasayd� bu k�s�mda �u andaki blogumun minik g�r�nt�s�n� g�recektiniz.

8. Se�eneklerdeki men� g�rselini inceleyerek anlat�lanlar� peki�tirebilirsiniz.

Facebookdan takip edin : facebook.com/ Guney59 Payla��m
Twitterdan takip edin      : twitter.com/ guney59

No commentsRead more

Blogger Blogspot meta tag eklemek

�lk olarak meta tag nedir? Sorusu ile ba�layal�m ve sonra blogger yani blogspot uzant�l� subdomainlere nas�l meta tag eklenir ondan s�z edelim.

Meta taglar arama motorlar�n�n web sitelerinize g�nderdikleri �r�mceklerin (spider) okudu�u kodlard�r. 


Web sitenize gelen ziyaret�ileriniz bu html taglar�n� g�rmezler. Bunlar� g�rmeleri i�in siteniz �zerindeyken taray�c�lar� ile kayna��n� g�r�nt�le demeleri gerekmektedir.


 Description, keywords, author, distribution, content-language, robots, revisit-after v.s. gibi bir�ok meta tag bulunmaktad�r. 


Bu yaz�mda Description ve Keywords meta taglar�n� Blogger/Blogspot daki blogunuza nas�l ekleyeceksiniz onu anlatmak isterim.

Meta taglar sayfalar�n�z�n  Ana �ablonunda <head>...</head> kodlar� aras�na eklenir.

Blogger kullan�c� panelinden login (giri�) yapt�ktan sonra Yerle�im / Html'yi D�zenle / Widget �ablonunu Geni�let'i i�aretleyerek a�a��daki sat�r� buluyoruz.

<b:include data='blog' name='all-head-content'/>

ve hemen alt�na a�a��daki kodlar�m�z� ekliyoruz.T�rnak kapamalara dikkat edelim a��k kal�rsa hata verir.

<meta content='A��klaman�z� buraya ekleyin' name='description'/>


�ki kod anlat�m� ayn� de�ildir.L�tfen farkl�l��a dikkat edin.

<meta content='Anahtar kelimeleri buraya ekleyin' name='keywords'/>

Description: Web sitenizin tan�m�d�r.

Keywords: Web sitenizi arama motorlar�na anlatan anahtar kelimelerdir. Aralar�na virg�l koyarak ekleyin. 20 taneden fazla keyword eklememeye dikkat edin.

Blogger blogunuza Description meta tag� eklemedi�inizde info:siteniz.blogspot.com t�r� sorgularda google'un verdi�i kar��l��� g�steren bir resim yanda. Genellikle ilk yazd���n�z post'a ait sat�rlar� al�yor.

Fakat bu Description tag�n� eklerseniz sitenize ait tan�m ��kmaktad�r. Yukar�daki resimden ne demek istedi�imi anlayabilirsiniz.


Dikkat etmeniz gereken �nemli bir noktada /> �eklinde taglar� kapatm�� olman�z. ��nk� blogger'a meta tag eklenerken s�kl�kla kari��la��lan sorunlar�n ba��nda tag kapama hatas� gelmektedir.

No commentsRead more

HTML bilginizi sevece�iniz testlerle geli�tirin

W3schools.com sitesi ismindende anla��ld��� gibi kod e�itimi ve sertifika veren bir platforum.
Vermi� oldu�u hizmetler ; (HTML ,CSS ,XML ,JavaScript, HTML DOM , XML DOM ,DHTML , Ajax ,ASP ,ASP.NET, Razor, SVG ) kullan�m dilleri ile kullan��l� edit�r�nde yapaca��n�z testlerle kendinizi deneyebilirsiniz.�lgi alan�n�zdaki kodlarla denemeler yaparak kendinizi geli�tirerek sertifika dahi alman�z m�mk�n.Eminim bunlar�n �cretsiz oldu�unu duyman�z i�tah�n�z� biraz daha kabartacakt�r.
Uzun zamand�r kod konusunda benimde yararland���m bir site.
W3schools.com size bir web sitesi nas�l yap�ld���n�, site i�i kullan�lan kodlama ve Html dillerini anlatan alt yap�s� ile kar��n�za ��k�yor.
�rnek Resim 1 :Hen�z yap�land�r�lmam�� Html ile d�zenlenmi� bir kod g�r�n�m�

�rnek Resim 2 : Sol tarafdaki Kodlar�n i�ine yaz� yazd���m�zda sa� tarafda g�r�len yaz�m�z�n g�r�nt�s�.

Anlatt���m konu binlerce �rnek ve �al��malardan sadece biri.Ba�l�k resminde de g�rd���n�z gibi bir okul dersem yalan olmaz herhalde.Ben �ok seviyorum.Uzun zamand�r siteye gitmemi�tim.Bu yaz�mla beraber hat�rlayarak u�rad�m.Ben bo� zamanlar�mda burada denemeler yapmay� �ok seviyorum.Sizde web d�nyas�nda bir �eyleri anlamak, anlayarak sitenizde , blogunuzda uygulamay� bilerek d�zenlemenin zevkini ya�ay�n.
Nas�l be�endinizmi ? Benim blogumun ana men�s�nde �ekmecem k�sm�nda favorilerimde devaml� durmakta.Ben seviyorum sizinde sevece�inizi tahmin ediyorum.

No commentsRead more

Web Sitesi Yaratma K�lavuzu (W1)

W1

Kendinize Ait Web Sayfalar�n�z� ve Web Sitenizi Kendi Ba��n�za Kolayca �n�a Edin!!!

Elimde hazine gibi saklad���m ve benimde bu konular� okuyarak kendimi geli�tirdi�im zamanlara geri d�nerek.A�a��daki yaz�lar� payla�mak istedim. Sn.Mehmet Emin ARI'ya buradan ��kranlar�m� sunuyorum.Kendisine ula�maya �al��t�m ama ula�amad�m.Ula�t���mda herhalde �ok daha de�i�ik konularda yaz�lar�m�z olacakt�r.
Kendisine ve ailesine buradan sayg�lar�m� sunuyorum.
�ns�z


Yetmi�li y�llar�n ortalar�nda Amerikan Savunma Bakanl��� olas� bir n�kleer sald�r�da bilgilerin korunmas� amac�yla �nternet�in atas� olan ARPANet projesini ba�latt���nda san�r�m b�ylesi bir b�y�meyi kesinlikle tahmin etmemi�ti. 


�nternet�in b�y�mesi tipik bir Hollywood r�yas�n� and�r�r; s�f�rdan ba�layan parlak bir y�kseli�. Asl�nda bu y�kseli�i besleyen iki �ey vard�: E-postan�n getirdi�i ileti�im olana�� ve HTML dilinin ortaya ��kmas�yla Web sayfalar� �zerinden bilginin payla��m�. 


Bilgiye eri�imin tarihte hi� olmad��� kadar zamandan (g�n�n yirmi d�rt saati) ve mekandan (Japonya�daki bir bilgisayardaki bilgiye evinizden ula�mak) ba��ms�z olmas� �nternet�i bu kadar pop�ler yapt�.

Web sayfalar� ilk ba�ta daha �ok akademik bilginin belirli bir grup i�erisinde payla��lmas� amac�yla �svi�re�deki CERN partik�l fizi�i laboratuarlar�nda makalelerin kolay okunmas� amac�yla HTML dilinin temel yap�s�n�n ortaya ��kmas�yla ba�lad�. Web sayfalar�n�n c�mert olanaklar� k�sa s�rede i� d�nyas� ve ki�iler taraf�nda fark edildi ve baharda a�an �i�ekler gibi her yer Web sayfas� oldu. 


�cretsiz hizmet veren �nternet servis sa�lay�c�lar�n�n artmas�yla birlikte ki�isel Web sayfalar� da ortaya ��kmaya ba�lad�.
G�n�m�zde �zellikle bat� �lkelerinde ki�isel Web sayfalar�, bir t�r sanal kartvizit i�levi g�rmeye ba�lad�. Web sayfas�n�n sahibi sitesinde kendini tan�tman�n yan� s�ra, yay�nlamaya imk�n bulmad��� eserlerini de di�er insanlar�n be�enisine sunma imk�n�na sahip olmakta. Ki�isel Web sayfalar� ba�lang��ta gelip ge�ici bir moda gibi olarak alg�land� fakat art�k onlar da �nternet�in ayr�lmaz bir par�as�.

Her ne kadar Web tasar�m, �zellikle de HTML hakk�nda piyasada olduk�a iyi kitaplar bulunsa da, bu kitaplar�n seviyesi ve i�eri�i, kendi ki�isel Web sayfas�n� haz�rlamak isteyen kullan�c� i�in biraz kar���k ve geli�kindir. 


Bu kitab� yazmaya ba�larken amac�m, bir �nternet ba�lant�s� ve eri�ebilece�i bir bilgisayar� olan, ayn� zamanda kendi ki�isel Web sayfas�n� yapmak isteyen okurun kendi ba��na bir Web sitesini haz�rlayacak konuma getirmektir. 


�nternet�in sundu�u olanaklarla (�cretsiz Web alan�) ki�isel Web sitesi haz�rlamak bedavadan ucuz bir �ey haline gelmi�tir. Gerekli olan tek �ey yeterli bilgi ve istektir.

Kitab�n hitap etti�i kullan�c� kesimi, bilgisayar hakk�nda �ok az �ey bilen kullan�c�dan ba�layarak orta seviyeli kullan�c�ya kadar uzanan bir yelpazeyi kapsamaktad�r. Bir ba�ka deyi�le, bu kitap fareyle �ift t�klaman�n ne oldu�unu bilmeyen kullan�c�dan, Windows i�letim sistemini ba�ar�yla kullan�p kendi dok�manlar�n� yazabilen ve Web�de s�rf yapabilen kullan�c�ya hitap etmektedir. 


Kitab�n yaz�m a�amas�nda da, yaz�lan metin bu t�rden bir kullan�c�n�n de�erlendirilmesine sunulmu�, bu kullan�c�n mu�lak buldu�u noktalar tekrar g�zden ge�irilmi�tir. Ayr�ca, kitab� yazarken akademik bir �sluptan �ok, �nternet�i ve Web sayfalar�n� ��renmek isteyen bir dostuma bilgisayar ba��nda �ay i�ip bilgileri aktar�rken kulland���m �slupla kitab� yazmaya �al��t�m.

Bu y�zden kitab� yazmaya ba�larken ileri kullan�c�lar i�in olduk�a basit ve hatta gereksiz gelebilecek baz� bilgiler di�er kullan�c�lar k�saca d���n�lerek verilmi�tir. Bu y�zden, �fare ile bir metnin nas�l se�ilece�ini anlatan bir k�s�m g�r�nce buna gerek var m�yd�?� diye itirazda bulunmay�n. 


Ger�ekten fare ile bir metni se�meyi bilmeyen bir grup insan var. Cahil ya da aptal olduklar�ndan de�il, sadece bunu bilmediklerinden. �lk bilgisayar�m olan toplama bir 80286�da komut sat�r�ndan dir komutunu yaz�p ENTER yaz�l� tu�a bas�ld���nda dosyalar�n gelece�ini telefonla bir arkada��mdan ��rendi�imde �ok mutlu oldu�umu gayet net hat�rl�yorum.


Kitapta temel olarak basitten karma���a do�ru ad�m ad�m ilerleyece�iz. �nce Web sitesi i�in gerekli olan malzemeleri (metin, resim, grafikler vs.) ve bunlar� nereden bulabilece�inizi g�rece�iz. Daha sonra bu malzemeleri nas�l bir araya getirece�inize bakaca��z. 

Bir Web sayfan�z�n olabilmesi i�in sizde olmas� gerekli olan tek temel �ey, bu i�e olan ilginiz ve kendinize olan g�veninizdir. Bunun d���ndaki her �ey (bu kitap gibi bir kaynak) bir �ekilde �yle ya da b�yle kolayl�kla bulunabilir.


Yanl�� bir �ey yapaca��m diye asla korkmay�n. Tabii ki yanl�� yapacaks�n�z fakat bu yanl��lar d�nyan�n sonu de�ildir. <HTML> yerine <MTML> yazarsan�z bilgisayar�n�z patlamaz ya da dumanlar ��kmaz. 


Deneyin, yap�n ve hata yap�nca d�zeltin. Web sitenizi yapmay� yemek yapmaya benzetebiliriz, ilk seferde herkes yeme�in alt�n� yakabilir.. �evrenizden size gelecek olumsuz ele�tiriler sonucunda inanc�n�z� yitirmeyin. Web sayfan�z� bitirdi�inizde, emin olun son g�len siz olacaks�n�z.

Bir kitab�n yaz�m� (san�ld���n�n aksine) yazar�ndan dizgisine kadar bir tak�m i�idir. Yazar bu tak�m�n sadece kaptan�d�r ama tek bir kaptanla sahaya ��k�lmayaca��n� ve gol at�lmayaca��n� herkes bilir. 

Bu kitab�n yaz�lma fikrini bende uyand�ran ve metni inceleyip de�erli d���ncelerini benimle payla�an Sn. G�khan Reyhan�a, manevi deste�ini bir an olsun eksik etmeyen Say�n Filiz K�nay�a, �nerileri ve destekleriyle kitab�n olu�umunda tart���lmaz katk�lar� olan �al��ma arkada�lar�m Sn. Zuhal �al�k�a ve Sn. Adnan K�se�ye ve beni s�rekli motive eden Sn. I��k Alper�e ve �u kitab� bitir bitir diyerek ba��m�n etini yiyen(!) Sn. Mine G�rtuna�ya te�ekk�rlerimi bor� bilirim.

G�r�� ve ele�tirilerinizi e-posta arac�l���yla bana iletirseniz sevinirim. Ayr�ca bu kitab� kullanarak yapt���n�z Web sitesinin URL�sini bana e-posta ile g�nderirseniz, bu hakl� sevincinizi ve gururunuzu sizinle payla�mak isterim.

Sayg�lar�mla...

Mehmet Emin ARI

Yazar Hakk�nda1966 y�l�nda Isparta �arkikaraa�a�da do�an Mehmet Emin ARI, ilk ve ortaokulu Ankara�da okudu. Yenimahalle Meslek Lisesi Elektronik B�l�m�n� bitirdikten sonra ODT� Makine M�hendisli�ini kazand�. Ayn� b�l�mde �Stabilization of an inverted pendulum by using a fuzzy controller� adl� uygulamal� y�ksek lisans tezini vermi�tir. Halen bir kamu kurulu�unda Teknik Uzman olarak �al��an yazar�n, �IRC ve ICQ, Online Sohbet K�lavuzu� adl� ikinci bask�s�n� yapm�� bir ba�ka kitab� vard�r. Bunun yan� s�ra, AutoCAD 14, Bilgisayar Donan�m K�lavuzu, �nternet Rehberi ve UNIX kitaplar�n� �ngilizce�den T�rk�e�ye �evirmi�tir. �Ad�n Mavi A�k� adl� bir �iir kitab� olan yazar�n �Bealzup Valisinin G�ncesi� adl� hen�z yay�nlanmam�� bir de roman denemesi vard�r. D�zenli olarak deneme t�r�nde yaz�lar yazmakta ve Web tasar�mc�l��� yapmaktad�r.



Sn.Mehmet Ar� bey s�zlerini bitirmi� ancak ben ona ula�amad�m.Kendilerine mail att�m.��allah ula�t���mda sizlerle bu konuyuda payla�aca��m.Yaz� baya�� uzun hatta kendi tabirleri �ok do�ru yaz� de�il kitap, ad�m ad�m tasnif edip i�erikleri yay�nlayaca��m.


Web Sitesi Yaratma K�lavuzu adl� yaz�lar�n t�m�n� blogumuzun men� k�sm�ndan Web Klavuzu  ismine t�klayarak izleyebilirsiniz.T�m yaz�lar ; W1, W2, W3 �eklinde s�ralanacakt�r.Blog Arama k�sm�ndan rahatl�kla bu �ekilde arama yaparak istedi�iniz konuya ula�abileceksiniz.

Devam edecek...  Bir �nceki yaz�lar� incelemek isterseniz t�klayarak ula�abilirsiniz.  

W1 ,W2,W3,W4,

• Men�ler k�sm�ndan Blog ile ilgili t�m yaz�lar Blog sitesi kurulumu ad� alt�nda toplanm��t�r.�ncelemek isteyebilirsiniz.De�erli yorum ve be�enilerinizi eksik etmeyin.Te�ekk�r ederim.

No commentsRead more