Web Sitesi Nasıl Oluşturulur: 3 Kolay Yöntem, Adım Adım Kılavuz

Güncelleme: 2022-04-29 / Makale: Jerry Low
İnternet sitesi nasıl oluşturulur

Bugünün dünyasında bir web sitesi oluşturmak çok kolaydır. Bir teknoloji meraklısı veya programcı olmanıza gerek yok. Doğru yöntemi izleyin, doğru platformları seçin, doğru araçları kullanın – İlk web sitenize çok kısa sürede sahip olabilirsiniz.

2004 yılında çevrimiçi işime ilk başladığımda web geliştirme konusunda sıfır bilgim vardı. On bir yıl sonrasına kadar bir web geliştiricisi tutmadım. Ve tamam yaptım. Bugün – yenilikçi geliştirme araçlarımız ve daha iyi web yayıncılığı platformlarımız var. %100 iyi olacaksın.

Web Sitesi Yapmanın Üç Yolu

İlk web sitenizi mi yapıyorsunuz? Üç seçeneğiniz var:

Yöntem #1 ile tasarımlarda ve site işlevlerinde daha fazla esneklik elde edersiniz, ancak bunun için iyi web dilleri bilgisi gerekir. Yöntem #2 ve #3 ile oluşturma ve yönetim süreci çok daha kolaydır. Yeteneğinize göre bu yöntemlerden birini seçmelisiniz.

Yukarıda bahsedilen üç yöntemi de inceleyeceğiz ve bir web sitesi oluşturmak için gereken adımları inceleyeceğiz.

1. Bir Alan Adı Kaydedin

Alan Adı
Standart bir .com alan adının maliyeti yılda 8 – 15 ABD dolarıdır > Alan adınızı NameCheap ile aramayı deneyin.

Bir alan, web sitenizin adıdır. Benzersiz olmalı ve işinizin markasını taşımalıdır.

Arama yapmanın en kolay yolu ve etki alanı kaydet bir alan adı kayıt sitesine gitmektir.

Bir alan adı kayıt şirketi alan adınızı yıllık sözleşmeler veya uzun vadeli bir sözleşme ile kaydettirmenizi sağlar.

Etki alanınızı nereye kaydettirmelisiniz

İşte bazı saygın alan adı kayıt şirketleri ve bunların başlangıç ​​fiyatı.

Alan Kayıtları.com. NetOrg..xyz
123 Reg£ 2.99 / yıl£ 9.99 / yıl£ 9.99 / yıl£ 9.99 / yıl
Domain.com$ 9.99 / yıl$ 12.99 / yıl$ 8.99 / yıl$ 9.99 / yıl
Gandi€ 12.54 / yıl€ 17.00 / yıl€ 8.99 / yıl€ 14.14 / yıl
GoDaddy$ 12.17 / yıl$ 12.17 / yıl$ 12.17 / yıl$ 1.17 / yıl
Hostinger$ 8.99 / yıl$ 12.17 / yıl$ 12.99 / yıl$ 0.99 / yıl
namecheap$ 8.88 / yıl$ 10.98 / yıl$ 12.98 / yıl$ 1.00 / yıl

Alan Adı İpuçları

2. Bir Web Barındırıcısı Satın Alın

Temel bir tek web sitesi barındırma maliyeti ayda 2 – 5 ABD doları > Çıkış yapmak Hostinger burada anlaşma.

Web barındırma, web sitelerinizi depolayan büyük bir bilgisayardır (diğer adıyla sunucu). Amazon, IBM ve FB gibi bazı dev şirketler kendi web sunucularına sahiptir ve yönetir; diğer işletmeler sunucularını bir web barındırma sağlayıcısından kiralarlar (ki bu çok daha ucuz ve kolaydır).

Not: Sitenizi oluşturmak için bir web sitesi oluşturucu seçmeyi tercih ediyorsanız bu adımı atlayın (#3 numaralı adıma bakın).

Web barındırmada seçenekleriniz nelerdir?

Web barındırma bugün çeşitli paketler halinde gelir. 

Geleneksel olarak, bir web barındırma sağlayıcısı yalnızca sunucuları temel yazılım ve teknik destekle kiralamakla ilgilenir. ile web sitenizi barındırma geleneksel barındırma sağlayıcısı genellikle daha ucuz ve daha esnektir; ancak bir web sitesi kurmanız için biraz fazladan çalışmanız gerekir.

Günümüzde şirketler farklı hizmetleri bir araya getiriyor ve kullanıcıların tek bir hizmet sağlayıcıdan web siteleri oluşturmasına, barındırmasına ve yönetmesine izin veriyor. Bu şirketlere genellikle Web Sitesi Oluşturucuları veya Çevrimiçi Mağaza Oluşturucuları diyoruz. Web sitesi barındırma bu "paket" platformlarda genellikle pahalıdır ve daha az esnektir; ancak kolayca bir web sitesi veya çevrimiçi mağaza oluşturabilirsiniz.

Bazı yeni başlayanlar için uygun barındırma hizmeti kontrol etmek.

Web HostEn Ucuz PlanYenileme ücretiÜcretsiz Alan Adı?Ücretsiz Site Geçişi?Barındırılan SitePara İade DenemesiDaha Fazla Bilgi EdinŞimdi Sipariş
Hostinger$ 1.99 / mo$ 3.99 / moYok hayırEvet130 GünleriHostinger DeğerlendirmeÖn Onay Hostinger
InterServer$ 2.50 / mo$ 7.00 / moYok hayırEvetUnknown30 GünleriInterserver DeğerlendirmeÖn Onay InterServer
A2 Hosting$ 2.99 / mo$ 10.99 / moYok hayırEvet1HerzamanA2Hosting İncelemesiA2 Hosting Alın
GreenGeeks$ 2.95 / mo$ 10.95 / moEvetEvet130 GünleriGreenGeeks DeğerlendirmeÖn Onay GreenGeeks
TMD Hosting$ 2.95 / mo$ 4.95 / moEvetEvet160 GünleriTMD Hosting DeğerlendirmeÖn Onay TMD Hosting
InMotion hosting$ 2.29 / mo$ 8.99 / moEvetEvet290 GünleriInMotion Hosting İncelemesiÖn Onay InMotion hosting
ScalaHosting$ 3.95 / mo$ 6.95 / moEvetEvet130 GünleriScalaHosting DeğerlendirmeÖn Onay ScalaHosting
BlueHost$ 2.95 / mo$ 9.99 / moEvetEvet130 GünleriBlueHost İncelemesiBlueHost'u Alın
HostPapa$ 2.95 / mo$ 9.99 / moEvetEvet130 GünleriHostPapa DeğerlendirmeÖn Onay HostPapa
FastComet$ 2.95 / mo$ 9.95 / moEvetEvet145 GünleriFastComet İncelemesiFastComet'i edinin

Web Barındırma İpuçları

  • Var farklı barındırma türleri mevcut: paylaşılan barındırma, barındırma adanmış sunucu, ve bulut/VPS hosting.
  • Küçük bir web sitesiyseniz, paylaşılan barındırma planlarına gitmek daha ucuzdur. Daha büyük sitelerin bulut veya özel barındırma kullanmaları önerilir.
  • Önceden göz önünde bulundurmanız gereken bazı temel nitelikler bir web barındırma seçmek kullanım kolaylığı, fiyatlandırma, sunucu hızı ve çalışma süresi oranlarıdır. 
  • Bugüne kadar 70'den fazla barındırma şirketine kaydolduk, test ettik ve inceledik - en iyi barındırma seçimleri.
  • gibi bir çevrimiçi mağaza oluşturucu kullanmayı düşünün. Shopify or BigCommerce Ürünleri doğrudan web sitenizden satmayı planlıyorsanız.
  • Bazı şirketler makul olmayan derecede yüksek sunucu ücretleri talep eder, okumayı unutmayın hosting pazarı çalışmamız satın almadan önce.
  • Genellikle, ödeme yapıldıktan sonra barındırma hizmetinizle ilgili tüm gerekli bilgileri içeren bir hoş geldiniz e-postası alırsınız - bu, bir web sitesi sahibi olarak yolculuğunuza başladığınız yerdir. Hakkında daha fazla öğren bu kılavuzda web barındırma işe alım süreci.

3. Web Sitenizi Oluşturun ve Tasarlayın

Alan adınızı ve web barındırma hizmetinizi aldıktan sonra, kolları sıvayıp oluşturmaya başlama zamanı! Web sayfaları tasarlamak ve oluşturmak için bir web geliştiricisi tutabilir veya kendiniz yapabilirsiniz.

Detaylı olarak tartışıyoruz buradan bir web geliştirme görevi nasıl dışarıdan alınır. Web sitenizi sizin için geliştirmesi için birini işe almayı planlıyorsanız, aşağıdaki adımları atlamalı ve o sayfaya geçmelisiniz.

Kendin Yapçılar için, bir web sitesi oluşturmanın üç kolay yöntemi:

Yöntem 1: HTML ve CSS'de Sıfırdan Bir Web Sitesi Oluşturma

Gerekli Beceriler ve Araçlar

Ana web dillerini ve bir web sitesinin temelini biliyorsanız, benzersiz ve kendine özgü web sitenizi kendiniz oluşturabilirsiniz.

Aksi takdirde #2 / 3 yöntemine geçmeniz önerilir; veya bir web geliştiricisiyle iletişim kurun.

Temel Web Dilleri / Araçları

  • HTML (Hiper Metin İşaretleme Dili)
    HTML içeriği web tarayıcısı için anlamsal hale getiren web sayfalarının ve web uygulamalarının temel yapısıdır. Bir açılış ve kapanışa sahip sıralı etiketlerden ve yapısal olarak Köşeli Parantezler içine alınmış bir anahtar kelimeden oluşur. Eski:
  • CSS (Basamaklı Stil Sayfaları)
    CSS, bir web sayfasının HTML işaretlemesini dekore etmek için kullanılan stil dilidir. CSS olmadan, bir web sayfası, üzerinde bazı sırasız metin ve resim bulunan büyük beyaz bir sayfadan başka bir şey görmez. CSS, sayfayı nasıl istediğimizi ideal yapan şeydir.
  • Komut Dosyası Oluşturma Dilleri
    HTML ve CSS, etkileşimli olmadıkları için dilleri komut yazmadan hiçbir şey değildir. Kullanıcılara cevap verecek dinamik bir web sayfası oluşturmak için JavaScript ve jQuery gibi dillere ihtiyacınız var. PHP, Python ve Ruby gibi sunucu tarafı dilleri de zamanla gerekli olabilir.
  • Veritabanı Yönetimi
    Bir web sitesinin kullanıcı-giriş verilerini depolamak, yönetmek ve bunlara erişmek için, veri tabanı olarak adlandırılan büyük bir bilgi tablosu düşünülür. Bu işi verimli yapmak için sunucu tarafında MySQL, MongoDB ve PostgreSQL gibi bir Veri Tabanı Yönetim Sistemi kullanılmaktadır.
  • FTP (Dosya Aktarım Protokolü) / sFTP (Güvenli Dosya Aktarım Protokolü)
    FTP için kullanılır bir web sitesinin kaynak dosyalarını aktarın barındırılan sunucusuna daha kolay. Dosyaları sunucu bilgisayara yüklemek için kullanılabilecek web tabanlı ve bilgisayar yazılımı tabanlı FTP istemcileri vardır.

IDE Kullanarak Web Sitesi Oluşturma Adımları

Yukarıda bahsedilen temel web dillerini ve web sitesi esaslarını bildiğinizi varsayarak, ilk elden bir web sitesini nasıl oluşturabileceğinize dair sürecin genel görünümü.

1. Adım: Yerel bir çalışma ortamı kurun 

Subline Text ile site oluşturma
Alt Yazı Metin çalışma ortamının ekran görüntüsü.

Bir web sitesinin kaynak dosyalarını oluşturmak ve düzenlemek için iyi bir yerel çalışma ortamı önemlidir. Bir IDE (Entegre Geliştirme Ortamı) kurarak bilgisayar aygıtınızda bir web geliştirme ortamı oluşturabilirsiniz. IDE temel olarak bir Text Editor, Build Automation ve Debugger'dan oluşur.

Sublime Text ve Atom HTML, CSS, JS, PHP, Python ve benzeri web dillerini destekleyen web geliştirme için temel IDE'lerden bazılarıdır.

Öte yandan, genişletilmiş IDE'ler var. Adobe Dreamweaver Diğer özellikler bir avuç sunar (Örn: Sunucu Bağlantısı, FTP).

Adım 2: Adobe Photoshop kullanarak Web Sitenizi Planlayın ve Tasarlayın

Web sitesi yapısı ve navigasyon sisteminin planlanması büyük önem taşımaktadır. İlk olarak, içeriğinizi nasıl teslim etmek istediğinizi anlamalısınız. Kaç tane gezinme menüsünü, kaç sütun veya içerik alanı olduğunu, kaç görüntüyü dahil etmek istediğinizi ve nerede olduğunu planlayın.

En iyi uygulama Adobe'yi açmaktır Photoshop ve web sayfalarınızın kaba bir çizimini oluşturmak. Ana sayfa, hakkında sayfası, iletişim sayfası, hizmet sayfası vb. gibi farklı sayfalar için farklı kabataslaklar yapmanız gerekebilir.

Bu web sitesini oluştururken kullandığımız tasarım maketi
Örnekler - Aralık 2016'da site yenilemesi sırasında yaptığımız tasarım modelleri.

Adım 3: HTML ve CSS kullanarak Tasarımı Kodlayın

Adobe Photoshop'ta web sayfalarınız için kaba tasarımlar yaptıktan sonra, kaynak kodları yazmaya başlayabilirsiniz.

Bu en kolay kısım. Eklemek istediğiniz web öğelerini HTML işaretlemeleri yapın ve yaptığınız tasarımlara göre bunları dekore etmek için CSS kullanın.

Adım 4: JavaScript'i ve jQuery'yi kullanarak Dinamikleştirin

Modern kullanıcılar için yalnızca HTML ve CSS tabanlı web siteleri yoktur, çünkü ön uç kullanıcı etkileşimleri HTML veya CSS ile kontrol edilemez.

Formlar, girişler, sürgü, menüler veya ihtiyaç duyduğunuz her yerde kullanıcı etkinliğini kontrol etmek için JavaScript gibi komut dosyalarını ve muhtemelen geliştirilmiş kitaplığını, jQuery'yi kullanabilirsiniz.

Adım 5: Sunucuya FTP İstemcisi Kullanarak Yerel Dosyaları Yükleyin

Site oluşturma için FTP yazılımı
Bir FTP istemcisi örneği.

Son adım, tüm kaynak dosyalarınızı web sunucusuna yüklüyor. Bunu işlemenin en iyi ve en kolay yolu bir FTP istemcisidir.

Öncelikle, bilgisayar cihazınıza bir FTP istemcisi indirin ve bir FTP hesabı kullanarak web sunucunuza bağlayın. FTP hesabına başarıyla bağladıktan sonra, tüm yerel dosyalarınızı web dizininizin kök dizinine kopyalayın. Bazı iyi FTP istemcileri FileZilla, WinSCP ve Cyberduck.

Yöntem #2: CMS Kullanarak Web Sitesi Oluşturma

Gerekli Beceriler ve Araçlar

  • Knwoledge: Bilgisayar ve İnternet'in temel çalışması; HTML, CSS ve PHP (temelleri biliyorsanız zorunlu değil, daha iyi)
  • Araçlar: WordPress, Joomla, ve Drupal

Bir CMS veya İçerik Yönetim Sistemi o kadar taktiksel bir şekilde inşa edilmiştir ki, deneyimli web geliştiricilerine ilk iş gününden başlayanlar için uygundur.

Çevrimiçi içerikleri oluşturmayı ve yönetmeyi kolaylaştıran bir yazılım uygulamasıdır. Çoğu açık kaynaklıdır ve kullanımı ücretsizdir.

HTML, CSS veya PHP'nin temellerini biliyorsanız, sizin için avantajlıdır. Eğer bilmiyorsanız, bu platformlar çok sezgisel olduğundan büyük bir sorun değil. İhtiyacınıza göre seçebileceğiniz CMS platformlarının en iyi üç ücretsiz seçeneği.

WordPress

WordPress, çeşitli istatistiklere göre, maksimum blog ve küçük ve orta ölçekli web sitelerinde kullanılmaktadır. Yine de, birçok büyük web sitesi basitliği için WordPress'i tercih ediyor. WYSIWYG Editor, ilk içeriğinizi belirlemek için öğrenmeniz gereken tek şey.

Bu platform, yeni başlayanlar için kurumsal ve farklı web geliştiricileri sınıfları tarafından büyük ölçüde geliştirilebilir. Kendi depolarında birçok ücretsiz eklenti ve temaya sahiptir. #1 CMS seçeneği olması nedeniyle, birçok üçüncü taraf kaynağı yanda mevcuttur.

Daha fazla referans için bunlara bakın 30 WordPress destekli web sitesi . Ayrıca adresinde ücretsiz bir hesap oluşturarak WordPress'i kendiniz de deneyebilirsiniz. WordPress.comYa da CMS'yi WordPress.org'dan indirin.

WordPress temalarının seçimleri.
WordPress temalarının seçimleri.

Artılar

  • Son derece esnek ve özelleştirilebilir
  • Kullanımı kolay,
  • Öğrenme kaynakları tonları,
  • Mükemmel topluluk ve destek

Eksiler

  • Büyük görsel özelleştirmeler için kod gerekiyor
  • Güncellemeler eklentilerle ilgili sorunlara neden olabilir

Joomla

Joomla, birçok yönden WordPress'e benzer. Ayrıca kullanımı ve montajı kolaydır ve modüller yardımı ile kolaylıkla genişletilebilir.WordPress eklentilerinin karşılığı. Sonuç olarak, yeni başlayanlar için ikinci en iyi seçenek.

Bununla birlikte, yeni başlayanlar, mevcut seçeneklerin sayısı nedeniyle Joomla'yı keşfetmeye daha fazla korkabilir. Sol menüye ek olarak, "Denetim Masası" nın hemen üzerindeki üst çubukta da bir menü vardır. logo. Karışıklığı önlemek için, sol ve üst çubuk menülerindeki bazı öğelerin "İçerik", "Kullanıcılar" ve "Uzantılar" gibi benzer olduğunu unutmayın.

Tıpkı WordPress gibi, Joomla da sitenize hızlı bir şekilde farklı bir görünüm kazandırabilecek bazı stillere ve şablonlara sahiptir. Ancak üç içerik yönetim sisteminden Joomla, sosyal ağ oluşturma söz konusu olduğunda en kolay çözümü sunar. EasySocial ve JomSocial gibi platformlarla, kendi sosyal ağ web sitenizden sadece birkaç dakika uzaktasınız.

Joomla kullanılarak oluşturulan siteler şunları içerir: LiptonLinux, Hem de Harvard Üniversitesi. Joomla'yı ücretsiz indirebilir ve deneyebilirsiniz okuyun.

Joomla sistemi içinde.
Joomla sistemi içinde.

Artılar

  • Daha teknik olarak gelişmiş
  • Web siteleri genellikle daha iyi performans gösterir
  • Kurumsal düzeyde güvenlik

Eksiler

  • Modüller korumak zor
  • Orta Düzey CMS - WordPress kadar kolay değil, Drupal kadar gelişmiş değil

Drupal

Deneyimli web geliştiricileri, Drupal'ın en güçlü CMS olduğunu doğruladı.

Ancak aynı zamanda kullanımı en zor olanıdır. Drupal, esnekliği nedeniyle dünyada en çok kullanılan ikinci CMS'dir, ancak yeni başlayanlar arasında favori değildir. Drupal kullanarak başarılı bir şekilde "eksiksiz" bir web sitesi oluşturmak için ellerinizi kirletmeniz ve temel bilgileri öğrenmeniz gerekir. kodlama. CMS'de yolunuzu bilmek de yeni başlayanlar için zordur.

Drupal kullanılarak oluşturulan siteler şunları içerir: TeslaWarner Bros Kayıtlar, ve Oxford Üniversitesi. Daha fazla öğrenmek için, Drupal'ı ücretsiz indirin ve deneyin.

Drupal Kurulumu
Yeni bir Drupal kurulumu - Drupal'daki karmaşık işlevlere rağmen, CMS basit, minimalist bir arayüz sunar.

Artılar

  • Öğrenmesi kolay
  • Büyük yardım portalı
  • Güncellemeler sorunsuz bir şekilde entegre olur
  • Daha yerleşik seçenekler

Eksiler

  • Başlangıç ​​aşamasında dik öğrenme eğrisi - ileri düzey kullanıcılar için önerilir

CMS Kullanarak Web Sitesi Oluşturma Adımları

Bu yöntem için WordPress'i örnek olarak kullanacağız. Şimdiye kadar zaten bir web barındırma hesabınız ve kayıtlı bir alan adınız olmalıdır.

Adım 1: Web barındırma panelinizde WordPress yükleyicisini bulun

Web barındırma hizmetleri genellikle WordPress ve diğer ortak platformları kurmak için hızlı bir yükleyiciye sahiptir.

Bu yüzden web barındırma hesabınıza giriş yapın ve hangi yükleyiciye sahip olduğunuzu öğrenin. Aramanız gereken popüler isimler Softaculous, QuickInstall veya Fantastico.

Bazı barındırma sağlayıcıları (örnek: SiteGround) Kullanıcı kontrol panelinde entegre yükleyicileri kullanın (cPanel'e giriş yaptıktan hemen sonra gördüğünüz ekran). Bu durumda, sadece 'WordPress' içeren başlığı bulmaya çalışın.

Adım 2: Yükleyiciden WordPress yükleyin

Softaculous en popüler otomatik yükleyici ve cPanel üzerinde özellikli. Seni Softculous üzerinden yapacağım. Diğer montajcılar hemen hemen aynı.

Web sitenizi oluşturmak için WordPress'i kurma
Softaculous'u tıklayın ve ardından yüklemeye başlamak için WordPress üzerinden 'Install'a tıklayın.

İşte önemli kısmı geliyor.

Site yapılandırması

Seçenekleri aşağıdaki gibi yapılandırın, diğer alanları varsayılan yapılandırmaya bırakın (daha sonra ayrılacak) ve yüklemeye tıklayın.

  • Protokol: http: // veya http: // www'yi yüklemek isteyip istemediğinize karar vermelisiniz. URL sürümü. Ne seçerseniz seçin, çok fazla fark görmeyeceksiniz. Teknik açıdan, http: // www. esneklik ve çerez yönetimi açısından daha iyidir. Geçerli bir SSL sertifikanız varsa ve buna WordPress yüklemek istiyorsanız, http yerine https'yi seçmeniz gerektiğini unutmayın.
  • Domain: Web sitesini yüklemek istediğiniz alanı seçin.
  • Dizin: WordPress sitesini nereye yüklemek istediğinizi belirtin. Kök URL'nize yüklemek istiyorsanız (ör: http://www.yourwebsite.com/), boş bırakın. Bir alt URL'de istiyorsanız (ör: http://www.yourwebsite.com/myblog/), alandaki dizini belirtin.
  • Yönetici Hesabı: WordPress sitenize giriş yapmak için kullanacağınız kullanıcı adınızı, şifrenizi ve e-postanızı ayarlayın.

Son adımlarda başarılı olursanız, aferin. Web siteniz yayında!

Şimdi WordPress sitenize giriş yapın. Sitenizin giriş sayfası, belirlediğiniz web sitesinin URL'sini takip eden wp-login.php gibi görünecektir.

3 Adımı: Bir tema ve bazı önemli eklentiler yükleyin

Ardından, bir tema ve zorunlu eklentileri yüklemeniz gerekir. WordPress Kontrol Panelinizin sol kenar çubuğuna bakın.

WordPress dizininde ücretsiz hazır temalar bulunmaktadır.

Bu ücretsiz temalara göz atmak için 'Görünüm> Temalar> Yeni Ekle'ye gidin, gereksinimlerinizi karşılayan temayı arayın ve yükle düğmesini tıklayın.

WordPress temaları dizini
WordPress tema dizini.

Üçüncü taraf temalarını 'Tema Yükle' bölümünden de yükleyebilirsiniz. Ücretli, profesyonelce tasarlanmış WordPress temaları için Elegant Themes'i (verimli kodu ve güzel ön uç tasarımları için) öneririm.

Eklentiler için 'Eklentiler> Yeni Ekle'ye göz atın.

Sadece ihtiyacınız olan eklentileri arayın ve yükleyin. 3rd Parti eklentileri 'Yükleme Eklentisi' bölümünden de yüklenebilir.

WordPress Eklenti dizini
WordPress eklenti dizini.

Burada birkaç önemli ücretsiz eklentiyi önermek istiyorum. Bunları bulmak için kendi adlarına göre WordPress eklentileri dizininde arama yapın. Her kategoriden sadece bir eklentinin yüklenmesi yeterlidir.

  • SEO için: Yoast SEO, Hepsi Bir SEO Paketi
  • Güvenlik için: iThemes Güvenlik, Wordfence Güvenlik
  • Site İstatistikleri için: WordPress.com'dan Jetpack,   Monster Insights tarafından WordPress için
  • Form Oluşturma İçin: İletişim Formu 7
  • Performans için: W3 Toplam Önbellek, WP Süper Önbellek

Site kimliğiniz için harika bir tema kullansanız bile yine de bir şeyler oluşturmanız gerekir. Etrafta bir sürü harika logo üreticisi var, ama bir göz atacağım <a href="https://tr.logaster.com/logo/" target="_blank">Logaster</a>. Ücretli bir hizmettir, ancak harika olan, katmanlı fiyatlandırma sunmalarıdır. Bu, ihtiyacınız olan şey için ödeme yapabileceğiniz anlamına gelir - yalnızca web formatında bir logo veya hatta çeşitli platformlar için formatlar içeren tüm bir marka kitine kaydolabilirsiniz.

Adım 4: Hazırsınız!

Siteniz son adımda olmalı ve çalışıyor olmalıdır. Ama sıralanması gereken birkaç şey daha var.

  • 'Ayarlar> Genel' altında: Site başlığınızı ve sloganınızı ayarlayın.
  • 'Ayarlar> Okuma' altında: Ana sayfanız neyi göstermeli ve tek bir sayfada kaç blog gönderisini göstermek istediğiniz.
  • 'Ayarlar> Kalıcı Bağlantılar' altında: Blog yayınınızın URL yapısının ne olacağını ayarlayın.
Yeni bir WP sitesi için temel ayar
Yeni WordPress sitesi için temel ayarlar.

Yöntem #3: Site Oluşturucularla Bir Web Sitesi Oluşturma

Gerekli Beceri ve Araçlar

  • Knwoledge: Bilgisayar ve İnternet Temel Çalışması
  • Araçlar: zyro, Wix ve Weebly

Site oluşturucular, web sitesi kurmayı zahmetsiz ve hızlı hale getirdi. Web dillerini bilmeden, tam özellikli web sitesini birkaç dakika içinde başlatabilirsiniz. Sıfır kodlama bilgisi gerektiren Sürükle ve Bırak web sitesi oluşturucularını sunarlar.

Var İnternet üzerinden dağılmış birçok site üreticisi ama hepsi ihtiyaçları karşılayamıyor.

Aşağıdaki üçü, kullanabileceğiniz en çok konuşulan ve potansiyel web sitesi oluşturucularıdır.

zyro

Web sitesi oluşturucularının doğası dikkate alındığında bile, zyro kullanımı kesinlikle kolaydır. Daha önce bir kelime işlemci veya benzeri bir şey kullandıysanız-Gördüğünüz-Ne-Aldığınız Nedir (WYSIWYG) uygulaması – Zyro'yu kullanarak bir site oluştururken sorun yaşamayacaksınız.

Teori aynı. Yapı taşlarıyla oynamak gibi. Bloklar, resimler, metin kutuları vb. gibi önceden tasarlanmış web sitesi öğeleridir. Bir web sitesi tasarlamak, istediğiniz öğeyi seçip ardından onu sürükleyip yerine bırakmak kadar basit olabilir.

Wix

Bir web sitesi yapmak için Wix kullanımı

Wix çeşitli kategoriler altında sıralanmış 500'den fazla tamamen özelleştirilebilir şablon içeren piyasadaki en kolay site oluşturuculardan biridir. Bu yüzden kendinize uygun birini bulacağınızdan oldukça eminsiniz.

İçeriğin üzerinde her zaman görünen esnek bir Sürükle ve Bırak web sitesi düzenleyicisi sunuyorlar. Bir öğeyi listeden sürükleyebilir ve eklemek istediğiniz web sitesinde herhangi bir yere bırakabilirsiniz. Üzerinde görünen herhangi bir öğe taşınabilir veya düzenlenebilir.

Tek dezavantaj Wix serbest plan üzerinde yerinde reklamlar var olmasıdır. Ondan en az $ 12 / ay'a geri dönecek olan Combo planına yükselterek, bundan kurtulabilirsiniz.

Weebly

Web sitesi yapmak için Weebly'i kullanma

Weebly navigasyon, kullanım kolaylığı gibi birçok yönden daha kolaydır. Aralarından seçim yapabileceğiniz yüzlerce şablon sunarlar ancak kişiselleştirme seçenekleri sınırlı gelebilir.

Kullanılabilen ve değiştirilebilen çok sayıda önceden tasarlanmış sayfa düzenine (örneğin: sayfa, fiyatlandırma sayfası, iletişim sayfası) sahiptir.

Sürükle ve Bırak oluşturucunun kullanımı daha kolaydır, ancak bazen özelleştirme için belirlenmiş alanlar ile sınırlandırılırsınız. Eklentilerin ve üçüncü taraf uygulamaların kullanılabilirliği de sınırlıdır.

4. Web sitenizi doğrulama ve test etme

Web siteniz hazır olduğunda - büyük tarayıcılarda (Chrome, Firefox, Safari, Microsoft Edge, IE 11, vb.) Ve farklı ekran boyutlarında nasıl çalıştığını doğrulama ve test etme zamanı.

Bu testleri ücretsiz çevrimiçi araçların yardımıyla çalıştırabiliriz.

Biçimlendirme Doğrulaması

W3C Biçimlendirme Doğrulama Hizmetini kullanarak web sitenizin biçimlendirmesini kolayca doğrulayın.
Web sitenizin biçimlendirmesini kullanarak kolayca doğrulayın W3C Biçimlendirme Doğrulama Servisi.

Biçimlendirme doğrulaması nedir? HTML, PHP ve benzeri kodlama dilleri veya komut dosyalarının her birinin kendi formatları, sözcükleri ve sözdizimi vardır. Biçimlendirme doğrulaması, web sitenizin bu kurallara uyup uymadığını doğrulama işlemidir.

Tarayıcı Testi

Tek seferde 115 farklı tarayıcıya kadar web sitenizi çapraz test edin Tarayıcı Çekimleri.

Ekran testi

Web sayfanızı monitörlerde, tabletlerde, akıllı telefonlarda ve diğer farklı ekran boyutlarında önizlemek için Screenfly'ı kullanın.
Web sayfanızı monitörlerde, tabletlerde, akıllı telefonlarda ve diğer farklı ekran boyutlarında önizlemek için Screenfly'ı kullanın.

5. Sitenizi İnce Ayarlama ve Büyütme

Web sitenizi internette yayınlamak birinci aşamadır. Web sitenizin başarılı olmasını sağlamak için daha yapılacak daha birçok şey var. İşte başlamanız gereken birkaç görev…

Web sitesi hızı

Google açıkça belirtti site hızı sıralama faktörlerinden biridir. Bu, hızlı yüklenirse sitenizin daha üst sıralarda yer alabileceği anlamına gelir.

Ayrıca - web siteniz o kadar hızlı yüklenir, web sitenizin ziyaretçileri o kadar mutlu olur. Yavaş yüklenen bir web sitesinin kullanıcı deneyimine zarar vereceği ve web sitesi gelirini etkileyeceği sayısız vaka çalışması ve deneyle kanıtlanmıştır. Amazon, sitesi bir saniye bile yavaşlasaydı tahmini 1.6 milyar dolar gelir kaybederdi.

Web Sitesi Arama Görünürlüğü


Exclusive SEMrush Anlaş
Şu anda web sitesi SEO ve içerik pazarlaması için SEMrush kullanan 1 milyondan fazla insan var. Özel bağlantımızı kullanarak bir deneme için kaydolun ve uzatılmış 14 günlük deneme süresi alacaksınız (kredi kartı bilgisi gereklidir) > Buraya Tıkla

usta olmana gerek yok arama motoru optimizasyonu (SEO) Web sitenizin fark edilmesini sağlamak için. Ama bazı temel Arama motoru optimizasyonu becerilere sahip olmak her zaman iyidir.

Adresinde bir web yöneticisi hesabı oluşturun Google Arama Konsolu web sitenizi Google'a göndermek ve herhangi bir SEO sorununu belirlemek için. Temel anahtar kelime araştırması yapın ve ardından sayfa başlığınızı ve başlıklarınızı birincil anahtar kelimeleriniz için optimize edin. Arama sonucu sayfalarının arasından sıyrılmak için sitenizde şema işaretlemesi uygulayın.

HTTPS'yi uygulayın

Google Chrome, HTTP web sitelerini "Güvenli Değil" olarak etiketlemeye başladığından beri, SSL sertifikası büyük bir mesele haline geldi. Web sitenize kullanıcılar tarafından "güvenildiğinden" emin olmak için HTTPS bağlantısı şarttır.

Sosyal medya platformlarında erişiminizi genişletin

Web siteniz, hedef kitlenizin çoğunun takıldığı sosyal medya platformlarında da bulunmalıdır. Sitemiz için bu Facebook ve Twitter anlamına gelir. Diğerleri için LinkedIn, Tumblr veya Pinterest olabilir.

Site simgesi ekle

"Mektubu gördün mü"W” tarayıcı sekmenizin solunda görünen mavi bir daire içinde mi? Bu "favicon" olarak bilinir. Bir logo gibi, favicon da bir web sitesini temsil eden daha küçük bir görsel unsurdur.

Favicon, web sitesi sahipleri tarafından genellikle gözden kaçan şık, küçük bir markalama tekniğidir. Bu size benziyorsa - bunlardan yararlanın ücretsiz favicon oluşturucu size yardımcı olacak.

Web Sitenizde Bulunması Gereken Temel Sayfalar

İki web sitesi farklı bir amaca ve / veya işleve hizmet edebileceklerinden hiçbir zaman aynı değildir. Bununla birlikte, her web sitesinde bulunması gereken üç standart sayfa vardır: Dizin (ana sayfa), Hakkında Sayfası ve İletişim Sayfası.

Anasayfa

Ana sayfa, çoğu ziyaretçinin web sitenize geldikten sonra görmeye gideceği ilk yerdir. Ana sayfanız doğru konuşmayı sunmalı ve ziyaretçilerinizi sitenizin daha derinlerine çekmelidir.

Örnek - Haus ana sayfası, net bir gezinme menüsü ve galeri tarzı tasarımla (ürün vitrini için mükemmeldir) gelir.

Hakkında Sayfa

Hakkında Sayfası, ziyaretçilerinizle bir ilişki kurmakla ilgilidir. Kendinizi tanıtmanıza ve web siteniz hakkında ayrıntılı bilgi (iyi mi?) Vermenize olanak tanır. Genellikle web sitesinin sahibi ve yöneticisi olan kişilerin fotoğraflarının eklenmesi önerilir.

İyi bir Hakkında sayfası örneği - Bulldog Skincare'in Hakkında Sayfası, sevimli ve akılda kalıcı bir mesaj gönderir.
Örnek - Bulldog Skincare'in Hakkında Sayfası, sevimli ve akılda kalıcı bir mesaj gönderiyor.

İletişim Sayfası

Kullanıcılarınız ve potansiyel müşterilerinizle iletişim kurmak önemlidir. Dolayısıyla - iletişim sayfası. Ziyaretçilerinizin size ulaşabilmesini sağlamak için olası tüm iletişim kanallarını (sosyal medya profilleri, iletişim formları, e-posta adresi vb.) Ekleyin.

Survicate'in iletişim sayfası, basit bir düzene sahip güzel tasarlanmış bir sayfadır. Geniş form alanlarını, CTA düğmesini ve tipik iletişim bilgilerini - şirket adresi, iletişim numarası, e-posta adresi, çalışma saatleri vb. - okunması ve taranması kolay bir şekilde birleştirir.

Web Sitesi Yapma Hakkında Sık Sorulan Sorular

Nasıl ücretsiz bir web sitesi oluşturabilirsiniz?

Ücretsiz bir web sitesi oluşturmanın iki ana yolu vardır - ücretsiz web barındırma sevmek 000Webhost ya da web sitesi oluşturma platformu ücretsiz bir plan sunan Wix gibi.

Is GoDaddy web sitesi oluşturucu ücretsiz mi?

GoDaddy'nin, web sitesi oluşturucusu etrafında aylık 10 ABD dolarından başlayan planları vardır.

Yeni başlayanlar için en kolay web sitesi oluşturucusu nedir?

Çoğu web sitesi oluşturucu, yeni başlayanlar için kullanımı kolaydır. Doğaları gereği, web sitesi kurucuları teknoloji konusunda bilgili olmayan kullanıcıları hedef alır ve çok fazla yardım sunar. Bu, kullanıcı dostu arayüzlerden önceden oluşturulmuş şablonlara kadar uzanır.

Bir web sitesi oluştururken nereden başlayabilirim?

Site oluşturmanıza bile başlamadan önce, bir blog başlatmak, ele alınması gereken ilk şey niyetinizdir. Web sitenizin olmasını veya elde etmesini istediğiniz şey, tasarımında ve geliştirilmesinde önemli bir rol oynayabilir.

Bir web sitesini kodlamak ne kadar sürer?

Bir web sitesini kodlamak için geçen süre karmaşıklığına bağlıdır. Özellikler ve tasarım açısından ne kadar çok ihtiyacınız olursa o kadar uzun sürer. Basit, statik web siteleri birkaç saat gibi kısa bir sürede kodlanabilirken, daha büyük ve karmaşık siteler birkaç ay sürebilir.

Hemen Yapın!

Artık başarılı bir web sitesi oluşturmak ve inşa etmek için fazlasıyla yeterli bilgiye sahipsiniz. Bilginizi uygulamaya koymanın zamanı geldi. Şimdi başlayın ve interneti sallayın!

Detaylı İncele

Jerry Low hakkında

WebHostingSecretRevealed.net (WHSR) 'nin kurucusu - 100,000 kullanıcıları tarafından güvenilen ve kullanılan bir hosting incelemesi. 15'in üzerinde web barındırma, bağlı kuruluş pazarlaması ve SEO konusunda yılların tecrübesi. ProBlogger.net, Business.com, SocialMediaToday.com ve daha fazlasına katkıda bulundu.