2020'te bir web sitesi oluşturmak çok kolay.
Bir teknik inek ya da programcı olmak zorunda değilsin.
Doğru yöntemi takip edin. Doğru platformları seçin. Doğru araçları kullanın. % 100% olacaksınız.
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 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.
Tasarımlarda ve site işlevlerinde #1 yöntemiyle daha fazla esneklik elde edersiniz, ancak web dilleri hakkında iyi bilgi gerektirir.
Web sitesi oluşturma ve yönetim süreci, #2 ve #3 yöntemiyle çok daha kolay. Yetkinliğinize bağlı olarak bu yöntemlerden birini seçmelisiniz.
Bu üç yöntemin her birine kısaca bakacağız.
Başlamadan önce, web siteniz için iki şeye ihtiyacımız var: 1- Bir alan adı ve 2-Web barındırma.
Bir alan, web sitenizin adıdır. Benzersiz olmalı ve işinizin markasını taşımalıdır.
Bir alanı arama ve kaydetmenin en kolay yolu 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.
İşte bazı saygın alan adı kayıt şirketleri ve bunların başlangıç fiyatı.
| Kayıt Siteleri | .com | . Net |
|---|---|---|
| 123 Reg | £ 11.99 / yıl | £ 11 .99 / yıl |
| Domain.com | $ 9.99 / yıl | $ 10.99 / yıl |
| Gandi | € 12.54 / yıl | € 16.50 / yıl |
| GoDaddy | $ 12.17 / yıl | $ 12.17 / yıl |
| İsim Ucuz | $ 10.69 / yıl | $ 12.88 / yıl |
| Ağ çözümleri | $ 34.99 / yıl | $ 32.99 / yıl |
A web barındırma Web sitelerinizi depolayan büyük bir bilgisayar (aka, server). Amazon, IBM ve FB gibi bazı dev şirketler, web sunucularına sahip ve bunları yönetiyor; Diğer işletmeler sadece sunucularını bir barındırma sağlayıcısından kiralıyor (ki bu daha ucuz ve daha kolay).
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).
Kontrol etmek için bazı yeni başlayanlar dostu barındırma hizmeti.
| Web Host | Kaydol | Uyarılar |
|---|---|---|
| A2 Hosting | $ 4.90 / mo | Hızlı web barındırma, yeni başlayanlar dostu. |
| BlueHost | $ 3.95 / mo | Ucuz kayıt fiyatı, yeni başlayanlar dostu. |
| Hostgator Bulutu | $ 8.95 / mo | Uygun fiyat, güvenilir sunucu. |
| HostPapa | $ 3.36 / mo | Çevre dostu web barındırma, özel indirim. |
| InMotion Barındırma | $ 3.49 / mo | Ucuz kayıt fiyatı, güvenilir sunucu. |
| SiteGround | $ 5.95 / mo | Sanayi #1 canlı sohbet desteği, katı web barındırma. |
Ayrıca oku - Bir web sitesi oluşturmanın maliyeti nedir?.
Etki alanı adınızı ve web barındırma işlemini yerine getirdikten sonra, kollarınızı yuvarlama ve oluşturmaya başlama zamanı!
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.
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ü.
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).
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 Photoshop'u açmak ve web sayfalarınızın kaba bir çizimini oluşturmaktır. Farklı sayfalar için farklı pürüzler yapmanız gerekebilir, örneğin ana sayfa, sayfa, iletişim sayfası, servis sayfası vb.
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.
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.
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.
Bir CMS veya bir İçerik Yönetim Sistemi, ilk defa işe yeni başlayanları deneyimli web geliştiricilerine uygun şekilde taktik olarak inşa edilmiştir.
Ç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.
Hızlı karşılaştırmalar
| Özellikler | WordPress | Joomla | Drupal |
|---|---|---|---|
| Ücret | Ücretsiz | Ücretsiz | Ücretsiz |
| kullanım | 311,682 milyon | 26,474 milyon | 31,216 milyon |
| Bedava Temalar | 4,000+ | 1,000+ | 2,000+ |
| Ücretsiz Eklentiler | 45,000+ | 7,000+ | 34,000+ |
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.
Joomla birçok yönden WordPress'e benzer. Kullanımı kolaydır, kurulumu kolaydır ve modüllerin yardımıyla kolayca genişletilebilir - WordPress eklentilerinin karşılığı. Sonuç olarak, yeni başlayanlar için ikinci en iyi seçenek.
Ancak, yeni başlayanlar mevcut seçeneklerin sayısı nedeniyle Joomla'yı keşfetmek için daha fazla korkutulabilir. Sol menüye ek olarak, “Kontrol Paneli” logosunun üstündeki üst çubukta bir menü de vardır. Karışıklığı önlemek için, sol ve üst çubuk menülerindeki bazı öğelerin “İçerik”, “Kullanıcılar” ve “Uzantılar” dahil olmak üzere benzer olduğunu unutmayın.
Tıpkı WordPress gibi, Joomla da sitenize hızlı bir şekilde farklı bir görünüm kazandıran bazı stil ve şablonlara sahiptir. Ancak üç içerik yönetim sisteminden Joomla, bir sosyal ağ oluştururken en kolay çözümü sunuyor. EasySocial ve JomSocial gibi platformlarla, kendi sosyal ağ web sitenizden sadece birkaç dakika uzaktasınız.
Deneyimli web geliştiricileri, Drupal'ın en güçlü CMS olduğunu doğruladı.
Bununla birlikte, kullanımı en zor olanıdır. Esnekliği nedeniyle, Drupal dünyadaki en çok kullanılan ikinci CMS'dir, ancak yeni başlayanlar arasında favori değildir. Drupal kullanarak “eksiksiz” bir web sitesini başarıyla oluşturmak için ellerinizi kirletmeniz ve kodlamanın temellerini öğrenmeniz gerekir. CMS'nin etrafındaki yerini bilmek yeni başlayanlar için de zordur.
Bu yöntem için WordPress'i örnek olarak kullanacağız. Şimdiye kadar sahip olmalısınız bir web barındırma hesabı ve kayıtlı bir alan adı.
Web barındırma hizmetleri genellikle WordPress ve diğer ortak platformları kurmak için hızlı bir yükleyiciye sahiptir.
Yani, web hesabınıza giriş yapın ve sahip olduğunuz kurulum programını bulun. Aramanız gereken popüler adlar Softaculous, QuickInstall veya Fantastico'dur.
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.
Softaculous en popüler otomatik yükleyici ve cPanel üzerinde özellikli. Seni Softculous üzerinden yapacağım. Diğer montajcılar hemen hemen aynı.
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.
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.
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.
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' bölümüne gidin, gereksinimlerinizi karşılayan temayı arayın ve yükleme düğmesine tıklayın.
Ayrıca "Tema Yükle" bölümünden üçüncü taraf temaları da yükleyebilirsiniz. Ücretli, profesyonel tasarlanmış, WordPress temaları için tavsiye ederim Zarif Temalar (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. 3rd Parti eklentileri 'Yükleme Eklentisi' bölümünden de yüklenebilir.
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.
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 Logaster. Onlar ücretli bir hizmet ama ne harika onlar katmanlı fiyatlandırma sunuyoruz. Bu, ihtiyacınız olan şey için kolayca ödeme yapabileceğiniz anlamına gelir - yalnızca web biçiminde bir logo veya çeşitli platformlar için biçimler içeren tüm bir marka kitine kaydolabilirsiniz.
Siteniz son adımda olmalı ve çalışıyor olmalıdır. Ama sıralanması gereken birkaç şey daha var.
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.
Wix, 500 + tamamen özelleştirilebilen şablonları çeşitli kategoriler altında sıralayan özelliklere sahip, piyasadaki en kolay site oluşturucularından biridir. Bu yüzden size uyan birini bulacağınızdan emin olabilirsiniz.
İç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, navigasyon, kullanım kolaylığı gibi birçok açıdan daha kolay. Seçim yapmak için yüzlerce şablon sunarlar, ancak kişiselleştirme seçenekleri sınırlı kalabilir.
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.
Wix.com'da bir hesap oluşturun.
5 premium planları ve 1 ücretsiz planı vardır (fiyatlar 0 - $ 24.50 / mo aralığındadır). Bir site başarıyla oluşturulduktan sonra yükseltme seçeneklerini göreceksiniz.
Wix temel ödeme planını öneririm - Combo. Wix Combo planı ($ 8.50 / mo) ücretsiz bir alan adı, daha fazla CPU kaynağı ve Wix reklam içermemektedir.
Wix size nasıl bir web sitesi oluşturmak istediğinizi soracaktır. Önerecekleri en hızlı yol, sonunda çok verimli olmayan Wix ADI (Yapay Tasarım Zekası).
Bu yüzden sizi biraz daha uzun bir yoldan geçireceğim ama daha iyi bir yol, web sitesi oluşturucu!
Farklı etiketler altında kategorize edilmiş şablonlar olduğunu göreceksiniz. Potansiyel kategorinize göz atın ve size uygun olanı seçin.
Beğendiğiniz bir Wix teması bulduktan sonra devam etmek için 'düzenle'yi tıklayın.
Birkaç dakika sonra, doğrudan kendi web sitesi oluşturucularına ineceksiniz.
Bir web sitesi tasarlamak basittir. Ekranınızın solunda ve sağında farklı araçlar göreceksiniz. Ayrıca, bloğu düzenlemek veya başka bir yere taşımak için web sitesinde herhangi bir yeri tıklayın.
Yayınlama düğmesine bastığınızda, ücretsiz bir alt alan veya tam özellikli bir alan isteyip istemediğiniz sorulur. Bu senin çağrın.
Birkaç daha tweaks önerilir.
'Wix Kontrol Paneli> Siteyi Yönet ve Düzenle' seçeneğine gidin ve SEO, Favicon, Sosyal ve Yükseltmeleri gerektiği gibi yapılandırın.
Ve bu temel ayarlarla işiniz bittiğinde - web siteniz hazır.
Ücretsiz bir web sitesi oluşturmanın iki ana yolu vardır - kullanın ücretsiz web barındırma 000Webhost veya bir web sitesi oluşturma platformu ücretsiz bir plan sunan Wix gibi.
GoDaddy'nin, web sitesi oluşturucusu etrafında aylık 10 ABD dolarından başlayan planları vardır. Detaylı GoDaddy incelememizi okuyun Daha fazla bilgi edinmek için.
köprü web sitesi üreticileri yeni başlayanlar için kolaydır. Doğası gereği, web sitesi oluşturucuları teknoloji meraklısı olmayan kullanıcıları hedeflemekte ve çok yardım sunmaktadır. Bu, kullanıcı dostu arayüzlerden önceden oluşturulmuş şablonlara kadar değişir.
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 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.
