Kodsuz Web Sitesi Nedir? Neler Yapabilirsiniz?

Hoş geldiniz! Bu, "Kodsuz Araçlarla Web Sitesi Kurma" kursunun ilk dersi. Hiç kod yazmadan, tarayıcı üzerinden tıklayarak kendi web sitenizi kurmayı birlikte öğreneceğiz. Teknik bilgiye ihtiyacınız yok; sabırla ve adım adım ilerleyeceğiz.

Bu derste ne yapacağız?

Bu derste "kodsuz" (no-code) yaklaşımın ne demek olduğunu öğreneceksiniz. Kodsuz araçlarla hangi tür sitelerin kurulabildiğini, hangi durumlarda yetersiz kalabildiklerini göreceksiniz. Dersin sonunda kendi sitenizin amacını ve hedef kitlesini yazıya dökmüş olacaksınız.

• Hedef: Kodsuz web sitesi kavramını anlamak ve kendi site fikrinizi netleştirmek.
• Ön koşul: Yok. İnternete bağlı bir bilgisayar, tablet veya telefon, bir de kâğıt kalem ya da not uygulaması yeterli.
• Süre: Yaklaşık 10 dakika.

Kavram

Bir web sitesi, internette herkesin adresini yazarak ya da arayarak ulaşabildiği sayfalar bütünüdür. Eskiden bu sayfaları yapmak için HTML, CSS gibi özel yazım dilleri bilmek gerekirdi. Kodsuz araçlarda ise bu işi sizin yerinize arka planda araç yapar. Siz yalnızca görsel bir ekranda öğeleri seçer, sürükler, yazıları değiştirirsiniz.

Günlük hayat benzetmesi: Mobilyayı marangoza sipariş edip sıfırdan yaptırmak yerine, hazır modüler dolap alıp parçaları istediğiniz gibi birleştirmek gibidir. Parçalar hazırdır; siz yerleşimi ve rengi seçersiniz. Sonuç sizin evinize uygun görünür, ama dolabın yapısını tamamen değiştiremezsiniz. Kodsuz sitelerde de aynı denge vardır: hızlı ve kolay kurulum, karşılığında belirli sınırlar.

Kodsuz araçlar neler sunar?

• Hazır şablonlar: Size uygun bir tasarımı seçip üzerinde değişiklik yaparsınız.
• Sürükle-bırak düzenleyici: Metin, resim, düğme gibi öğeleri tıklayıp yerleştirirsiniz.
• Hazır bileşenler: İletişim formu, harita, galeri, ürün listesi gibi parçalar tek tıkla eklenir.
• Barındırma dahil: Sitenizin internette yayınlanacağı yeri (hosting) çoğu araç kendisi sağlar.
• Basit otomasyonlar: Örneğin biri formu doldurunca size e-posta gelmesi gibi işler, bu kursun ilerleyen derslerinde ele alınacak.

Adım adım uygulama

Bu derste bir site kurmayacağız. Önce yol haritasını çıkaracağız; çünkü amacı belli olmayan bir site genellikle yarım kalır. Aşağıdaki adımları kâğıda ya da telefonunuzdaki not uygulamasına yazarak izleyin.

1. Bir not uygulaması açın (bilgisayarda Not Defteri, telefonda Notlar gibi) ya da bir kâğıt alın. Üstüne "Site Planım" yazın.
2. Aşağıdaki tabloda sitenize en yakın türü bulun ve notunuza "Site türüm: ..." diye yazın.
3. "Sitemin amacı" başlığı açın ve tek cümleyle yazın. Örnek: "Ev yapımı pastalarımı tanıtıp sipariş almak."
4. "Hedef kitlem" başlığı açın ve sitenizi kimin ziyaret edeceğini yazın. Örnek: "Mahallemdeki ve çevre ilçelerdeki aileler."
5. "Ziyaretçi ne yapsın?" başlığı açın ve ziyaretçiden beklediğiniz tek eylemi yazın. Örnek: "Form doldurup sipariş versin" ya da "Telefonla arasın."
6. "Sayfalarım" başlığı açın. Başlangıç için en fazla 3-4 sayfa yazın. Örnek: Ana Sayfa, Hakkımda, Ürünler, İletişim.
7. Notunuzu kaydedin. Kursun ilerleyen derslerinde bu plana geri döneceğiz.

Kodsuz araçlarla hangi siteler kurulur?

Kodsuz yaklaşımın sınırları

• Tasarım özgürlüğü sınırlıdır: Araç neyi izin veriyorsa onu yaparsınız.
• Platforma bağımlılık: Sitenizi bir araçta kurduğunuzda başka bir araca taşımak zor olabilir.
• Ücret: Çoğu araçta ücretsiz bir plan vardır, ancak kendi alan adınız (örneğin adiniz.com) ve ek özellikler genellikle ücretlidir. Güncel planlar için aracın kendi sitesine bakın.
• Çok özel işlevler: Karmaşık hesaplamalar ya da çok özel kullanıcı işlemleri için kod gerekebilir.

Not: Kodsuz araçların ekranları ve menü adları zaman içinde değişebilir. Bu kursta ekranları birebir ezberlemek yerine mantığı öğreneceksiniz; böylece arayüz değişse bile yolunuzu bulursunuz.

Sık karşılaşılan sorunlar

Mini görev

Kendi site fikriniz için tek sayfalık bir site planı hazırlayın. Fikriniz yoksa bir hayali örnek seçin: mahalle kafesi, el emeği takı satışı, kişisel portfolyo gibi.

• Site türümü seçtim ve yazdım.
• Sitemin amacını tek cümleyle yazdım.
• Hedef kitlemi somut biçimde tanımladım ("herkes" yazmadım).
• Ziyaretçiden beklediğim tek eylemi belirledim.
• En fazla 3-4 sayfa adı yazdım.
• Planı bir yere kaydettim; sonraki derste kullanacağım.

Kendini sına

1. Kodsuz (no-code) yaklaşım ne demektir?
2. Kodsuz araçlarla kurulmaya çok uygun iki site türü söyleyin.
3. Kodsuz araçların iki sınırını yazın.
4. Neden siteyi kurmadan önce amaç ve hedef kitle belirlenir?
5. Başlangıç için kaç sayfa planlamak mantıklıdır ve neden?

Cevaplar

1. Kodsuz yaklaşım, kod yazmadan; hazır şablonlar ve sürükle-bırak gibi görsel araçlarla web sitesi kurmaktır.
2. Kişisel tanıtım/portfolyo sitesi ve küçük işletme tanıtım sitesi (etkinlik sayfası ya da blog da kabul edilir).
3. Örneğin: tasarım özgürlüğünün sınırlı olması, platforma bağımlılık, bazı özelliklerin ücretli olması, çok özel işlevlerde yetersiz kalma.
4. Amacı ve hedef kitlesi belli olmayan site dağınık olur, yarım kalır; metin, tasarım ve sayfa kararları da zorlaşır. Plan her kararı kolaylaştırır.
5. 3-4 sayfa. İlk sürüm küçük ve tamamlanabilir olur; sonradan sayfa eklemek kolaydır.

Bir sonraki derste sitenizi kuracağınız hazır site kurucuların nasıl çalıştığına ve birbirinden farklarına bakacağız. Şimdilik planınızı elinizin altında tutun. Tebrikler, ilk adımı attınız!