Web sitesi yapmayı nasıl öğrenebilirim? Sıfırdan bir web sitesi oluşturmak

İçindekiler:

Web sitesi yapmayı nasıl öğrenebilirim? Sıfırdan bir web sitesi oluşturmak
Web sitesi yapmayı nasıl öğrenebilirim? Sıfırdan bir web sitesi oluşturmak
Anonim

Günümüzde pek çok kişi kendilerini göstermek ve diğer kullanıcılarla bağlantı kurmak için İnternette web siteleri oluşturuyor. Modern şirketler, daha fazla potansiyel müşteri çekmenin etkili bir yolu olduğundan, kendi çevrimiçi kaynaklarına sahip olmamayı göze alamazlar.

Kendi web sitenizi oluşturmak istiyorsanız endişelenmeli ve bunun uzun zaman alacağını varsaymalısınız. Birçok insan böyle düşünüyor, ancak bu görüş yanlış. Aslında, bu konuda büyük zorluklar yoktur. Aşağıda, sıfırdan web siteleri yapmayı öğrenebileceğiniz ayrıntılı bir talimat bulunmaktadır.

iş için web siteleri oluşturma
iş için web siteleri oluşturma

Öncelikle şunları unutmayın:

  • Sıfırdan bir web sitesi oluşturmak için bilgisayar uzmanı olmanıza gerek yok;
  • Temel kodu bilmenize, ana bilgisayarları veya sunucuları yönetmenize gerek yok;
  • çok paraya ihtiyacın yok.

Bir web sitesi oluşturmak istiyorsanız, nereden başlayacağınızı bilmeniz yeterlidir. Aşağıdaki talimatları izleyin ve kaynağınızın birkaç saat içinde çalışır duruma gelmesini sağlayabilirsiniz. İster iş için, ister iş için web siteleri oluşturmakla ilgileniyor olunkişisel ihtiyaçlarınız, süreç benzer olacaktır.

Programlama becerisi yoksa: otomatik bir kurucu seçin

Otomatik oluşturucular, bir web sitesi oluşturmanın en kolay, en ucuz ve en hızlı yoludur. Bu tür en yaygın hizmetlerden bazıları Wix, Squarespace, Weebly ve Jimdo'dur. Şu anda, bu inşaatçılar, sıradan kullanıcılar tarafından oluşturulan milyonlarca sitenin kalbinde yer almaktadır. Bir web programlama uzmanı değilseniz, bu sizin için en iyi seçimdir.

Tasarımcılar sayesinde site sayfaları oluşturma işi aslında öğeleri fare ile ekranın etrafında sürüklemeye indirgeniyor. Tüm iş akışı, bir PowerPoint sunumu oluşturmak kadar basit ve sezgiseldir.

Geliştiriciler, sıfırdan bir site oluşturmak için gereken özel yazılımı kendi başlarına oluşturdular, bu nedenle şimdi ekrandaki imleci kullanmanız ve slayt gösterilerini, metin bloklarını, görüntüleri veya videoları istediğiniz sırayla sürüklemeniz yeterlidir. Seç. Kendi metninizi ekleyebilir, herhangi bir resim yükleyebilir, videolar yerleştirebilir (örneğin YouTube'dan) ve Yayınla'yı tıklayabilirsiniz.

bir çevrimiçi mağaza web sitesi oluşturma
bir çevrimiçi mağaza web sitesi oluşturma

Sitenin organizasyonunun HTML (Köprü Metni İşaretleme Dili - metin yazı tipleri ve stilleri için ortak bir kodlama dili) ve CSS (Web sayfalarını oluşturmak için kullanılan Basamaklı Stil Sayfası) bilgisi gerektirdiğine inanılmaktadır. Kodu oluşturmak aylar sürer (ve özel beceriler gerektirir) ve bunu bir web sitesi oluşturmak için kullanmak karmaşık ve zaman alıcıdır.

Böyle bir kurucu nasıl seçilir?

Yüksek kaliteli bir oluşturucu kullanmak, herhangi bir kullanıcının kendi kaynağını otomatik olarak oluşturabileceği anlamına gelir. Bu yüzden böyle bir hizmeti seçmek, kendi başınıza sıfırdan bir web sitesi oluştururken ilk adımınızdır. Bunların hiçbiri kodların girilmesini gerektirmez. Bu, bir web sitesinin nasıl tasarlanacağını ve oluşturulacağını öğrenmek için serbest çalışanları işe almak için çok para harcamanıza gerek olmayacağı anlamına gelir.

Bir kurucu seçerken aşağıdaki parametrelere göre hareket edin:

  • Hangi arayüzü kullanmayı en kolay buluyorsunuz;
  • En çok hangi şablonları ve tasarım özelliklerini seviyorsunuz;
  • oluşturucu işlevi, planladığınız siteyi oluşturmanıza yardımcı olur mu?

Bu oluşturucuların her birinin sitelerin mobil sürümleri için nasıl çalıştığını kontrol etmek de yararlıdır. Bugün çok sayıda kullanıcı (sitenizin potansiyel ziyaretçileri) akıllı telefonlar kullanarak İnternet'e eriştiğinden, kaynağınızın herhangi bir cihazda iyi görünmesi çok önemlidir. Bir web sitesi yapmadan önce, her bir hizmetin özelliklerini keşfedin.

Bu bağlamda, tüm Squarespace temaları mobil duyarlıdır (ziyaretçiniz hangi cihazı kullanıyor olursa olsun yüklenen sayfaların otomatik olarak aynı görüneceği anlamına gelir). Jimdo ve Weebly çok çeşitli mobil sürümler sunarken Wix ve GoDaddy, sitenizin nasıl daha mobil uyumlu görüneceğini özelleştirmenize veya tamamen gizlemenize olanak tanıyan mobil düzenleyiciler sağlar.mobil tarayıcılardan belirli içerikler.

İyi oluşturucular, çeşitli özelleştirmeler yapabilmeniz için tam ve mobil sürümler arasında geçiş yapmanıza olanak tanır. Bu hizmetlerle web siteleri oluşturmayı öğrenmek çok kolaydır. Yukarıdaki hizmetlerin çok sınırlı ücretsiz özelliklere sahip olduğunu belirtmekte fayda var. Büyük bir site oluşturmak istiyorsanız, kullanımları için aylık ödeme yapmanız gerekecektir.

web sitesi geliştirme eğitimi
web sitesi geliştirme eğitimi

Sitenizi bir motor (WordPress gibi) kullanarak da oluşturabilirsiniz, ancak yalnızca temel teknik bilgiye sahipseniz veya bir site oluşturma stüdyosunun yardımını kullanırsanız. Basit CMS'ler çok yardımcı olabilir, ancak bazen hataları düzeltmek için kod değişiklikleri gerektirirler.

Temel becerileriniz varsa: bir motor seçin

Web siteleri oluşturmak için hangi diller kullanılır? 2000'lerin ortalarında, çoğu web sitesi HTML, CSS ve hatta Flash kullanılarak oluşturuldu. Çok zaman aldı ve bu becerilerde ustalaşmak kolay değildi. Günümüzde bu dillerin sadece temel bir yüzeysel bilgisi yeterlidir. Bu tür platformları kullanarak web siteleri yapmayı nasıl öğrenebilirim?

İşlevsel, mobil uyumlu ve kullanıcı dostu bir kaynağı hızlı bir şekilde kendiniz yapmak istiyorsanız, bir platform veya motor seçmeniz gerekecek. Bugün, bu hizmetler, herhangi bir kod yazmadan otomatik olarak büyük miktarda HTML sayfası oluşturmanıza olanak sağladıklarından, web sitesi oluşturmayı herkes için erişilebilir hale getirdi.

En son istatistiklere göreVerilere göre WordPress en popüler içerik yönetim sistemi (%55), ardından Joomla (%20) ve Drupal (%11) geliyor. Hepsinin kullanımı tamamen ücretsizdir. Bu nedenle özellikle bilgi sitesi oluşturmak için WordPress kullanmak en iyisidir.

Drupal, deneyimli kodlayıcılar ve profesyonel geliştiriciler tarafından tercih edilen çok güçlü bir platformdur, ancak arayüzü oldukça karmaşık olduğundan yeni başlayanlar için en iyi seçim değildir. Joomla, WordPress'e benzer ve bir çevrimiçi mağaza sitesi oluşturmak için iyi çalışır, ancak ihtiyaç duyduğunuz özelleştirmeleri oluşturmak için en azından biraz teknik kodlama becerisine ihtiyacınız olacak.

WordPress özelleştirmesi, her kullanıcının ihtiyaçlarını karşılayacak kadar esnek olmasına rağmen en hafif ve basit platformdur. Bir site oluşturmak için daha fazla talimat bu motor kullanılarak örnek olarak verilecektir.

Başlarken: Alan Adı ve Web Sitesi Barındırma

Sitenizi kurmak için iki öğeye ihtiyacınız olacak:

  • alan adı (web adresi, örneğin adınız.com);
  • hosting (kaynağınızı İnternet'e bağlayan bir hizmet).

Peki, web sitesi yapmayı nasıl öğrenebilirim? Motorun kendisi ücretsizdir ve herkes tarafından kullanılabilir, ancak alan adı ve barındırma için küçük bir miktar ödemeniz gerekir. Kendi alan adınıza sahip olmak, sitenizi üçüncü taraf bir alan adında (üçüncü seviye olacak) adlandırmaktan çok daha profesyonel görünüyor. Ek olarak, bağımsız barındırma, kaynağınızın hızlı bir şekilde yüklenmesini ve yüklenmeyeceğini garanti eder.arka arkaya birkaç saat kapatın. Bunun katılımı üzerinde büyük etkisi olacak.

web sitesi nasıl yapılır
web sitesi nasıl yapılır

Alan adınızı kaydeder kaydetmez, aynı anda size ait olacak yeni bir e-posta hesabı alacaksınız. Gmail ve diğer hizmetlerde paylaşılan gelen kutusundan daha profesyonel görünüyor. Daha fazla adım adım sitenin oluşturulması şu şekilde gerçekleştirilir:

  1. Bir barındırma sağlayıcısı seçin.
  2. Seçtiğiniz hizmete kaydolun.
  3. İhtiyaçlarınıza ve finansal olanaklarınıza göre bir barındırma planı seçebileceğiniz sayfaya gidin.

Kural olarak, yeni başlayanlar için temel sürüm oldukça uygundur ve bu çok mütevazı bir tutara mal olur. Daha sonra istediğiniz zaman başka bir plana geçebilirsiniz.

Bir alan adı nasıl seçilir?

Bir işletme için bir web sitesi oluşturuyorsanız, alan adı şirket adınızla eşleşmelidir. Uluslararası bir kayıt şirketi seçebilirsiniz, ardından site adınız.com,.org veya.net ile bitecektir. Veya daha popüler olan.ru veya.su'yu seçin. Ayrıca, son zamanlarda.agency'den.pizza'ya kadar çok sayıda alan adı uzantısının ortaya çıktığını belirtmekte fayda var. Ancak, sunduğunuz şeyi tam olarak tanımlamıyorlarsa, onları tercih etmemek en iyisidir. Örneğin, bir çevrimiçi mağaza web sitesi oluştururken kendinizi standart.com ile sınırlamak daha iyidir.

Zaten iyi düşünülmüş bir alan adınız varsa, onu girin ve kayıt şirketinin web sitesindeki uygun formda "İleri"ye tıklayın. eğer yapmazsanhemen almaya hazır, daha sonra yapabilirsiniz.

Barındırma nasıl kaydedilir?

Kendi hesabınızı oluşturmak için barındırma sağlayıcısının kayıt formundaki kişisel bilgilerinizi doldurmanız yeterlidir. Adınızı ve soyadınızı, ikamet ettiğiniz ülke ve şehri, ayrıca adresinizi, posta kodunuzu, telefon numaranızı ve e-posta adresinizi vermeniz gerekecektir. Girdiğiniz e-posta adresine bir onay isteği gönderilecektir. Ardından ödeme bilgilerinizi girmeniz gerekiyor.

sıfırdan web sitesi kurmak
sıfırdan web sitesi kurmak

Kayıt işlemindeki bir sonraki adım, bir plan (tarife) ve barındırma paketi seçmektir. Bundan sonra, seçilen etki alanının gizliliğini korumak gibi site oluşturma ve sürdürmede mevcut olan ek seçeneklere dikkat edin. Ardından ödeme yapın. İşte bu, bir site oluşturmaya başlayabilirsiniz.

Motoru barındırmaya yükleyin

Bir alan adı kaydettirdikten ve seçilen barındırmayı kurduktan sonra, doğrudan bir web sitesi oluşturmaya başlayabilirsiniz. İşlemin başında yapmanız gereken asıl şey alan adınıza WordPress (veya başka bir platform) yüklemektir. Bunu yapmanın biri diğerinden çok daha kolay olan iki yolu vardır.

Birincisi, hemen hemen her güvenilir ve saygın barındırma şirketi, indirme işlemini büyük ölçüde basitleştiren tek tıklamayla entegre bir WordPress ve Joomla kurulumuna sahiptir. Bu site oluşturma hizmetini profil panonuzda bulabilirsiniz.

Aşağıdakiler izlenecek adımlardır,tamamlamanız gereken (tüm büyük sağlayıcılar için aynı olmalıdır):

  1. Barındırma hesabınıza giriş yapın.
  2. İçindeki kontrol paneline gidin.
  3. "Site" simgesini veya WordPress'i arayın.
  4. Kaynağınızı yüklemek istediğiniz alanı seçin.
  5. "Şimdi Kur" adlı düğmeyi tıkladığınızda yeni WordPress sitenize erişebileceksiniz.

İkinci olarak, manuel kurulum yapabilirsiniz. Nedenlerden biri nedeniyle (bazı hizmetler tek tıklamayla kuruluma izin vermiyorsa), WordPress'i otomatik olarak indiremiyorsanız, bunu kendiniz yapmanız gerekecektir.

Ayar işlemi

Peki, nasıl web sitesi yapılır? Etki alanınıza WordPress'i veya başka bir motoru başarıyla yükledikten sonra, yönetimi çok kolay ancak temiz bir web kaynağı görebileceksiniz. Ayırt edici özelliklere sahip olması için bir temaya ihtiyacınız var - platforma sitenizin nasıl göründüğünü söyleyen bir tasarım şablonu (şablon). Seçim yaratıcı ve ilginç olabilir. Siteniz için indirip özelleştirebileceğiniz, temasına ve amacına göre özelleştirebileceğiniz binlerce çekici, ustalıkla tasarlanmış tema var.

site oluşturma talimatları
site oluşturma talimatları

Beğendiğiniz ve en uygun kalıbı nasıl bulabilirsiniz:

  1. WordPress araç çubuğuna gidin.
  2. Ücretsiz temalara açık erişim. Bunu yapmak için Görünüm kenar çubuğunu görüntüleyin ve ardından Temalar'ı tıklayın. Daha profesyonel bir şeye ihtiyacınız varsa veyaorijinal olarak, çeşitli fiyatlara sahip büyük bir şablon kitaplığına sahip ThemeForest.net'e gidebilirsiniz.

Ancak bunu yapmadan önce, ücretsiz şablonlara göz atmak için biraz zaman harcamak iyi bir fikirdir. Birçoğu profesyonel ve yüksek kalitede. Tarzınıza uygun konuları bulmak için belirli anahtar kelimeleri arayabilir veya filtreler uygulayabilirsiniz. Mükemmel uyumu bulmak biraz zaman alabilir ama buna değer.

Web sitesi oluşturmayı öğrenirken şunları göz önünde bulundurmalısınız: Sitenin biçimine "duyarlı" görünen şablonlar aramanız gerekir, çünkü bu, bunların her mobil cihazda iyi görüneceği anlamına gelir.

Yeni bir konu başlatın

Beğendiğiniz bir şablon bulduğunuzda, onu kolayca indirebilirsiniz. Bunu yapmak için "Yükle"yi tıklamanız ve ardından "Etkinleştir"i tıklamanız gerekir.

web sitesi geliştirme stüdyosu
web sitesi geliştirme stüdyosu

Temayı değiştirmenin önceki gönderilerinizi, gönderilerinizi, sayfalarınızı ve içeriğinizi etkilemeyeceğini unutmayın. Halihazırda oluşturduğunuz içeriği kaybetme endişesi duymadan bunları düzenli olarak değiştirebilirsiniz.

Nasıl bilgi eklenir ve yeni sayfalar yapılır?

Tüm ön çalışmalar tamamlandığında nasıl web sitesi yapılacağını nasıl öğrenebilirim? Şablon yüklendikten sonra veri eklemeye hazır olacaksınız. İşte dikkate alınması gereken bazı temel bilgiler:

  1. Sayfa ekleme ve düzenleme. Yani, bir "Hakkında" veya "Hizmetler" sayfası oluşturmak istiyorsunuz (örneğin, site arayüzünün üst kısmındaki menüde). Bu, aşağıdaki şekilde yapılabilir. WordPress araç çubuğundaki yan menüye bakın, "Sayfalar" -> "Yeni Ekle"yi seçin. Bu öğelere tıkladığınız anda, Microsoft Word arayüzüne çok benzeyen bir ekran göreceksiniz. İstediğiniz sayfayı oluşturmak için metin girin, resimler ve diğer içerikleri yükleyin, ardından işiniz bittiğinde kaydedin.
  2. Sayfa menüsüne ekleme. Yeni oluşturduğunuz sayfanın gezinme çubuğuyla senkronize olmasını istiyorsanız, Sayfada yaptığınız değişiklikleri Yenile'ye tıklayarak kaydedin. WordPress Dashboard arayüzünün yan tarafındaki panelde "Görünüm" -> "Menü"ye tıklayın. Oluşturduğunuz sayfayı bulun ve yanındaki kutuyu işaretleyerek listeleyin, ardından Menüye Ekle'yi seçin.
  3. Mesaj ekleme ve düzenleme. Sitede bir blogunuz varsa, tüm "Yazılar" tek tek görüntülenecektir. Benzer mesajları gruplamak için farklı kategoriler kullanma olanağınız vardır. Yani farklı kategoriler ve başlıklar kullanmak mümkündür. Diyelim ki "Blog" adında bir kategori oluşturmak istiyorsunuz. Bunu yapmak için menünüze ekleyin ve yayınlamaya başlayın. Bunun için "Yazılar -> Kategoriler" bölümüne gidin veya "Yazılar -> Yeni Ekle" bölümüne giderek blog yazınızı yazın. Gönderinizi yazmayı bitirdiğinizde, onu uygun kategoriye eklemeniz gerekir. Kategorinizi oluşturduktan sonra menüye ekleyin ve her şey sitede görüntülenecektir.

Başlığı ve sayfa adlarını değiştir

Sayfa başlıklarıziyaretçilere sitenizin ne hakkında olduğunu açıklayın ve bunlar ayrıca arama motorlarının sıralamalarınızı nasıl gördüğünü doğrudan etkiler. Bu nedenle, hedeflemek istediğiniz anahtar kelimeleri içerdiklerinden emin olun. Oluşturulan kaynağın her sayfasında benzersiz bir başlık kullanmalısınız. Site oluşturma meta etiketleri veya altyazıları, herhangi bir web sayfasındaki başlıkların sonuna da dahil edilir. Sitenizdeki başlık ve imzayı değiştirmek için "Ayarlar" -> "Genel"e gidin ve açılan forma verileri yazın.

Kaynak üzerindeki yorumları devre dışı bırakma

Bazı web sitesi sahipleri (çoğunlukla işle ilgili), ziyaretçilerinin sayfalarda yorum yapabilmesini istemez. WordPress web sayfalarındaki yorumları devre dışı bırakmak için şu adımları izleyin:

  1. Yeni bir sayfa oluşturuyorsanız, sağ üst menüdeki "Görüntüleme Seçenekleri"ne tıklayın.
  2. Tartışma alanına tıklayın. Altta "Yorumlara izin ver" gösterilecektir.
  3. Yorumlara İzin Ver Devre Dışı Bırak.

Yeni oluşturulan her sayfadaki yorumları varsayılan olarak devre dışı bırakmak istiyorsanız, bunu şu şekilde yapabilirsiniz: "Ayarlar -> Tartışma" menüsündeki bölümü bulun ve "Kullanıcıların sayfalara yorum yapmasına izin ver" kutusunun işaretini kaldırın. yeni makaleler".

Ana sayfa nasıl özelleştirilir?

WordPress kullanıyorsanız, muhtemelen ana sayfanızın bir blog yazısı gibi görünmesini istemezsiniz. Bunu "statik" yaparsanız düzeltebilirsiniz. Standarttan farklı olarakyeni oluşturulan ilk makalenin her seferinde en üstte görüntüleneceği blog, yapılandırılmış "statik" sayfa, biri siteyi her ziyaret ettiğinde aynı içeriği görüntüler.

Ayarlamak için şunları yapın:

  1. "Ayarlar -> Okuma" adlı bölüme gidin.
  2. Kaydettiğiniz statik sayfadan bir seçim yapın. "Ana Sayfa", ana sayfanızı görüntüler, "Yazılar Sayfası", blogunuzun ilk bölümüdür (mülkünüzün tamamı bir blog değilse).

Ayarlarınızla statik bir sayfa belirlemezseniz, WordPress en yeni gönderilerinizi kopyalar ve ön sayfada görüntüler.

Kenar çubuğunda ayarları değiştirin

Çoğu WordPress temasının sağ tarafında (bazen sol tarafta) bir kenar çubuğu bulunur. Ondan kurtulmak veya öğeleri düzenlemek, gereksiz olanları kaldırmak istediğinizde şunları yapın:

  1. WordPress araçları menüsünde "Görünüm -> Widget'ları"na gidin.
  2. Bu noktada, kenar çubuğuna farklı "kutular" eklemek veya gereksiz öğeleri hariç tutmak için sürükle ve bırak özelliğini kullanabilirsiniz.

Ayrıca HTML kodu uygulayabileceğiniz bir metin alanı olan bir HTML alanı vardır. Bunu yapacak bilgin varsa, kendi haline bırak.

Daha iyi işlevsellik için eklentileri yükleyin

Eklentiler, sitenize otomatik olarak yerleşik olmayan yeni özellikler ve işlevler ekleyerek WordPress'in işlevselliğini geliştirmek için tasarlanmış uzantılardır. Bunlar, kaynağınızın sıfırdan bir özellik geliştirmek zorunda kalmadan istediğinizi yapabilmesi için kısayollardır.

Fotoğraf galerisini etkinleştirmek ve form göndermekten ciddi site optimizasyonu ve çevrimiçi mağaza geliştirmeye kadar hemen hemen her şeyi yapmak için çeşitli eklentiler kullanabilirsiniz.

Böyle bir eklenti yüklemek kolaydır. Kurulumu başlatmak için "Eklentiler -> Yeni Ekle" bölümünü bulun ve ardından aramaya başlayın. Kullanılabilir yaklaşık 25.000 ücretsiz ve çeşitli uzantı olduğunu unutmayın. Kurulum çok basittir - doğru eklentiyi bulduğunuzda "Yükle"ye tıklamanız yeterlidir.

En popüler uzantılar hangileri?

Aşağıdakiler, birçok web yöneticisinin talepte bulduğu popüler WordPress eklentileridir:

  1. İletişim formu. Ziyaretçiler bir form doldurup ardından kişisel e-posta sağlayıcılarına giriş yapmadan size bir e-posta gönderebildiğinden, bu harika bir özelliktir. Benzer bir şey oluşturmak istemeniz durumunda, bu eklentiyi yüklediğinizden emin olun.
  2. WordPress için tasarlanmış Yoast SEO: Sitenizi daha fazla SEO için optimize etmek istediğinizde, bu eklenti bir zorunluluktur. Ücretsiz olarak kullanılabilir ve harika bir şekilde çalışır. Başlık etiketlerini, tüm meta açıklamaları ve çok daha fazlasını düzenleyebileceksiniz ve tüm işlemler sayfanın kendisinden yapılacaktır. Böylece artık uzun süre WordPress ayarlarıyla uğraşmanıza gerek kalmıyor.
  3. GoogleAnalytics: Kaynağa gelen tüm ziyaretçileri ve davranışlarını izlemek ister misiniz? Bunu yapmak için, koyuneklenti, Google hesabınızla senkronize edin ve gitmeye hazırsınız.

Yukarıdaki kılavuzdaki adımları izlediyseniz, tamamen işlevsel bir WordPress siteniz olmalıdır. Başarı için güncellemeye ve geliştirmeye devam edin.

Önerilen: