Teknolojinin Ham Hali

Web Sitesi Nasıl Kodlanır?

Bir web sitesi oluşturmayı öğrenmek istiyorsanız doğru yerdesiniz. Bu kılavuzda, size boş bir ekrandan optimize edilmiş ve aynı zamanda oldukça iyi görünen ve çalışan bir web sitesine ulaşmak için gereken tüm adımları gösteriyoruz.

 HTML ve CSS Nedir?

  • HTML (Köprü Metni Biçimlendirme Dili) bir web sayfasının yapısını ve içeriğini tanımlar – işlerin nereye gittiği, nasıl düzenlendiği ve sayfada neler olduğu…
  • CSS (Basamaklı Stil Sayfaları), bir web sayfasının stilini / sunumunu ve üzerindeki öğeleri tanımlar.
  • İkisi birlikte çalışarak son web sayfasını, tasarımını ve üzerindeki içeriği oluşturur.

Websitesi Kodlamanın Detayları

 Dolayısıyla, HTML ve CSS ile bir web sitesi oluşturmadan önce ihtiyacınız olan ilk şey bir web sunucusudur (barındırma). Yine de endişelenmeyin; kendi makinenizi satın almanıza gerek yok. Birçok web barındırma şirketi size makinelerinde basit bir barındırma hizmeti satar. “Web barındırma” için Google’da arama yapın ve çok pahalı olmayan bir şey seçin.

 Sunucuyu hallettikten sonra, ihtiyacınız olan bir sonraki şey bir alan adıdır. Alan adı, web sitesinin web’de tanımlandığı isimdir. Hem bir alan adınız hem de bir sunucunuz olduğunda, ikisini birbirine bağlayabilirsiniz.

 Not: Bilgisayarınızda bir HTML web sitesini denemek istiyorsanız ve bunu herkese açık hale getirmeyi düşünmüyorsanız, yerel bir web sunucusu yazılımı kullanın. Önerdiğimiz ve kullanmayı sevdiğimiz programın adı XAMPP. Hem Mac hem de PC için sürümleri vardır ve kullanımı kolaydır.



 Bir HTML belgesi oldukça yapısaldır. Her öğenin bir yeri vardır ve öğelerin sırası, söz konusu web sayfasının nihai yapısı ve görünümü için çok önemlidir. Bir CSS belgesi çok daha küçüktür. CSS belgelerine genellikle stil sayfaları adı verilir. Temel olarak, bir CSS stil sayfası, karşılık gelen HTML belgesinde kullanılan tüm sınıf tanımlarının bir listesidir. Sınıf tanımlarının sırası çoğu zaman o kadar önemli değildir (en azından basit tasarımlar için).

 Bir CSS stil sayfasını bir araya getirmenin yolu, her sınıfı tek tek tanımlamak ve ardından sayfa tasarımınızdaki sonucun istediğiniz gibi olup olmadığını test etmektir. Bu sıkıcı bir iş gibi görünüyor ve öyle. Ancak işleri sizin için kolaylaştıracağız ve sizi HTML ve CSS tasarımını elle öğrenmeye zorlamayacağız. Size her şeyi sıfırdan öğretmek yerine, canlı bir organizmayı alıp öğelerini inceleyeceğiz.

 Bootstrap Nedir?

 Bootstrap, HTML ve CSS ile bir web sitesi oluşturmak için açık kaynaklı bir araç setidir. Bootstrap bir HTML belgesinin ve CSS stil sayfasının temel yapısıyla sizin için ilgilenir. Web sayfanızın ana iskeletinin daha fazla geliştirme için hazır ve optimize olmasını sağlayan bir çerçeve sunar.  Temel olarak, Bootstrap sıfırdan başlamanıza izin vermez ve bunun yerine doğrudan eğlenceli kısma girmenizi sağlar. Bununla birlikte, HTML ve CSS ile bir web sitesi oluşturmanın genellikle sıkıcı olan ilk aşamalarında çalışmak zorunda kalmazsınız.


Yorum Ekle