Sıfırdan Canlı Web Sitesi: Acemiden Uzmana Yolculuk

Sıfırdan Canlı Web Sitesi: Acemiden Uzmana Yolculuk

Hiç kendi web sitenizin olmasını hayal ettiniz mi? Belki bir hobinizi sergilemek, belki de küçük bir işletmeniz için dijital bir vitrin oluşturmak istiyorsunuz. Ancak nereden başlayacağınızı bilmiyorsunuz. Bu makale, web geliştirme dünyasına adım atacak, teknik bilgisi olmayan her bireyin ilk canlı web sitesini oluşturma sürecini adım adım ele alacaktır. Teknik terimlerin anlaşılır bir dille açıklandığı, pratik örneklerle desteklendiği bu yolculukta, siz de hayalinizdeki web sitesini hayata geçirebileceksiniz.

Web Sitesi Oluşturma Temelleri: Neler Bilmelisiniz?

Bir web sitesi oluşturmak, aslında bir binanın temelini atmak gibidir. Sağlam bir temel olmadan, üzerine ne kadar süslü detaylar eklerseniz ekleyin, yapı ayakta kalamaz. Bu nedenle, web geliştirmenin temel yapı taşlarını anlamak büyük önem taşır. Bu temel yapı taşları, web sitenizin içeriğini oluşturan HTML (HyperText Markup Language – Hiper Metin İşaret Dili), web sitenizin görsel tasarımını ve düzenini belirleyen CSS (Cascading Style Sheets – Basamaklı Stil Sayfaları) ve web sitenize etkileşim katmanızı sağlayan JavaScript‘tir. Bu üç teknoloji, modern web sitelerinin vazgeçilmez sacayağıdır. Başlangıç seviyesinde, ilk web siteniz için HTML ve CSS’e odaklanmak yeterli olacaktır. JavaScript, daha sonra sitenize dinamik özellikler eklemek istediğinizde devreye girecektir.

HTML: Web Sitenizin İskeleti

HTML, bir web sayfasının içeriğini yapılandırmak için kullanılan standart bir işaretleme dilidir. Düşünün ki bir gazete hazırlıyorsunuz. Gazetenin başlığı, haber metinleri, resimler, altyazılar… İşte HTML, bu farklı içerik öğelerini tanımlamanızı sağlar. HTML belgeleri, etiketler (tags) adı verilen özel anahtar kelimelerle oluşturulur. Bu etiketler, tarayıcıya içeriğin ne olduğunu ve nasıl görüntülenmesi gerektiğini söyler. Örneğin, bir başlık oluşturmak için <h1> etiketini kullanırsınız. Paragraflar için <p> etiketi, görseller için <img> etiketi kullanılır. Her etiketin bir başlangıcı ve bir de sonu vardır (bazı istisnalar hariç). Bu etiketler, içeriği elementler halinde gruplandırır. Bir web sitesi oluştururken, bu etiketleri doğru şekilde kullanarak içeriğinizi mantıksal bir hiyerarşi içinde düzenlersiniz. Bu yapı, hem arama motorlarının sitenizi daha iyi anlamasına yardımcı olur hem de erişilebilirlik açısından önemlidir. Örneğin, bir makale yazarken, ana başlıkları <h2> ile, alt başlıkları <h3> ile belirtmek, hem okuyucunun hem de arama motorlarının içeriği daha kolay takip etmesini sağlar. Başlangıç için en sık kullanılan HTML etiketlerini öğrenmek, web sitenizin temelini sağlam atmanızı sağlayacaktır.

CSS: Web Sitenizin Makyajı ve Dekorasyonu

HTML, içeriğinizi yapılandırırken, CSS bu içeriğin nasıl görüneceğini belirler. Yani, HTML web sitenizin iskeletiyse, CSS de onun kıyafeti, makyajı ve dekorasyonudur. Renkler, yazı tipleri, kenarlıklar, boşluklar, düzen… Hepsi CSS ile kontrol edilir. CSS, web sitenizin görsel kimliğini oluşturur. Bir düşünün, aynı HTML yapısına sahip iki farklı web sitesi, kullanılan CSS sayesinde tamamen farklı görünebilir. Birisi modern ve minimalist olabilirken, diğeri daha canlı ve renkli olabilir. CSS, seçiciler (selectors) aracılığıyla belirli HTML elementlerini hedefler ve bu elementlere stil kuralları uygular. Örneğin, tüm paragrafların yazı rengini değiştirmek istediğinizde, CSS’te bir paragraf seçicisi kullanarak bu kuralı uygulayabilirsiniz. CSS’in en büyük avantajlarından biri, stil kurallarını tek bir yerde toplayabilmesidir. Bu, web sitenizin görünümünü güncellemek istediğinizde büyük kolaylık sağlar. Tek bir CSS dosyasında yapacağınız bir değişiklik, sitenizin her yerinde aynı etkiyi yaratır. Bu, sürdürülebilirlik açısından da kritik öneme sahiptir. Ayrıca, CSS ile duyarlı (responsive) tasarımlar oluşturabilirsiniz. Duyarlı tasarım, web sitenizin farklı ekran boyutlarına (bilgisayar monitörü, tablet, cep telefonu) uyum sağlayarak her cihazda iyi görünmesini sağlar. Bu, günümüz mobil odaklı dünyasında olmazsa olmazdır. Başlangıçta temel CSS özelliklerini öğrenmek, web sitenize istediğiniz estetik dokunuşları katmanızı sağlayacaktır.

İlk Web Sitenizi Oluşturma: Adım Adım Rehber

Teorik bilgileri bir kenara bırakıp, şimdi işin pratik kısmına geçme zamanı. Kendi ilk canlı web sitenizi oluşturmak için izlemeniz gereken adımları detaylıca inceleyeceğiz. Bu süreç, gözünüzde büyüttüğünüz kadar karmaşık değil. Sabır ve doğru adımlarla, siz de bir web sitesini yayına alabilirsiniz.

1. Fikir Geliştirme ve Planlama

Her büyük projenin başlangıcı bir fikirdir. Web siteniz ne hakkında olacak? Hangi bilgileri sunacak? Kimlere hitap edecek? Bu soruların cevapları, projenizin temelini oluşturacaktır. Örneğin, bir fotoğrafçıysanız, portföy sitenizde en iyi çalışmalarınızı sergilemek isteyebilirsiniz. Bir yemek blogu yazarıysanız, tariflerinizi düzenli bir şekilde sunmanız gerekecektir. Planlama aşamasında, sitenizin ana sayfalarını belirleyin. Hangi sayfalar olacak? (Anasayfa, Hakkımızda, İletişim, Blog vb.) Her sayfada hangi içerikler yer alacak? Bu, projenizin karmaşıklığını anlamanıza ve kaynaklarınızı doğru yönlendirmenize yardımcı olacaktır. Bu aşamada basit bir çizim veya zihin haritası (mind map) oluşturmak, fikirlerinizi somutlaştırmada faydalı olabilir. Örneğin, bir hobi olarak başladığınız ahşap oymacılığı ürünlerinizi sergilemek istediğiniz bir web sitesi için şöyle bir planlama yapabilirsiniz: Ana sayfa (en popüler ürünler, kısa tanıtım), Ürünler sayfası (kategorilere ayrılmış ürünler, her ürün için detaylı bilgi ve görseller), Hakkımızda sayfası (kendinizden ve hobinizden bahseden yazı), İletişim sayfası (iletişim formu veya e-posta bilgileri). Bu basit planlama, ilerleyen adımlarda size yol gösterecektir.

2. Gerekli Araçları Hazırlama

Web sitesi oluşturmak için karmaşık yazılımlara veya pahalı lisanslara ihtiyacınız yok. Başlangıç için ihtiyacınız olanlar oldukça temel:

• Metin Düzenleyici (Text Editor): HTML ve CSS kodlarınızı yazacağınız programlardır. Notepad (Windows) veya TextEdit (Mac) gibi basit metin düzenleyicileri kullanabilirsiniz. Ancak daha gelişmiş özellikler sunan ücretsiz editörler (örneğin, Visual Studio Code, Sublime Text, Atom) kod yazmayı çok daha kolay hale getirir. Bu editörler, kod renklendirme, otomatik tamamlama gibi özelliklerle hata yapma olasılığınızı azaltır.
• Web Tarayıcısı (Web Browser): Oluşturduğunuz web sitesini görüntülemek için kullanacağınız programlardır. Chrome, Firefox, Safari, Edge gibi tarayıcılar bu amaçla kullanılır. Farklı tarayıcılarda sitenizin nasıl göründüğünü test etmek, uyumluluk açısından önemlidir.
• FTP İstemcisi (FTP Client): Web sitenizi internette barındıracak bir hosting firması seçtiğinizde, dosyalarınızı bu sunucuya yüklemek için bir FTP istemcisine ihtiyacınız olacaktır. FileZilla gibi ücretsiz FTP istemcileri bu iş için idealdir.

Bu araçları bilgisayarınıza kurduktan sonra, web geliştirme yolculuğunuza hazırsınız demektir. Özellikle metin düzenleyici seçimi, kodlama deneyiminizi doğrudan etkileyecektir. Visual Studio Code, günümüzde en popüler ve kapsamlı ücretsiz seçeneklerden biridir. Kurulumu ve kullanımı oldukça basittir.

3. HTML Yapısını Oluşturma

Şimdi ilk HTML dosyamızı oluşturalım. Boş bir metin düzenleyici açın ve aşağıdaki temel yapıyı yapıştırın:

Bu kodu index.html adıyla kaydedin. index.html, web sitelerinin varsayılan giriş sayfasıdır. Bu dosyayı web tarayıcınızda açtığınızda, “Hoş Geldiniz!” başlığını ve altındaki paragrafı göreceksiniz. <!DOCTYPE html>, bu belgenin bir HTML5 belgesi olduğunu belirtir. <html> etiketi, tüm HTML içeriğini kapsar. <head> bölümü, tarayıcıya gönderilen ancak sayfada doğrudan görünmeyen meta bilgileri içerir (karakter seti, sayfa başlığı gibi). <body> bölümü ise web sayfasında görünen tüm içeriği barındırır. Başlıklar için <h1>, paragraflar için <p> etiketlerini kullandığımızı görebilirsiniz. Bu temel yapı, her web sitesinin başlangıç noktasıdır.

4. CSS ile Tasarım Ekleme

HTML yapımızı oluşturduk, şimdi bu yapıya renk ve stil katma zamanı. Yeni bir metin düzenleyici açın ve aşağıdaki CSS kodunu yapıştırın:

body {
  font-family: Arial, sans-serif;
  margin: 20px;
  background-color: #f4f4f4;
  color: #333;
}

h1 {
  color: #0056b3;
}

p {
  line-height: 1.6;
}

Bu kodu style.css adıyla kaydedin. Şimdi, bu CSS dosyasını HTML dosyamıza bağlamamız gerekiyor. index.html dosyanızın <head> bölümüne aşağıdaki satırı ekleyin:

Bu satır, tarayıcıya style.css dosyasını yüklemesini ve HTML içeriğine uygulamasını söyler. Şimdi index.html dosyasını tekrar tarayıcınızda açtığınızda, metinlerin Arial yazı tipinde olduğunu, arka planın açık gri olduğunu ve başlığın mavi renkte göründüğünü fark edeceksiniz. body seçicisi, tüm sayfanın genel stilini belirler. h1 seçicisi başlığın rengini, p seçicisi ise paragrafların satır aralığını ayarlar. Bu, sadece küçük bir başlangıçtır. CSS ile yapabilecekleriniz sonsuzdur.

5. Dosyaları Yerel Olarak Test Etme

Şimdiye kadar tüm çalışmaları bilgisayarınızda, yani yerel olarak yaptınız. Bu, geliştirme sürecinin en önemli aşamasıdır. Oluşturduğunuz index.html ve style.css dosyalarını aynı klasöre kaydederek, tarayıcınızda açtığınızda değişiklikleri anında görebilirsiniz. Bu, hızlı deneme yanılma yapmanızı ve hataları anında düzeltmenizi sağlar. Bu aşamada, farklı HTML etiketlerini deneyebilir, CSS ile farklı stiller uygulayabilir ve sonuçları anında gözlemleyebilirsiniz. Örneğin, bir görsel eklemek için <img src="resim.jpg" alt="Açıklama"> etiketini kullanabilirsiniz. src özniteliği görselin yolunu, alt özniteliği ise görselin yüklenmemesi durumunda gösterilecek metni belirtir. Görseli de aynı klasöre kaydetmeyi unutmayın.

Web Sitenizi Canlıya Alma (Hosting ve Alan Adı)

Yerel olarak oluşturduğunuz web sitesini tüm dünyanın erişimine açmak için iki temel şeye ihtiyacınız var: Hosting (Barındırma) ve bir Alan Adı (Domain Name). Bu iki kavram, web sitenizin internetteki adresi ve evi gibidir.

Hosting: Web Sitenizin Evi

Hosting, web sitenizin dosyalarının (HTML, CSS, resimler vb.) saklandığı ve internet üzerinden erişilebilir hale getirildiği sunucular anlamına gelir. Bu sunucular, 7/24 çalışır ve internet bağlantısı olan herkesin sitenize ulaşmasını sağlar. Birçok hosting firması bulunur ve başlangıç seviyesi için uygun fiyatlı paylaşımlı hosting (shared hosting) paketleri mevcuttur. Bu paketler, aynı sunucuyu birden fazla kullanıcıyla paylaşmanızı sağlar ve maliyeti düşürür. Hosting seçimi yaparken dikkat etmeniz gerekenler şunlardır:

• Güvenilirlik ve Hız: Sitenizin hızlı açılması ve kesintisiz çalışması önemlidir.
• Destek: Karşılaşabileceğiniz teknik sorunlarda hızlı ve etkili destek alabilmeniz kritik öneme sahiptir.
• Depolama Alanı ve Bant Genişliği: Sitenizin boyutuna ve beklenen ziyaretçi trafiğine göre yeterli alan ve bant genişliği sunmalıdır.
• Fiyat: Bütçenize uygun bir seçenek olmalıdır.

Türkiye’de ve dünyada birçok hosting sağlayıcısı bulunmaktadır. Başlangıç için popüler seçenekler arasında GoDaddy, Hostinger, Natro, Turhost gibi firmalar yer alır. Bu firmaların sitelerini ziyaret ederek paketlerini karşılaştırabilirsiniz.

Alan Adı: Web Sitenizin Adresi

Alan adı, web sitenizin internetteki benzersiz adresidir. Örneğin, www.benimilkwebim.com gibi. Kullanıcılar bu adresi tarayıcılarına yazarak sitenize ulaşırlar. Alan adları genellikle yıllık olarak kiralanır. Popüler uzantılar .com, .org, .net‘tir. Türkiye’ye özgü uzantılar ise .com.tr, .net.tr gibi seçeneklerdir. Alan adınızı seçerken:

• Kısa ve Akılda Kalıcı Olmalı: Kolay hatırlanabilir ve yazılabilir olmalıdır.
• Markanızla veya İçeriğinizle İlgili Olmalı: Sitenizin ne hakkında olduğunu yansıtmalıdır.
• Benzersiz Olmalı: Daha önce alınmamış olmalıdır.

Alan adınızı, hosting firmanız aracılığıyla veya farklı alan adı kayıt firmalarından (domain registrar) satın alabilirsiniz. Alan adınızı aldıktan sonra, hosting hesabınızla ilişkilendirmeniz gerekecektir. Bu işlem genellikle hosting firmanızın kontrol panelinden yapılır ve oldukça basittir.

Dosyaları Sunucuya Yükleme (FTP)

Alan adınız ve hosting hesabınız hazır olduğunda, yerel bilgisayarınızda oluşturduğunuz index.html, style.css ve diğer tüm dosyalarınızı hosting sunucusuna yüklemeniz gerekir. Bu işlem için bir FTP (File Transfer Protocol – Dosya Transfer Protokolü) istemcisi kullanırsınız. En yaygın kullanılan ve ücretsiz FTP istemcilerinden biri FileZilla‘dır. FileZilla’yı indirip kurduktan sonra, hosting firmanızın size sağladığı FTP bilgileri (sunucu adresi, kullanıcı adı, şifre) ile bağlantı kurabilirsiniz. Bağlantı kurulduktan sonra, bilgisayarınızdaki dosyalarınızı (sol panel) sunucudaki ilgili klasöre (genellikle public_html veya www klasörü) sürükleyip bırakarak yükleyebilirsiniz. Tüm dosyalarınız yüklendikten sonra, alan adınızı tarayıcınızda yazdığınızda web sitenizin canlı olarak göründüğünü göreceksiniz.

İleri Düzey Konular ve İpuçları

İlk web sitenizi başarıyla yayına aldıktan sonra, daha fazla özellik eklemek ve sitenizi geliştirmek isteyebilirsiniz. Bu bölümde, web geliştirme yolculuğunuzda size yardımcı olacak bazı ileri düzey konulara ve pratik ipuçlarına değineceğiz.

Duyarlı Tasarım (Responsive Design)

Günümüzde kullanıcıların büyük bir kısmı web sitelerine mobil cihazlardan erişmektedir. Bu nedenle, web sitenizin farklı ekran boyutlarına (telefon, tablet, bilgisayar) uyum sağlaması kritik öneme sahiptir. Buna duyarlı tasarım denir. CSS’te medya sorguları (media queries) kullanarak farklı ekran boyutları için farklı stiller tanımlayabilirsiniz. Örneğin, küçük ekranlarda yazı boyutunu küçültebilir, menüyü farklı bir şekilde gösterebilir veya bazı öğeleri gizleyebilirsiniz. Bu, kullanıcı deneyimini önemli ölçüde iyileştirir.

Örnek bir medya sorgusu:

@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
  h1 {
    font-size: 24px;
  }
}

Bu kod, ekran genişliği 768 pikselden az olduğunda, genel yazı boyutunu 14px’e, h1 başlığının boyutunu ise 24px’e düşürür.

JavaScript ile Etkileşim Katma

HTML ve CSS ile statik bir web sitesi oluştururken, JavaScript web sitenize dinamik özellikler ve etkileşim katmanızı sağlar. Kullanıcıların tıklamalarına tepki veren menüler, animasyonlar, form doğrulamaları, içerik güncellemeleri gibi birçok özelliği JavaScript ile hayata geçirebilirsiniz. JavaScript kodları, <script> etiketleri arasına yazılarak HTML dosyasına dahil edilir. Başlangıç için basit JavaScript örnekleriyle başlayarak, sitenize etkileşim katabilirsiniz.

Arama Motoru Optimizasyonu (SEO) Temelleri

Web sitenizin arama motorlarında üst sıralarda yer alması, daha fazla ziyaretçi çekmenizi sağlar. Buna Arama Motoru Optimizasyonu (SEO) denir. Temel SEO prensipleri şunlardır:

• Anlaşılır HTML Yapısı: İçeriğinizi mantıksal etiketlerle yapılandırın (başlıklar, paragraflar vb.).
• Anlamlı Başlıklar ve Meta Açıklamaları: Her sayfanız için açıklayıcı <title> ve <meta name="description"> etiketleri kullanın.
• Anahtar Kelime Kullanımı: İçeriğinizde hedef kitlenizin arama yaparken kullanabileceği anahtar kelimeleri doğal bir şekilde kullanın.
• Görsel Optimizasyonu: Görsellerinizi optimize ederek sayfa yüklenme hızını artırın ve alt etiketlerini doldurun.
• Mobil Uyumluluk: Duyarlı tasarım kullanarak mobil kullanıcılar için iyi bir deneyim sunun.

SEO, sürekli öğrenmeyi gerektiren bir alandır ancak bu temel adımları atmak, sitenizin görünürlüğünü artırmada büyük fark yaratacaktır.

Vaka Analizi: Yerel Bir İşletmenin Dijitalleşmesi

Ankara’da faaliyet gösteren küçük bir el yapımı sabun üreticisi olan “Doğal Dokunuşlar” firmasını ele alalım. Firmanın daha önce online bir varlığı yoktu ve ürünlerini sadece yerel pazarlarda ve elden satıyordu. Müşteri kitlesini genişletmek ve daha geniş bir coğrafyaya ulaşmak amacıyla bir web sitesi kurmaya karar verdiler. İlk aşamada, firmanın temel ihtiyaçları belirlendi: Ürünlerini sergileyebilecekleri bir portföy sitesi ve müşterilerin doğrudan sipariş verebileceği basit bir iletişim formu.

Uygulama Adımları:

1. Planlama: Sitenin ana sayfaları belirlendi: Anasayfa (Firmanın tanıtımı, öne çıkan ürünler), Ürünler (Sabun kategorileri, her sabunun görselleri, içeriği ve faydaları), Hakkımızda (Firmanın hikayesi, üretim felsefesi), İletişim (Adres, telefon, e-posta, basit iletişim formu).
2. Teknik Altyapı: Basit bir HTML yapısı ve CSS ile görsel tasarım oluşturuldu. Renk paleti olarak firmanın doğal ürün konseptine uygun olarak yeşil ve toprak tonları tercih edildi. Duyarlı tasarım prensipleri göz önünde bulundurularak, sitenin mobil cihazlarda da iyi görünmesi sağlandı.
3. İçerik Oluşturma: Ürünlerin yüksek kaliteli fotoğrafları çekildi ve her sabun için detaylı açıklamalar yazıldı. Firmanın kurucusu tarafından samimi bir dille “Hakkımızda” bölümü kaleme alındı.
4. Hosting ve Alan Adı: Firmanın bütçesine uygun paylaşımlı hosting paketi ve dogaldokunuslar.com.tr alan adı alındı.
5. Canlıya Alma: Oluşturulan tüm dosyalar FTP ile sunucuya yüklendi.
6. Sonuç: Kısa süre içinde “Doğal Dokunuşlar” firması, ürünlerini sergileyebilecekleri ve potansiyel müşterilerle etkileşim kurabilecekleri modern ve kullanıcı dostu bir web sitesine sahip oldu. Sitenin yayına alınmasından sonra, firmanın telefon ve e-posta yoluyla gelen siparişlerinde belirgin bir artış gözlemlendi.

Bu vaka analizi, küçük bir işletmenin bile basit bir web sitesi ile dijital dünyada nasıl yer edinebileceğini göstermektedir. Başlangıçta karmaşık e-ticaret sistemlerine veya pahalı çözümlere gerek kalmadan, temel web teknolojileriyle de etkili bir online varlık oluşturulabilir.

Sonuç

Bir web sitesini sıfırdan canlıya almak, ilk başta göz korkutucu görünebilir. Ancak bu makalede ele aldığımız temel kavramları, adım adım ilerleyen süreci ve pratik ipuçlarını takip ederek, bu süreci başarıyla tamamlayabilirsiniz. HTML ile yapının oluşturulması, CSS ile görsel zenginliğin katılması ve hosting ile sitenin dünyaya açılması, web geliştirmenin temel taşlarıdır. Unutmayın, her uzmanın bir zamanlar acemi olduğunu. Önemli olan başlamak, öğrenmek ve denemekten çekinmemek. İlk web siteniz, sizin dijital dünyadaki ilk adımlarınız olacak. Bu yolculukta başarılar dilerim!

Sıkça Sorulan Sorular (SSS)

• Web sitesi oluşturmak için kodlama bilmem gerekiyor mu?

  Temel düzeyde bir web sitesi oluşturmak için HTML ve CSS gibi işaretleme ve stil dillerini öğrenmek gereklidir. Ancak günümüzde kod yazmadan web sitesi oluşturmanızı sağlayan site oluşturucu (website builder) platformları da bulunmaktadır. Yine de, temel kodlama bilgisi, sitenizin üzerinde daha fazla kontrol sahibi olmanızı sağlar.

• Ücretsiz hosting ve alan adı bulabilir miyim?

  Evet, ücretsiz hosting ve alt alan adı (subdomain) sunan platformlar mevcuttur (örneğin, GitHub Pages, Netlify’ın ücretsiz planları). Ancak bu hizmetler genellikle sınırlı özelliklere sahiptir ve profesyonel kullanım için ticari hosting ve özel alan adı tercih edilmesi önerilir.

• Web sitemin güvenliği için neler yapmalıyım?

  Web sitenizin güvenliği için SSL sertifikası kullanmak (genellikle hosting firmaları tarafından sunulur), güçlü şifreler belirlemek, düzenli olarak yedekleme yapmak ve kullandığınız yazılımları (eğer varsa) güncel tutmak önemlidir.

• İlk web sitem için hangi teknolojilere odaklanmalıyım?

  Başlangıç için HTML (yapı) ve CSS (tasarım) konularına odaklanmanız en doğrusudur. Bu iki teknoloji, web sitenizin temelini oluşturur ve ilk canlı sitenizi oluşturmak için yeterlidir. Daha sonra JavaScript ile etkileşim katmayı öğrenebilirsiniz.

#WebGeliştirme #İlkWebSitem #HTML #CSS #Teknoloji #SıfırdanWebSitesi