Merhaba.

HTML eğitimlerimize Localhost ve Kök Dizin kavramlarıyla devam ediyoruz.

Belki şuana kadar fark edip belki de merak ettiğiniz konuya değineceğim.

WebMatrix üzerinde yazmış olduğunu sayfayı çalıştırdığınızda tarayıcıda şöyle bir adres görürsünüz.

LocalHost Nedir?

LocalHost kavramına biraz derinlemesine bakacak olursak.

Local kelimesi sınırlı bölge anlamında kullanılan bir kelimedir.

Host ise hizmet vermek anlamında kullanılır. 

İki kelime birleşip anlamına baktığımızda sınırlı alanda hizmet vermek gibi bir anlamı çıkmaktadır. 

Websitelerimiz dünyaya açılabilmek için herkesin ulaşabileceği webhost sunucuları üzerinde tutulurlar. 

Buradan olayı bir kere daha ele alırsak aslında Localhost sizin o anki üzerinde çalıştığınız ve sadece erişim izni verdiğiniz kullanıcıların ulaşabildiği sunucunuzdur. Yani bilgisayarınız bir sunucu olarak kullanılmaktadır. Böylece bir web sayfasının tasarımını ve kodlamasını yaparken Webhost üzerine yüklemeden güvenli bir şekilde çalışma ve denemelerinizi bu yerel sunucunuz üzerinden yapabilirsiniz.

LocalHost a Nasıl Ulaşılır?

Tarayıcınızın adres çubuğuna http://127.0.0.1  yada http://localhost yazarak ulaşabilirsiniz. Eğer sunucu kurulumlarınızı gerçekleştirmediyseniz localhosta erişim sağlayamayacaksınızdır.

LocalHost kurulumlarını  

1. WampServer

2. AppServer

3. Xampp

gibi  programlar kullanarak yapabilirsiniz. 

Ancak şu anda uyguladığımız  HTML CSS ve daha sonrasında yapacağımız JavaScript kodlamaları ekstra bir LocalHost kurulumu gerektirmez. Varsayılan haliyle direk kullanabilir. Yaptığınız kodlamaları test edebilirsiniz.

Ancak PHP ve veritabanı kullanarak bir site geliştirme işlemi yaparsanız bu sunucu kurulumunu yapmanız gerekecektir.

Peki, Localhost’da tuttuğumuz birden fazla projemiz olsa, hangi projeyi çağırdığımızı nasıl biliyor tarayıcı gibi bir soru aklınıza gelebilir. 

Yukarıdaki adreste dikkat ederseniz Localhost kavramının hemen yanında 25776 gibi bir numaralandırma görüyorsunuz. İşte bu port numarası oluşturduğunuz proje dosyasına özel atanıp localhost üzerinden bu port numarası aracılığı ile istediğiniz projenize erişebiliyorsunuz.

Kök Dizin Nedir?

Web programlama yaparken sıklıkla duyacağınız bir diğer kavramda kök dizin kavramıdır.

Basit bir yeri ifade eder.

Proje dosyamızın kendisine kök dizin denir.

Yani localhost:25776 diye yukarıdaki örneğimizdeki gibi çağırdığımızda projenin aslında kök dizinine ulaşmış oluruz. İlk derste söylediğim gibi tarayıcıda siteyi ilk çağırdığımızda tarayıcı kök dizin üzerindeki index.html dosyasını arar ve bulursa bunu çalıştırır.

İsterseniz bir deneme yapalım. index.html dosyamız varken çalıştıralım.

Index dosyasına ulaştı ve çalıştırdı.

Şimdi index dosyamızın adını değiştirelim ve tekrar çalıştıralım.

index dosyasını aradı ama bulamadı ve böyle bir hata ile geri döndü.

Farklı İsimdeki Dosyalarımızı Nasıl Çalıştıracağız?

Yazdığımız dosyanın ismi neyse Kök dizine yani şu anda localhostumuzun bilgisinden sonra / işaretini koyup dosyamızın ismini yazarak çağırabiliriz.

http://localhost:25776/indexxxx.html

Başka Bir Klasör İçindeki Dosyayı Çalıştırmak

Projemiz üzerinde Yeni Klasör diyerek bir klasör oluşturup Html ismini verelim.

Sonran indexxx.html dosyasını bu klasör içine taşıyalım. 

Bu dosyamızı çalıştırmak istediğimizde ise yapmamız gereken işlem çok basit.

http://localhost:25776/ 

şeklinde localhost bilgisinden sonra bu kök dizin içindeki hangi klasöre ulaşmak istiyorsak bunu yazıyoruz.

http://localhost:25776/Html/

Html klasörü içinde de hangi dosyaya ulaşmak istiyorsak bunu belirtiyoruz. 

http://localhost:25776/Html/index.html

işte bu kadar. Bu yöntemle yazdığınız tüm dosyaları tarayıcınızda çağırabilir ve çalıştırabilirsiniz.

Bir sonraki yazımda görüşmek üzere.


muratbilginer