Sıfırdan Web Sitesi Nasıl Yapılır: Yeni Başlayanlar için Rehber

Web sayfanız yoksa, var değilsinizdir. Günümüzde internet tarafından yönetilen dünyada işler bu şekilde işlemekte. Eğer bir web sayfanız yoksa, müşteri sizi nasıl bulabilir? Sizin için bir web sayfası oluşturmak için bir web geliştiriciyi işe almak size gerçekten pahalıya mal olabilir. O yüzden web sitesi nasıl yapılır kendiniz öğrenmek daha iyi bir fikir olabilir. Bu yazıda size sıfırdan bir web sitesi nasıl yapılır anlatılacak.

Web Sayfası Oluşturma Yöntemleri

Sıfırdan bir web nasıl yapılır bilmiyorsanız, bu konu biraz gözünüzü korkutabilir. Hosting, domain adları, kodlama… Hepsi kafa karıştırıcı olabilir.

Fakat.

Daha önce olmayan bir şeyi yaratmanın getirdiği tatminlik hissi dünyada başka hiçbir şeye benzemez. Sıfırdan bir web sitesi nasıl kurulur başlayacağınıza karar verirken öğreneceğiniz şeyler, tüm yaşamınız boyunca size fayda sağlayacaktır.

Kim bilir, belki de web sayfası yapmayı o kadar çok seversiniz ki kariyerinizi değiştirmeyi düşünebilirsiniz. Dünyada çok miktarda web geliştirici sıkıntısı olduğunu hiç duymuş muydunuz?

Sıfırdan Bir Web Sitesi Nasıl Yapılır

Bu bölümde, sıfırdan bir web sayfası oluşturmak için bilmeniz gereken her şeyi size öğreneceksiniz. Öğrenilecek dört şey ve bir ek madde daha var:

  1. Domain nasıl alınır
  2. Hosting nasıl alınır
  3. HTML’de nasıl yazılır
  4. CSS’le nasıl biçimlendirilir
  5. JavaScript’le nasıl çalışılır

İlk olarak, basit bir web sitesi nedir sorusu yanıtlanmalı. Bu eğitim rehberinin amacı, yaptığınız reklamı veren ve gelecekteki müşterilerinize iletişim bilgileri sağlayan küçük bir web sitesi oluşturmak olacak. Burada cevap vermesi gereken üç soru var:

  1. Sen kimsin?
  2. Ne yaparsın?
  3. Seninle nasıl iletişime geçebilirim?

Ziyaretçilere tüm bu bilgileri vermek için bir ila üç sayfa yeterli olacaktır. HTML ve CSS kullanarak, yalnızca web sitesinin basit bir işlevselliğe sahip olmasını sağlamakla kalmaz, aynı zamanda iyi görünmesini de sağlayabilirsiniz.

Bir tür e-ticaret işlevi görmek veya bir blog’a ev sahipliği yapmak gibi web sayfanızın yapmasına ihtiyaç duyduğunuz daha fazla şey varsa, bir back-end programlama dili de dahil olmak üzere web geliştirme hakkında daha fazla bilgi edinmeniz gerekecektir. “Bir dakika, back-end nedir?” diye sorduğunuzu duyar gibiyim. Bir web sitesi nasıl yapılır sorusunda bunlar önemli konular.

Bu sorunun cevabı karmaşık gibi görünmektedir. Yani karmaşık görünüyor ama aslında basit. Monitörünüzde görebiliyorsanız, front-end’dir. Göremiyorsanız, back-end. Düğmeler, resimler, metin; bu front-end'dir. Web sayfanız özel bir Lego Darth Vader saati siparişini işleme sokmak durumunda mı? Bu back-end'dir.

Web sitenizin back-end alanını kodlamak için JavaScript gibi ek bir kodlama dili öğrenmeniz gerekir. Kendi başınıza yapmayı denemenizi önermiyoruz. Eğer işin içinde doğrudan para varsa, aynı online bir mağazada olduğu gibi, deneyimli bir profesyonelin bu işi sizin için halletmesine izin vermeniz en iyisidir.

Ancak basit bir web sitesi farklı bir konudur. Bunu kendiniz yapabilirsiniz.

Bununla birlikte, bir web sayfasını sıfırdan nasıl oluşturabileceğimiz konusuna daha derinden dalalım.

Nasıl Domain Adı Alabilirim?

Size bir domain adını nasıl satın alacağımızı söylemeden önce, domain adının ne olduğunu öğrenmeniz iyi bir fikir olabilir. Web sitesi açmak için en önemli adımlardan biridir.

Tıpkı gerçek dünyada bir adresinizin olması gibi, web sayfanızın de İnternette bir adresi olması gerekir. Domaininiz sizin adresinizdir. www.bitdegree.org ise bizimkisi.

Peki bir domain alanı nasıl kaydedilir? Web sitesi nasıl yapılır sorusunun en önemli bölümlerinden Öncelikle, kim olduğunuzu ve ne yaptığınızla lgili bazı olasılıkları düşünmelisiniz. Kendinizi tanıtmak için kişisel bir web sitesi hazırlıyorsanız, onu namesurname.com olarak adlandırmayı düşünebilirsiniz. Eğer adınız zorsa, yaratıcı olmanız gerekebilir. Bir .com web sitesi adresinin birçok sektörde saygın olarak kabul edildiğini unutmayın. Eğer mümkünse bir tane almaya çalışın.

İsmin ne yaptığınız ve kim olduğunuzla ilgili olması gerektiğini unutmayın.

Bazı domain adı seçeneklerine karar verdiğinizde, hangilerinin uygun olduğunu kontrol etmeniz için domain adı kontrol aracını kullanmanız gerekir. İstediğiniz isme karar verdikten sonra, istediğiniz domainin haklarını satın almanız gerekecektir. Genellikle, hosting sağlayıcınız, domain için hosting kurulum işlemini de beraberinde satın almanıza izin verir.

Hosting Nasıl Bulurum?

Tüm dünyada hizmet sunan yüzlerce web hosting sağlayıcısı vardır. Birini seçmek zor bir karar olabilir. Göz atmanız, araştırmanız ve karar vermeniz için burada en popüler olanlarından bir listesi:

Hangisini seçerseniz seçin, platformlarında bir web sayfasını sıfırdan nasıl oluşturacağınızla ilgili bolca kaynak bulunuyor olması gerekli. Eğer böyle bir şey yoksa, onu kullanmayın.

Bir kez hosting sorununu halledip bir de domain buldunuz mu, artık sıra sitenizi geliştirmeye başlamaya gelmiştir.

HTML Nedir?

 

web sitesi nasıl yapılır

HTML (veya Hiper Metin İşaretleme Dili), birçok insan öyle zannetse de, bir programlama dili değildir. HTML, web sitenizin işlevlerini oluşturan öğelerden sorumludur. Siteyi kurduğunuz iskelettir ve sıfırdan bir web sitesi nasıl yapılır öğrenirken bu araç üzerinde ustalaşmanız gerekmektedir.

HTML, web sitenize sayfada hangi metnin olması gerektiğini, görüntülerin nerede olması gerektiğini, varsa bağlantıların kullanıcıyı nereye yönlendireceğini söyler.

Bir web sitesinde HTML’nin nasıl göründüğünü görmek için, diyelim ki için bitdegree.org, web sitesini Google Chrome web tarayıcısında açın, sayfada herhangi bir yere sağ tıklayın ve Sayfa Kaynağını Göster'i tıklayın. En üstte yazıyorsa, bitdegree.org için HTML koduna bakıyor. BDG karmaşık bir sitedir. JavaScript de kullanır.

Cesaretiniz kırılmasın, web siteniz BitDegree'den çok daha basit olacak. İstediğiniz şekilde çalışması için 3000'den fazla satırlık bir koda ihtiyacınız olmayacak.

Tamam, HTML'nin ne olduğu hakkında artık bir fikriniz var, şimdi HTML kullanarak sıfırdan web sitesi nasıl yapılır öğrenme zamanı.

İnternette yüzlerce HTML dersi, rehber ve öğretici var. Web sitesi nasıl yapılır konusu dahilinde HTML’yi öğrenin diye bir ders BitDegree üzerinde de var. Bu eğitici yazı, başlamak ve hızlı bir şekilde HTML’yi kapmak için bilmeniz gereken her şeyi size gösterecek.

Ayrıca, çok etkileşimli bir HTML ve CSS kursu da barındırıyoruz. Aynı zamanda hem eğlenip hem de eğlenerek öğrenebilmenizi sağlaması için için oyunlaştırılmış bir yöntem kullanıyor.

CSS Nedir?

Yukarıdaki bölümlerde CSS’den bahsedilse de gerçekten ne olduğuna değinilmedi. Web sitesi açmak için önemli bir konu. Bunu düzeltmenin zamanı geldi çünkü sıfırdan bir web sitesi oluşturmayı öğrenme konusunda önemli adımlardan birisi.

HTML’nin, İnternet üzerinde metin veya diğer web sitesi öğelerinin nerede olması ve bunlarla ne yapılması gerektiğini “Internet’e anlatmak” için kullanıldığını belirtmiştik. CSS veya Basamaklı Sayfa Biçimi, web sitesine, tüm farklı öğelerin nasıl görünmesi gerektiğini söyleyen bir dildir. Web sitesi öğelerinize stil kazandırır ancak bir programlama dili DEĞİLDİR.

Bir dakika, ne?

HTML kullanarak, web sitenizin basit bir metin satırına sahip olmasını sağlayarak, “Sıfırdan nasıl web sitesi oluşturulacağını öğreniyorum” diyebilirsiniz. Bu metin çok basit ve sade olacaktır.

CSS'yi kullanarak, bu metnin yazı tipini, boyutunu, rengini, hizalamasını ve sayfadaki konumunu ve birçok başka şeyi değiştirebileceksiniz.

Daha karmaşık web sitelerinde, seçenekleriniz yalnızca hayal gücünüz ve HTML/CSS bilginizle sınırlıdır. En azından web sitesinin görünüşüne gelince iş böyledir. İşlevsellik için, en azından JavaScript'in temellerini öğrenmelisiniz.

JavaScript Nedir?

Sıfırdan Web Sitesi Nasıl Yapılır: Yeni Başlayanlar için Rehber

HTML ve CSS’nin tarayıcınıza yalnızca nasıl sayfa oluşturulacağını söyleyen dillerken, JavaScript ise gerçek bir programlama dilidir. Her front-end geliştiricinin bunu bilmesi çok önemlidir.

Neden JavaScript’e ihtiyacınız var? Kişisel bir web sitesi yaptığınızı varsayalım. ANA SAYFA, GRAFİK TASARIM PORTFÖYÜ ve BİZE ULAŞIN olmak üzere üç bölümü olsun. Kullanıcıyı, üst kısımdaki farklı bölümlere yönlendiren bağlantıları HTML kullanarak ekleyebilirsiniz ve bunun ardından bu bağlantıyı CSS ile basılabilir bir düğmeye benzeyecek şekilde biçimlendirebilirsiniz.

Basit bir web sitesi için bu büyük bir sorun değildir. Peki ya daha havalı bir şeyler yapmak isteyip de animasyonlar eklemek isterseniz? Basit JavaScript ile, oldukça hoş görünümlü şeyler yapabilirsiniz.

Bir web sitesini sıfırdan gerçek anlamda nasıl oluşturacağınızı bilmek konusunda ciddiyseniz, üçünü de bilmeniz gerekir: HTML iskelet için, CSS stil için ve JavaScript işlevsellik içindir.

Web Sayfası Oluşturma Yazılımı

Tamam, haydi diyelim ki web sitenizi HTML, CSS ve JavaScript kullanarak oluşturmak için yapmanız gerekenleri öğrendiniz. İstediğiniz öğeleri nasıl tanımladıklarını, neye benzediklerini ve ne yaptıklarını biliyorsunuz.

Bu, web sitenizi sihirli bir şekilde oluşturmaz. Kodu .html, .css ve .jscript dosyalarına yazmanız ve bunları hosting aracılığıyla yüklemeniz gereklidir. Web sitesi açmak için bunlar gereklidir.

Ancak bir web sitesini sıfırdan nasıl başlatacağınızı biliyorsanız, hangi araçları kullanmanız gerekli?

IDE'ler

IDE'ler veya Entegre Geliştirme Ortamları, bir web sitesi veya bağımsız bir uygulama oluşturmak için ihtiyacınız olan her şeyi içeren özel yazılım parçalarıdır.

WebStorm, Visual Studio Code veya Adobe Dreamweaver gibi en iyi IDE'ler, web sitenizin canlı önizlemesi de dahil olmak üzere yüzlerce harika özelliğe sahiplerdir, ancak gerçek şu ki, muhtemelen projeniz için onlara ihtiyacınız bile olmayacak.

Asıl amacınız, büyük ölçüde sıfırdan bir web sitesi oluşturmayı öğrenmek değilse, web geliştirme için bir IDE satın almanız olayı biraz fazla abartmanız anlamına gelir. Bunun yerine, gelişmiş bir metin düzenleyici edinmelisiniz.

Gelişmiş Metin Düzenleyicileri

Özel bir ücretsiz (açık kaynak kodlu) metin düzenleyici, sıfırdan bir web sitesi oluşturmayı ve ardından işletmenizi internete koymak için öğrenmeye ihtiyacınız olan tek şeydir. En önemli web geliştirme araçlarından biri.

Sıfırdan Web Sitesi Nasıl Yapılır: Yeni Başlayanlar için Rehber

Aralarından seçim yapabileceğiniz çeşitli araçlar var. Atom, Notepad ++, Vim veya Brackets'e bakmak isteyebilirsiniz. Bütün bu olay nasıl işliyor? Çok basit. Yeni bir belge oluşturun, HTML'ye uygun bir şekilde çerçeveleyin ve örneğin index.html gibi .html uzantısıyla kaydedin.

Ardından, HTML iskelesindeki öğelerin nasıl göründüğünü kontrol etmek için .css dosyanızı bağlayın. Basit bir web sayfası yapmak için gereken tek şey bu. Aklınıza şu soru gelebilir: “Bu sadece yalın bir metin. Sayfamın İnternette nasıl görüneceğini nasıl bilebilirim?” Kolay. HTML dosyasını herhangi bir İnternet Tarayıcısı ile açmanız yeterlidir.

Seçtiğiniz metin düzenleyicisini ve bir web tarayıcısını kullanarak, sayfanızı tatmin olana kadar değiştirebilir ve şekillendirebilirsiniz. Bunu yaptıktan sonra da, dosyalarınızı hosting sağlayınıcız aracılığıyla yükleyin ve kısa zamanda web sitenizin yayınlandığını seyredin.

Otomatik Araçlar

Sıfırdan bir web sitesi nasıl yapılır görmek harika bir deneyim olsa da, bazı sorunlar yaşayabilirsiniz. İnsanlara kim olduğunuzu, ne yaptığınızı ve sizinle nasıl iletişim kuracağınızı bildirmek için basit bir web sitesi oluşturabilirsiniz.

Peki ya bir blog eklemeye karar verirseniz ne olur?

Evet, bir blog.html ekleyebilir ve web sitesinin geri kalanıyla bağlantısınız kurabilirsiniz, ancak yeni yayınlar ortaya çıkarmak, yeni içerik eklemeyi kolaylaştıran bir tür back-end işlemi olmadan son derece sinir bozucu olacaktır.

Bunu yapmanın daha basit yolları var!

WordPress

Sıfırdan Web Sitesi Nasıl Yapılır: Yeni Başlayanlar için Rehber

İnternetin çoğunluğunun WordPress üzerine kurulu olmasının bir nedeni var. Web sitesi nasıl kurulur sorusunun cevabı büyük ölçüde WordPress olabilir. WordPress, zengin şablon ve eklenti kütüphanesi içeren bir içerik yönetim sistemi. Web sitenize bir özellik eklemeye ihtiyacınız varsa, bunun için bir WordPress eklentisi olma ihtimali çok yüksek.

Web sitenizi WordPress kullanarak ayarlamak, kendiniz yazmaktan 100 kat daha kolaydır. Tüm üst düzey web hosting sağlayıcılarının sitenizi WordPress'te otomatik olarak ayarlamanızı sağlayan araçları vardır. Bitirdiğinizde, WordPress ile giriş yapın. Ardından temaları değiştirebilir, eklentiler ekleyebilir ve istediğiniz içeriği (resimler, metin, video) ekleyebilirsiniz.

Sıfırdan bir web sitesi oluşturmayı öğrendiyseniz ve WordPress'i kullanmaktan vazgeçtiyseniz, edindiğiniz bilgileriniz boşa gitmeyecek. Sonuçta, bir WordPress teması alabilir ve öğrendiğiniz CSS becerilerini kullanarak bunu kendiniz özelleştirebilirsiniz.

Web Sitesi Oluşturucu Servisleri

Sıfırdan bir web sitesi nasıl yapılır kesinlikle öğrenebilirsiniz, ancak yıllar önce bunu zaten öğrenmiş olan insanlar var. Bu kişiler, kendi web sitenizi oluşturmak için öğeleri sürükleyip bırakmanıza izin veren web siteleri oluşturdular.

Bir web sitesi içinde bir web sitesi. Birisi Inception mı dedi?

Bunun gibi web sitesi oluşturucularının YouTube’da yoğun bir şekilde reklamları yapıldığı için, en azından bunları duymuş olma ihtimaliniz var. Eğer yapmadıysanız, kısa bir Google araması kadar uzağınızdalar. Çoğu amaca uygun olarak, bu araçlar güzel ve basit bir web sitesi yapmanın kolay ve sorunsuz bir yoludur.

En yeni web sitesi trendlerinin resimlere büyük ölçüde bağlı olduğunu unutmayın. Profesyonel olarak çekilmiş fotoğraflara çok yüksek kalitede ihtiyacınız olacağı gerçeği büyük bir olasılık. Profesyonel ipucu: Bu görüntüleri kraken.io web sitesinde bulunan araç üzerinden çalıştırın. Bu, kaliteyi önemli ölçüde zedelemeden görüntü dosyasını daha küçük hale getirir ve böylece web sitenizin daha hızlı yüklenmesini sağlar.

Hızlı yükleme süreleri, Kullanıcı Deneyimi için çok önemlidir. Ortak mantık, web siteniz ne kadar hızlı yüklenirse, ziyaretçinin kalması ve dolaşması olasılığı da o kadar yüksek olur.

Son Sözler

Uzun lafın kısası, sıfırdan web sitesi nasıl yapılır? Artık bir web sitesi nasıl kurulur bir fikriniz var. Aynı anda hem basit hem de karmaşık olabilir. Seçtiğiniz yönteme bağlı olarak. Kodlamayı öğrenmeye karar verirseniz, karmaşık olacaktır ama sonunda ödülünü de alacaksınız.

Öte yandan, mevcut sayısız web sitesi oluşturucusundan birini seçmek sizin için bütün bu işlemi çok daha basit bir hale getirebilir. Eğer web sitesi nasıl yapılır arıyorsanız şimdiye bulmuş olmanız gerekir.

Eğer kendinizi biraz zorlamak istiyorsanız, ilk önce HTML ve CSS öğrenmeye başlayın. Henüz bir domain alanı satın almayın veya hosting, HTML ve CSS dosyalarını tarayıcınızla açmanız yeterlidir. Web sitenizi, sevdiğiniz metin düzenleyiciyi kullanarak yazın.

HTML ve CSS kullanarak nasıl bir sihir gerçekleştirebileceğinizi gördükten sonra, sitenizi şık geçişler ve ihtiyaç duyabileceğiniz herhangi bir fonksiyonelliğe dönüştürmek için JavaScript'in temellerini öğrenin. Web sitesi nasıl yapılır artık aşağı yukarı biliyorsunuz.

İhtiyacınız olanı aldığınızda, size gereken olacak web sitesi dosyalarını oluşturmaya başlayın. Sayfayı istediğiniz hale getirdikten sonra devam edin. Domain alanını satın alın ve hosting yapın. Sağlayıcılar (en azından iyi olanlar), bütün bunları halledebilmeniz için sizlere belli eğitimler sunacaklardır.

Dürüst geri bildirimde bulunun

Gerçek fikrinizi bırakarak en iyi online eğitim platformunu seçmek isteyen binlerce insana yardımcı olun. Pozitif veya negatif de olsa tüm geri bildirimler dürüst oldukları sürecek kabul ediliyor. Taraflı geri birimleri veya spam'leri yayınlamıyoruz. Deneyiminizi, fikrinizi veya tavsiyenizi paylaşmak istiyorsanız sahne sizin!

Güncel Kullanıcı Yorumları

Hoş

Web geliştirme üzerine hoş bir rehber

Güzel bir rehber

Okurken vakit su gibi aktı geçti. Umarım siteyi hazırlarken de böyle geçer :)

Benim sitem

Kendi sitemi yapmaya karar verdim usta

Acil

Hemen site oluşturmaya başlıyorum.

Öğrenerek

Ne kadar zor olsa da öğrendikten sonra her iş kolaylaşır.

Müteşekkirim

Günümüz güzel geçmesini sağlayacak bu yazı

Yapabilirim gibi

Aklımda birkaç site geliştirme fikri vardı, yapabilirim sanırım.

Sayenizde öğrendim

Site nasıl oluşturulur hiç bilmiyordum!

Yok yere

Gözüm korkmuş yok yere. İlk adımı atınca gerisi geldi :)

Hemen başlıyorum

Açık konuşmak gerekirse hiç bu kadar kolay olacağını düşünmemiştim.

Teşekkürler

Hazırladığınız bu rehberle site oluşturma hayalimi gerçeğe dönüştüreceğim sağolun

Zor iş

Site oluşturmayı insanlar kolay sanıyor. İyi açıklamışsınız, çoğu kişi farkı öğrenecektir.

Güzel

Web site oluşturmaktan para kazanmayı düşünen biri olarak bu rehberden çok yararlandığımı söyleyebilirim.

Öğrenmek gerek

Site geliştirme ne kadar zor olabilir derdim, bilmediğiniz şeyler varsa zormuş :D

Sağolun

Güzel bir rehber olmuş teşekkürler

Keyifle okudum

Hoş bir çalışma olmuş teşekkürler

Tebrikler

Şahane özetlenmiş, bravo

Bombasınız

Böylesine hoş bir rehber hazırladığınız için teşekkürler

Kendi sitem

Sanırım kendi sitemi oluşturacağım. Bugünlerde herkese lazım

Hadi bakalım

Hiç vakit kaybetmeden öğrenip bunun üzerinden kariyer yapacağım.

SSS

Hangi online ders sitesini inceleyeceğinizi nasıl seçiyorsunuz?

Piyasa boyutuna, popülerliğe ve en önemlisi kullanıcılarımızın taleplerine veya belli online eğitim platformları hakkında gerçek MOOC incelemesi okumak isteme talebine göre online eğitim platformlarını seçiyoruz.

E-öğrenme incelemelerinizi yazmadan önce ne kadar araştırma yapıyorsunuz?

MOOC uzmanlarımız haftalarca araştırma yapıyor. Sonrasında farklı etkenler hakkında değerlendirmelerini yapabiliyorlar. Çok fazla zaman alsa da online eğitim platformundaki tüm gerekli özelliklerin denenmesi, test edilmesi ve gerçek verilere dayalı bir hükümde bulunulmasını garanti edebilmemiz için tek yol bu.

En iyi online eğitim platformlarını seçerken en önemli etken hangisi?

Tek bir etken seçmek yanlış olur. Öncelikler her kişinin değerlerine, isteklerine ve hedeflerine göre değişiyor. Biri için önemli olan bir özellik başkası için önemsiz olabiliyor. Tüm kullanıcıların öğrenme materyallerinin iyi kalitesi konusunda hemfikir olması bir online eğitim platformu olmazsa olmaz.

Bu e-öğrenme inceleme platformu diğerlerinden nasıl farklı?

Her MOOC inceleme platformu eşsizdir. Kendi hedefleri ve değerleri vardır. Bizim e-öğrenme incelemelerimiz %100 gerçektir ve dikkatli bir analizden sonra kaleme alınır. Çoğu e-öğrenme inceleme sitesinde bu bu özellik bulunmadığından bunu süper gücümüz gibi görüyoruz!

Gün
Saat
Dakika
Saniye