Claude ile web sitesi kurmak
Bu eğitim, Claude Code ile bir işletmeye tanıtım sitesi kurmayı ve siteyi kendi alan adında yayına almayı adım adım gösterir. Bir diş kliniğinin sitesini planlar, yazdırır, iletişim formunu ve WhatsApp düğmesini ekler ve teslim edersin.
PDF olarak da indirilir
İçindekiler
Bu eğitim, Claude Code ile bir işletmeye tanıtım sitesi kurmayı ve siteyi kendi alan adında yayına almayı adım adım gösterir. Bir diş kliniğinin sitesini planlar, yazdırır, iletişim formunu ve WhatsApp düğmesini ekler ve teslim edersin.
İçerik haritası
Bu eğitim altı öğeden oluşur. Seviyene göre başlayacağın yeri aşağıdan seç.
- Hiç site kurmadıysan 1. öğeden başla.
- Sayfa planın hazırsa 3. öğeye geç.
- Siten bilgisayarında hazırsa 5. öğeye geç ve yayına al.
Şema, eğitimin altı öğesini ve nereden başlayacağını gösterir.
- Başlamadan önce: eğitimin beş aşamasını, örnek işi ve gereken hesapları görürsün.
- Sayfaları ve metni planlamak: işletmeden toplanacakları ve plan dosyasını hazırlarsın.
- Claude Code ile siteyi yazdırmak: Claude Code'u kurar ve siteyi yazdırırsın.
- Form, harita ve WhatsApp: iletişim formunu, haritayı ve WhatsApp düğmesini eklersin.
- Alan adı ve yayına alma: siteyi Netlify'da yayına alır, formu açar ve alan adını bağlarsın.
- Teslim ve bakım: teslim belgesini hazırlar ve aylık bakımı planlarsın.
Bu eğitim, Claude Code ile bir işletmeye tanıtım sitesi kurmayı ve siteyi kendi alan adında yayına almayı gösterir. Eğitim boyunca tek bir örnek üzerinde çalışırsın: bir diş kliniğinin dört sayfalık sitesi.
Bu öğenin sonunda elinde, eğitime başlamak için gereken hesapların listesi ve sitenin klasörü olur.
Eğitimin beş aşaması
- Sayfaları ve metni planlamak: sayfa planını ve metinleri tek bir dosyada toplarsın.
- Claude Code ile siteyi yazdırmak: siteyi Claude Code'a kurdurur ve tarayıcıda kontrol edersin.
- İletişim formu, harita ve WhatsApp düğmesi: sitenin işletmeye müşteri getiren parçalarını eklersin.
- Alan adı ve yayına alma: siteyi Netlify ile internete açar, alan adını bağlarsın.
- Teslim ve bakım: siteyi teslim eder, aylık bakımını planlarsın.
Şema, eğitimin beş aşamasını sırasıyla gösterir.
Örnek iş
Örnek işletme "Gülüş Diş Kliniği" adında bir kliniktir. Kliniğin sadece Instagram hesabı vardır. Klinik, Google'da arayan hastaların hizmetleri, hekimleri ve adresi görmesini ister.
Kuracağın site dört sayfadan oluşur: ana sayfa, hizmetler, ekip ve iletişim. İletişim sayfasında form, harita ve WhatsApp düğmesi bulunur.
Neden düz HTML
Bu eğitimde site düz HTML ve CSS ile kurulur. HTML sayfanın içeriğini, CSS görünüşünü belirler. Bu yolda kurulacak bir program ya da veritabanı yoktur. Site birkaç dosyadan oluşur ve her barındırma hizmetinde çalışır. Tanıtım sitesi için bu yol hem en sade hem de bakımı en kolay olandır.
Başlamadan önce gerekenler
- Claude'un ücretli planlarından biri: Claude Code, Pro ve Max gibi ücretli planlarla çalışır.
- Bir Netlify hesabı: siteyi yayına almak için kullanırsın. Ücretsiz planla başlayabilirsin.
- Bilgisayarında bir klasör: adını "gulus-dis-klinigi" yap. İçine "gorseller" adlı ikinci bir klasör aç.
Alan adı bu aşamada gerekmez. Dördüncü aşamada nasıl alınacağını ve bağlanacağını öğrenirsin.
Sonraki adım
İkinci öğeyi aç. Orada sitenin sayfalarını ve metinlerini planlayacaksın.
- Sayfaları ve metni planlamak
- Claude Code ile siteyi yazdırmak
- Form, harita ve WhatsApp
- Alan adı ve yayına alma
- Teslim ve bakım
- Claude ile web sitesi kurmak (PDF)921 KB