ADIM ADIM ÜCRETLİ VE ÜCRETSİZ WEB SİTESİ KURMA İPUÇLARI

Adım Adım ücretli ve ücretsiz web sitesi kurma İpuçları

Özellikle son günlerde başa bela olan “covid-19 (korona)” vakası sebebi ile zamanının büyük bölümünü evde geçirenler ve web teknolojilerine ilgi duyanlar için, ücretli ve ücretsiz olarak nasıl web sitesi kurulabileceği konusunda birkaç ipucu vermeye çalışacağım.

Başlarken

Öncelikle, beklentilerinize göre ne tarz bir çalışmaya ihtiyacınız olduğunu belirlemelisiniz. Web sitesi yalnızca profesyonel amaçlar için kullanılmaz. Mesela içinizden geçenleri insanlarla paylaşmak için blog yazmayı da isteyebilirsiniz, yemek tarifleri paylaşmayı da. Yukarıda da belirttiğim gibi beklentileriniz nasıl bir yol izlemeniz konusunda belirleyici olacaktır.

Seçim yapmanızı kolaylaştırmak adına iki seçenek belirledim. Hangisi seçeneğin amaçlarınıza daha yakın olduğuna aşağıdaki soruların birine cevap vererek başlayabilirsiniz.

  1. Şimdilik işimi görecek bir web sitesi yeterli, ilerleyen süreçlerde duruma göre hareket edeceğim.
  2. Beklentim profesyonel web tasarım. Kendim öğrenmek istiyorum, nasıl yapılabileceği konusunda yol haritasına ihtiyacım var.

Elimden geldiğince her iki seçim için izleyebileceğiniz ipuçları vermeye çalışacağım.

A seçeneği: Şimdilik işimi görecek bir İnternet sitesi yeterli

Bu seçenekte izlenebilecek birçok alternatif mevcut. Bunlardan bir kaçına değinerek size nasıl artı/eksi sağlayabileceklerine göz atalım.

Ücretsiz web sitesi kurmanıza olanak tanıyan sayfalar

Öncelikle amacım, kendinize uygun seçimler yapabilmenizi kolaylaştırmak bu nedenle tek tek detaylı anlatım yapmak yerine birkaç cümle ile özet bilgiler vermeye çalışacağım. Ek olarak, konu içerisinde paylaştığım linklere tıklayarak veya videoları izleyerek detaylı fikir edinebilirsiniz.

1) Wix

Muhtemelen İnternette dolaşırken en az bir kez reklamına denk gelmişsinizdir. Wix, Türkçe dil desteği bulunan ve ücretsiz İnternet sitesi kurma konusunda oldukça hızlı çözümler sunan web sitesi kurucusudur. Kısacası, şimdilik işimi görsün maksatlı bir web sayfası istiyorsanız tabiri yerindeyse “cuk diye oturan” bir sistem.

Tabii ki kendi içerisinde ücretli ek paketler de bulunuyor ama siz ücretsiz olan servislerini kullanabilirsiniz.

Şuradan Wix’in resmi web sayfasına göz atarak detaylı bilgi alabilirsiniz.

2) Godaddy

Godaddy, Dünyanın en büyük alan adı kayıt kuruluşlarından biri olup, aynı zamanda yine Wix benzeri ücretsiz web sitesi kurabilmenizi sağlayan bir kuruluştur.

Sunduğu Türkçe dil desteği ile işlerinizi oldukça kolaylaştırıyor. Ücretsiz web sitesi sahibi olabilmek için şuradan kaydınızı gerçekleştirebilir, sayfanızı oluşturmaya başlayabilirsiniz.

Aşağıdaki videoyu izleyerek, nasıl başlayabileceğiniz konusunda fikir sahibi olabilirsiniz.

3) Wordpress

Wordpress, neredeyse Dünyanın en çok tercih edilen tema üreticisidir. Wordpress ile hemen hemen her kategoriye ait ücretli/ücretsiz tema bulabilirsiniz. Komplike temaların yanı sıra ek olarak ücretsiz web sitesi kurmanıza yarayan basit şablonlar da sunar.

Şuradaki videoda güncel ve Türkçe anlatım var bu videoyu izledikten sonra kolaylıkla kurulum yapabileceğinizi düşünüyorum.

Şuradaki linke tıklayarak Türkçe dil destekli web sayfasına göz atabilir, detaylı fikir sahibi olabilirsiniz.

4) Site123

Site 123 neredeyse Wix ile aynı mantığa sahip diyebilirim. İşleyiş mantığı ve ücretsiz İnternet sitesi hizmet sunumu birbirine oldukça yakın. Yalnızca temalar birbirinden farklı. Alternatif olarak kullanabileceğiniz bir yapıya sahip ve işleyişine göz atmak için şu videoya göz atabilirsiniz

Şuradan da resmi web sayfasına göz atabilir, hemen sitenizi kurmaya başlayabilirsiniz.

Ücretsiz internet siteler ile ilgili avantaj ve tavsiyeler

  • 1 TL bile ödeme yapmadan web sitesi sahibi olursunuz. İşiniz acil veya hobi amaçlı ise “süre ve bütçe” anlamında sizi yormaz.
  • Kurulumlara başlamadan, elinizden geldiğince bol kaynak araştırması yaparak bilgi edinin.
  • Bu sizin ilk denemeniz ise ve hizmet/ürün veya farklı amaçlarla profesyonel adımlar atacaksanız ücretsiz şablonlarla başarılı olamayabilirsiniz. Bu nedenle mutlaka web tasarım uzmanından danışmanlık veya tasarım desteği alın.
  • Her ne kadar basit gözükse de ilk adımlarda zorlanabilirsiniz, yılmadan devam edin.
  • Ücretsiz hazır şablonlar tasarımsal açıdan tatmin edici olmayabilir bu canınızı sıkmasın. Web site işleyiş mantığı ile ilgili deneyim kazandıktan sonra profesyonel adımlar atmanız kolaylaşır.
  • Başaramazsanız da üzülmeyin. İyi yanından bakın, farklı ve yeni bir deneyim kazanmış olursunuz. Kullandığınız servis ücretsiz olduğu için en fazla 3-5 saatinizi kaybetmiş olursunuz.

B seçeneği: Profesyonel web tasarımlar yapmak istiyorum

B seçeneği yani bu kısım oldukça sabır ve çaba gerektiren bir yoldur. Eğer çıkabilecek zorluklar karşısında “yılmama” kararı aldıysanız başlayabiliriz.

İlk adım: Profesyonel web sitesi yapmak için neler öğrenmeniz gerekiyor?

Web tasarım sektörüne amatör bir başlangıç yapıp profesyonel olarak devam edebilmeniz kararlılığınıza ve sürekli kendinizi geliştirmenize, yenilikçi olmanıza bağlı.

  1. Program bilgisi (En azından Photoshop)
  2. HTML ve CSS
  3. Javascript (ilk etapta zorunlu değil)

İkinci adım: Web site ön yüz tasarımı

Bir web sayfasına başlamadan önce taslağa ihtiyacınız olacak. Gelişmiş bir taslak da olabilir (arayüz tasarımı) amatör de olabilir. Özel tasarımın en güzel yanı budur. Neyi nasıl isterseniz düzenleyebilir, geliştirebilir daha sonra bunu web sitesi haline dönüştürebilirsiniz.

Bunun için Photoshop ya da dengi bir program bilginizin olması gerekiyor. Eğer bu yazıyı ilk kez okuyorsanız udemy tarzı eğitim sitelerinden veya Youtube üzerinden ücretsiz ders videoları çekmiş kanallardan öğrenebilirsiniz. İlk etapta karışık gelebilir ama alıştıkça sevmeye başlarsınız.

Tabii ki ön yüz tasarlamak yalnızca tasarımsal açıdan fayda sağlamaz. Hem ön tasarım yaparken düzenleme yapmak çok daha kolaydır hem de neyi nerede ne şekilde yapacağınızı belirlemeniz adına yol haritası niteliği taşır.

Ön yüz tasarımı ile ilgili aşağıdaki videoya göz atmanızı tavsiye ederim. Bu tarz videoları takip edip biraz da pratik yaparsanız anlamanız daha kolay olur.

Üçündü adım: Çizilen ön yüz tasarımını HTML & CSS olarak kodlama

Evet şimdi elimizde bir arayüz var ve bunu HTML & CSS yardımıyla kodlayarak “tıklanabilir” bir internet sayfası haline getirmeliyiz. Bunu yapabilmek için HTML ve CSS öğrenmeniz şart. Ek olarak herhangi bir program bilmenize gerek yok. Sadece kodu yazabilmek için basit bir text editör indirmeniz yeterli. Şuradan Notepad++ indirip hemen başlayabilirsiniz.

Şayet HTML ve CSS mantığını iyi kavrayarak bol pratik yaparsanız herhangi (dreamweaver veya benzeri) ek bir program yardımına ihtiyacınız kalmaz.

Şu videoyu izleyerek PSD to HTML dönüşümüne göz atabilirsiniz.

HTML öğrenmeye başlamak için daha önce yazmış olduğum şu makaleden başlayabilirsiniz.

Son adım: Web sitesini yayınlama

Evet, artık elimizde tıklanabilir ve yayınlanmaya hazır bir web sayfası var. Şimdi yapmamız gereken son şey domain & hosting (ne olduğunu bilmiyorsanız tıklayın) satın alarak yayınlamak. Henüz veri tabanı vs. işlemi yapmayacağınız için bu adım çok kolaydır.

Filezilla programı ile localhost da yer alan dosyaları sürükleyerek hosting içerisine atacaksınız hepsi bu kadar. Aşağıdaki videoda kısaca anlatılmış göz atabilirsiniz.

Profesyonel web tasarımlar ile ilgili avantaj ve tavsiyeler

  • Web teknolojilerinde ilerlemek istiyorsanız İngilizcenizin orta seviyeye yakın olması size büyük avantaj sağlar. Zira program tabanları ve yardım alabileceğiniz web site kaynaklarının büyük bölümü İngilizcedir.
  • Web site tasarlamak ilk etapta zorlu gelebilir fakat yeterli zaman ve bol pratik ile uzmanlaşabilirsiniz. Zamanla geçmiş yıllarda yaptığınız tasarımlara bakarak gülümseyecek, çok yol kat etmişim diyeceksiniz.
  • Web sayfanızın internette bulunabilir olması için Google ve buna bağlı olarak SEO kriterlerini karşılayabiliyor olması çok önemlidir.
  • Özel web siteleri hazır ve ucuz sitelere oranla çok daha etkili izlenimler bırakır. Bu nedenle Profesyonel amaçlarınız için özel tasarım yapmalı veya yaptırmalısınız. Ayrıca performans açısından da oldukça tatmin edici seviyelerdedir.
  • HTML ve CSS yapısını öğrendikten sonra javascript ve diğer web programlama dillerini öğrenmeniz kolaylaşır.
  • Ücretsiz şablonlarda kendi alan adınızı kullanamazsınız dolayısıyla kendi sitenizi tasarlarken kendi alan adınızı da kullanabileceksiniz. Bu sayede marka değeriniz arttıracaktır.
  • Web sitelerini interaktif kartvizitler olarak görebilirsiniz. Logonuz, renkleriniz, site hızınız, SEO altyapısı, sayfa kullanım kolaylığınız vb. bir çok kritere hakim olmanız sizi rakiplerinize karşı oldukça avantajlı konuma getirir. Tasarım yaparken bunların hepsini ele alarak strateji kurgulamalısınız.
  • Web site arayüz çizimleri ile aşır neşir olmanız, bir süre sonra tasarım algınızı geliştirir. Farkında olmadan grafik tasarımcılık yolculuğuna da adım atmış olursunuz.

Toparlayacak olursak;

Profesyonel hedefleriniz varsa özel tasarımın nasıl yapıldığını öğrenmelisiniz ya da profesyonel web sitesi tasarımı hizmet desteği almalısınız. İşiniz acil veya hobi amaçlı ise 3-5 saatlik eğitimlerle kendi ücretsiz web sitenizi inşa edebilirsiniz.

Aklınıza takılan bir soru olursa iletişim kısmından benimle temasa geçebilirsiniz. Elimden geldiğince ve zaman buldukça yardımcı olmaya çalışırım.

Adım Adım ücretli ve ücretsiz web sitesi kurma İpuçları Konu başlığı ile ilgili düşüncelerinizi paylaşın!