Ana Sayfa / mal / Web Barındırma Kılavuzları / Web Sitesi Nasıl Oluşturulur: 3 Kolay Yöntem, Adım Adım Kılavuz

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

Günümüz 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 ve doğru araçları kullanın – İlk web sitenize hemen sahip olabilirsiniz.

2004'te online işime ilk başladığımda web geliştirmede sıfır bilgim vardı. On bir yıl sonra bir web geliştiricisi bile işe almadım. Ve ben iyiyim.

Bugün - yenilikçi geliştirme araçlarımız ve daha iyi web yayınlama platformlarımız var. %100 iyi olacaksınız.

Bu yazıda, bir web sitesi oluşturmak için gereken tüm adımları gözden geçireceğiz ve web sitesi oluşturmanın üç farklı yolunu inceleyeceğiz.

1. Bir Alan Adı Kaydedin

ile bir alan adı kaydedin Namecheap
Standart bir .com alan adı yıllık 5 – 15 ABD doları tutarındadır > ile alan adınızı aramayı deneyin Namecheap.

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 kuruluşu, alan adınızı yıllık sözleşmeler veya uzun vadeli sözleşmeler yoluyla kaydetmenize izin verir.

Alan adınızı nereye kaydettirmelisiniz?

İşte bazı saygın alan adı kayıt şirketleri ve dikkate alınması gereken başlangıç ​​fiyatları.

Alan Kayıtları.com. NetOrg..xyz
123 Reg£ 7.99 / yıl£ 8.99 / yıl£ 9.99 / yıl£ 1.99 / yıl
Domain.com$ 9.99 / yılda$ 12.99 / yılda$ 8.99 / yılda$ 2.99 / yılda
Gandi€ 14.96 / yıl€ 17.00 / yıl€ 8.99 / yıl€ 3.00 / yıl
GoDaddy$ 0.19 / yılda $ 15.17 / yılda $ 10.17 / yılda$ 2.17 / yılda
Hostinger$ 9.99 / yılda$ 12.99 / yılda $ 7.99 / yılda$ 1.99 / yılda
NameCheap$ 7.98 / yılda$ 9.98 / yılda$ 6.98 / yılda$ 2.00 / yılda

Alan Adı İpuçları

  • Bir alan adı bulmakta zorlanıyorsanız, fikir edinmek için her zaman alan adı oluşturucuları kullanabilirsiniz. Daha popüler olanlardan bazıları Wordroid ve Lean Domain Search.
  • Yeniyseniz, gitmenizi tavsiye ederim Namecheap bir alan adı bulmak ve satın almak için.
  • Ayrıca oku - Bilmeyenler için alan adı.

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

Temel bir tek web sitesi barındırma maliyeti - ayda 2 - 4 ABD Doları
Temel bir tek web sitesi barındırma maliyeti - ayda 2 – 4 ABD Doları > kontrol etmek Hostinger burada anlaşma.

Bir web barındırma, web sitelerinizi depolayan büyük bir bilgisayardır (aka, sunucu). Amazon, IBM ve FB gibi bazı dev şirketler kendi web sunucularına sahiptir ve bunları yönetmektedir; 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 ekstra çalışma gerektirir.

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

Kontrol etmek için bazı yeni başlayanlar için uygun barındırma hizmetleri.

Web HostEn Ucuz PlanYenileme ücretiÜcretsiz Alan Adı?Ücretsiz Site Geçişi?Barındırılan SitePara İade DenemesiDaha Fazla BilgiŞimdi Sipariş
Hostinger$ 1.99 / ay$ 3.99 / ayYok hayırEvet130 GünHostinger İncelemesiÖn Onay Hostinger
InterServer$ 2.50 / ay$ 7.00 / ayYok hayırEvetSınırsız30 GünInterserver DeğerlendirmeInterServer'ı Alın
A2 Hosting$ 2.99 / ay$ 10.99 / ayYok hayırEvet1HerzamanA2Hosting DeğerlendirmeÖn Onay A2 Hosting
GreenGeeks$ 2.95 / ay$ 10.95 / ayEvetEvet130 GünGreenGeeks İncelemesiÖn Onay GreenGeeks
TMD Hosting$ 2.95 / ay$ 4.95 / ayEvetEvet160 GünTMD Hosting DeğerlendirmeTMD Hosting'i Alın
InMotion Hosting$ 2.29 / ay$ 8.99 / ayEvetEvet290 GünInMotion Hosting İncelemesiÖn Onay InMotion Hosting
ScalaHosting$ 3.95 / ay$ 6.95 / ayEvetEvet130 GünScalaHosting İncelemesiScalaHosting'i Alın
BlueHost$ 2.95 / ay$ 9.99 / ayEvetEvet130 GünBlueHost İncelemesiBlueHost'u Alın
HostPapa$ 2.95 / ay$ 9.99 / ayEvetEvet130 GünHostPapa İncelemesiHostPapa'yı Alın

Web Barındırma İpuçları

  • Var farklı barındırma türleri var: paylaşılan barındırma, özel sunucu barındırma ve bulut / VPS barındırma.
  • 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.
  • Bir web barındırma seçmeden önce göz önünde bulundurmanız gereken bazı temel özellikler, 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 gibi bir çevrimiçi mağaza oluşturucu kullanmayı düşünün
  • Bazı şirketler makul olmayan derecede yüksek sunucu ücretleri talep eder, satın almadan önce hosting pazarı çalışmamız okumayı unutmayın
  • 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 kurmalısınız.

Temel Web Dilleri / Araçları

  • HTML (Hiper Metin İşaretleme Dili)
    HTML, içeriği web tarayıcısına 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 Parantezlerin içine alınmış bir anahtar kelimeden oluşur.
  • 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
    Etkileşimli olmadıkları için HTML ve CSS betik dilleri olmadan bir hiçtir. Kullanıcılara cevap verecek dinamik bir web sayfası yapmak için JavaScript ve jQuery gibi dillere ihtiyacınız var. PHP, Python ve Ruby gibi sunucu taraflı dillere de zaman içinde ihtiyaç duyulabilir.
  • Veritabanı Yönetimi
    Bir web sitesinin kullanıcı girdi verilerini depolamak, yönetmek ve bunlara erişmek için veritabanı adı verilen büyük bir bilgi tablosu düşünülür. Gibi bir Veritabanı Yönetim Sistemi MySQL, MongoDB ve PostgreSQL, bu işi verimli bir şekilde yapmak için sunucu tarafında kullanılı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 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. Bir IDE temel olarak bir Metin Düzenleyici, Yapı Otomasyonu ve Hata Ayıklayıcıdan oluşur.

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

Öte yandan, genişletilmiş IDE'ler var. Adobe Dreamweaver bir avuç başka özellik sunan (Ör: Sunucu Bağlantısı, FTP).

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

Web sitesi yapısının ve navigasyon sisteminin planlanması büyük önem taşımaktadır. İlk olarak, içeriğinizi nasıl iletmek istediğinizi anlamalısınız. Kaç tane gezinme menüsü, kaç tane sütun veya içerik alanı, kaç tane resim eklemek istediğinizi ve nereye dahil edeceğinizi planlayın.

En iyi uygulama Adobe'yi açmaktır Photoshop ve web sayfalarınızın kaba bir çizimini oluşturmak. Alternatif olarak, modern tasarım işbirliği araçları gibi Figma ve Canva tasarımcılar ve kodlayıcılar ile çalışmalarınızı aynı platform üzerinde senkronize etmenize olanak tanır.

Bu web sitesini oluştururken kullandığımız tasarım maketi
Ana sayfa, hakkında sayfası, iletişim sayfası, hizmet sayfası vb. gibi farklı sayfalar için farklı kaba taslaklar yapmanız gerekebilir.ups beyin fırtınası sürecini hızlandırır ve verimli iletişim kurmaya yardımcı olur. Ekran görüntüleri, sahte modellerin bir kısmını gösteriyor.ups geçmişte bu siteyi yenilerken kullanıyoruz.

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. HTML işareti yapups eklemek istediğiniz web öğeleri için ve bunları yaptığınız tasarımlara göre süslemek 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: Kullanarak Yerel Dosyaları Sunucuya Yükleyin FTP müşteri

FTP site oluşturma yazılımı
A örneği FTP istemcisi.

Son adım, tüm kaynak dosyalarınızı web sunucusuna yüklemektir. Bunu halletmenin en iyi ve en kolay yolu, bir FTP istemcisi.

İlk önce bir indir FTP istemcisini bilgisayar aygıtınıza yükleyin ve bir ağ kullanarak web sunucunuza bağlayın. FTP hesap. başarıyla bağladıktan sonra, FTP hesabı, tüm yerel dosyalarınızı web dizininizin kök dizinine kopyalayın. biraz iyi FTP müşteriler FileZilla, WinSCP ve Cyberduck.

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

Gerekli Beceriler ve Araçlar

  • Bilgi: Temel operaBilgisayar ve İnternet; HTML, CSS ve PHP (zorunlu değil ama temelleri biliyorsanız 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 temellerini biliyorsanız PHP, sizin için avantajlıdır. Bilmemeniz büyük bir sorun değil çünkü bu platformlar oldukça sezgisel. İşte ihtiyacınıza göre seçebileceğiniz en iyi üç ücretsiz CMS platformu seçeneği.

WordPress

WordPress, çeşitli istatistiklere göre, bloglarda ve küçük ve orta ölçekli web sitelerinde maksimum sayıda kullanılmaktadır. Bununla birlikte, birçok güçlü büyük web sitesi tercih ediyor WordPress sadeliği için. WYSIWYG Düzenleyici, ilk içeriğinizi almak için öğrenmeniz gereken tek şeydir.

Bu platform, yeni başlayanlar için kurumsal olmasının yanı sıra, farklı web geliştirici sınıfları tarafından yoğun bir şekilde geliştirilebilir. Kendi deposunda birçok ücretsiz eklenti ve tema bulunur. 1 numaralı CMS seçimi olduğu için, yan tarafta çok sayıda üçüncü taraf kaynağı (eklenti olarak bilinir) mevcuttur.

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 benzer WordPress birçok yoldan. Ayrıca kullanımı kolaydır, kurulumu kolaydır ve modüller yardımıyla kolayca genişletilebilir.eşdeğeri WordPress eklentiler. Sonuç olarak, yeni başlayanlar için en iyi ikinci seçenektir.

Ancak, yeni başlayanlar keşfetmekten daha fazla korkabilir. Joomla mevcut seçeneklerin sayısı nedeniyle. Soldaki menüye ek olarak, “Kontrol Paneli”nin hemen üstündeki üst çubukta da bir menü var. 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ı WordPressgibi Joomla, sitenize hızlı bir şekilde ayırt edici bir görünüm kazandırabilecek bazı stillere ve şablonlara sahiptir. Ancak iş bir sosyal ağ oluşturmaya geldiğinde, üç içerik yönetim sisteminden Joomla en kolay çözümü sunuyor. EasySocial ve JomSocial gibi platformlarla, kendi sosyal ağ web sitenizden sadece birkaç dakika uzaktasınız.

Joomla kullanılarak oluşturulan siteler arasında Lipton, Linux ve Harvard Üniversitesi yer alır. Joomla'yı buradan ücretsiz olarak indirebilir ve deneyebilirsiniz. tıklayın

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 zemin CMS – O kadar kolay değil WordPress, 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 kodlama. CMS'de yolunuzu bilmek yeni başlayanlar için de zordur.

Drupal kullanılarak oluşturulan siteler arasında TeslaWarner Bros. Records, ve Oxford Üniversitesi. Daha fazla bilgi edinmek için Drupal'ı ücretsiz indirin ve deneyin.

Artılar

  • Öğrenmesi kolay
  • Büyük yardım portalı
  • Güncellemeler entegre sorunsuzssly
  • 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 kullanacağımız WordPress bizim örneğimiz olarak. Şimdiye kadar zaten bir web barındırma hesabınız ve kayıtlı bir alan adınız olmalıdır.

1. Adım: WordPress web barındırma panelinizdeki yükleyici

Web barındırma hizmetlerinde genellikle kurulum için hızlı bir yükleyici bulunur WordPress ve diğer ortak platformlar.

Bu nedenle, 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, HızlıkInstall veya Fantastico.

2. Adım: WordPress'i yükleyici aracılığıyla kurun

Softaculous en popüler otomatik yükleyicidir ve cPanel'de bulunur. Softculous aracılığıyla kurulum boyunca size yol göstereceğim. Diğer yükleyiciler hemen hemen aynı.

İş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ırmada bırakın (daha sonra sıralanacaktır) ve kur'a tıklayın.

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

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

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

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

Ardından, bir tema ve gerekli eklentileri yüklemeniz gerekir. WordPress Kontrol Panelinizin sol kenar çubuğuna bir göz atın.

Tonlarca bedava hazır temalar içinde mevcut WordPress dizin.

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üğmesine tıklayın.

WordPress tema dizini
WordPress tema dizini.

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

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

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

WordPress Eklenti dizini
WordPress eklenti dizini.

Burada birkaç önemli ücretsiz eklenti önermek istiyorum. Bulmak için WordPress eklentileri dizininde adlarına göre arama yapın. Her kategoriden yalnızca bir eklenti kurmanın yeterli olduğunu unutmayın.

  • SEO için: Yoast SEO, All in One SEO Pack
  • Güvenlik için: iThemes Security, Wordfence Güvenlik
  • Site İstatistikleri için: Jetpack tarafından WordPress.com, Google Analytics için WordPress tarafından Monster Insights
  • Form Oluşturma İçin: İletişim Formu 7
  • Performans için: W3 Total Cache, WP Süper Önbellek

Site kimliğiniz için harika bir tema kullansanız bile yine de bir şeyler oluşturmanız gerekecek. Bir ton harika var logosu jeneratörler etrafa, ama bir göz atardım Logaster ü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 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ın ne göstermesi gerektiği ve tek bir sayfada kaç blog gönderisi göstermek istediğinizi gösteren yerdir.
  • '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 için temel ayarlar WordPress site.

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

Gerekli Beceri ve Araçlar

  • Bilgi: Temel Operabilgisayar ve internet
  • 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 var ama hepsi ihtiyaçları karşılayamıyor.

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

Wix

kullanma Wix web sitesi yapmak

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ı, site içi reklamların bulunmasıdır. Wix Ücretsiz ve Bağlantılı Etki Alanı planı. Ayda en az 8.50 ABD Doları'na geri dönmenizi sağlayan Birleşik planlarına yükselterek ondan kurtulabilirsiniz.

Denemek Wix ücretsiz, buraya tıklayın

Hostinger Web Sitesi Oluşturucu (Zyro)

Web sitesi oluşturucularının doğası dikkate alındığında bile, Hostinger Website Builder'ın kullanımı kesinlikle kolaydır. Daha önce bir kelime kullandıysan, devam etssor veya benzeri Ne-Görüyor-Sen-Elinde Olur (WYSIWYG) uygulaması - aracı kullanarak bir site oluştururken sorun yaşamayacaksın.

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

Denemek Hostinger Ücretsiz Web Sitesi Oluşturucu, burayı tıklayın

Weebly

kullanma Weebly web sitesi yapmak

Weebly navigasyon ve kullanıcı dostu olma 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 hakkında sayfası, fiyatlandırma sayfası ve iletişim sayfası) sahiptirler.

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

Denemek Weebly ücretsiz, buraya tıklayın

4. Yeni Sitenizi Doğrulayın ve Test Edin

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

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.
Şunu kullanarak web sitesi işaretlemenizi kolayca doğrulayın W3C Biçimlendirme Doğrulama Servisi.

Biçimlendirme doğrulaması nedir? HTML gibi kodlama dilleri veya betikler, PHPvb. her birinin kendi biçimleri, söz dizimi ve sözdizimi vardır. İşaretleme 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.

5. İnce Ayar Yapın ve Web Sitenizi Büyütün

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 ne kadar hızlı yüklenirse, 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 olarak 1.6 milyar dolar gelir kaybederdi.

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


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

Arama motoru optimizasyonunda (SEO) uzman olmanıza gerek yok. Ancak bazı temel arama motoru optimizasyon becerilerine sahip olmak her zaman iyidir.

Web sitenizi Google'a göndermek ve herhangi bir SEO sorununu belirlemek için Google Search Console'da bir web yöneticisi hesabı oluşturun. 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ında öne çıkmak için sitenize ş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 sertifika 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 site simgesi üreteçleri size yardımcı olacak.

Web Sitenizde Bulunması Gereken Temel Sayfalar

Farklı amaçlara ve/veya işlevlere hizmet edebilecekleri için hiçbir iki web sitesi aynı değildir. Ancak, her web sitesinde olması 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. Büyük form alanlarını, CTA düğmesini ve tipik iletişim bilgilerini (şirket adresi, iletişim numarası, e-posta adresi, çalışma saatleri) birleştirir. operavb. – okuması ve taraması çok kolay bir şekilde.

Bu bir Sarma

İşte buyur! Artık başarılı bir web sitesi oluşturmak ve inşa etmek için fazlasıyla bilgi sahibisiniz. Bilginizi işe koyma zamanı. Şimdi başlayın ve interneti sallayın!

Özet: Bir Web Sitesi Oluşturmak İçin Adım Adım İşlem

  1. Alan Adı Kaydet

    Namecheap, GoDaddy veya gibi alan adı kayıt şirketlerini kullanarak işletmenizin markasını temsil eden ve hatırlaması kolay benzersiz bir alan adı kaydedin.

  2. Web Sunucusu Satın Alın

    İster temel yazılım ve alan, ister web sitesi oluşturma ve yönetim hizmetleri isteyin, ihtiyaçlarınıza uyan doğru web barındırma sağlayıcısını seçin.

  3. Web Sitenizi Oluşturun ve Tasarlayın (3 Yöntem)

    Bir web geliştiricisinin yardımıyla veya şu üç yöntemden birini kullanarak web sitenizi oluşturun ve tasarlayın: 1. Sıfırdan oluşturmak, 2. CMS veya 3. Bir web sitesi oluşturucu kullanmak. Yöntem #1 ile tasarımlarda ve site işlevlerinde daha fazla esneklik elde edersiniz, ancak bu, web dilleri hakkında iyi bilgi gerektirir. Oluşturma ve yönetme süreci, yöntem #2 ve #3 ile çok daha kolay. Yetkinliğinize göre bu yöntemlerden birini seçmelisiniz.

  4. Web Sitenizi Doğrulama ve Test Etme

    İşaretleme Doğrulama, Tarayıcı Testi ve Ekran Testi gibi ücretsiz çevrimiçi araçları kullanarak web sitenizin farklı tarayıcılar ve ekran boyutlarıyla uyumluluğunu doğrulayın ve test edin.

  5. İnce Ayar Yapma ve Sitenizi Büyütme

    Hızını, arama görünürlüğünü, HTTPS'yi ve sosyal medya varlığını optimize ederek ve Dizin, Hakkında ve İletişim gibi standart sayfalara sahip olarak web sitenize ince ayar yapın ve büyütün.

Sıkça Sorulan Sorular

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

Ücretsiz bir web sitesi oluşturmanın iki ana yolu vardır – XNUMXWebhost gibi ücretsiz web barındırma veya ücretsiz bir plan sunan Wix gibi bir web sitesi oluşturma platformu kullanın

Is GoDaddy web sitesi oluşturucu ücretsiz mi?

GoDaddy 10$/ay'dan başlayan web sitesi oluşturucusu etrafında oluşturulmuş 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 olmalıdır. ayrıca 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.

Daha Fazlasını Okuyun

Yazarın fotoğrafı

Jerry Low Tarafından Hazırlandı

Continue Reading