2021'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ına ve daha iyi web yayınlama platformlarına sahibiz.
1. yöntemle tasarımlarda ve site işlevlerinde daha fazla esneklik elde edersiniz, ancak web dilleri hakkında iyi bilgi gerektirir.
Web sitesi oluşturma ve yönetme süreci, yöntem # 2 ve # 3 ile çok daha kolaydır. Yetkinliğinize bağlı olarak bu yöntemlerden birini seçmelisiniz.
Bu üç yöntemin her birine ve aşağıdaki tüm adımlara bakacağız.
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ı.
A web barındırma web sitelerinizi depolayan büyük bir bilgisayardır (sunucu olarak da bilinir). Amazon, IBM ve FB gibi bazı dev şirketler, web sunucularının sahibidir ve bunları yönetir; diğer işletmeler sunucularını bir barındırma sağlayıcısından kiralar (bu çok daha ucuz ve daha 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ırma bugün çeşitli paketler halinde gelir.
Geleneksel olarak, bir web barındırma sağlayıcısı yalnızca temel yazılım ve teknik destekle sunucuların kiralanmasıyla ilgilenir. Web sitenizi geleneksel bir barındırma sağlayıcısıyla barındırmak genellikle daha ucuz ve daha esnektir; ancak bir web sitesi kurmanız için biraz ekstra çalışma yapmanı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. Bu "paket" platformlarda bir web sitesini barındırmak genellikle pahalıdır ve daha az esnektir; ancak kolayca bir web sitesi veya çevrimiçi mağaza kurabilirsiniz.
Kontrol etmek için bazı yeni başlayanlar dostu barındırma hizmeti.
En başında...
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 yapanlar için, bir web sayfası tasarlamanın üç kolay yolu:
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ü.
1. Adım: Yerel bir çalışma ortamı kurun
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 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.
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
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. 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.
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ı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.
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ı.
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.
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.
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ı.
İş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.
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.
Üçüncü taraf temalarını 'Tema Yükle' bölümünden de yükleyebilirsiniz. Ücretli, profesyonelce 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 <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.
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.
Adım 1: Wix'e kaydolun
Wix.com'da bir hesap oluşturun.
5 premium plan ve 1 ücretsiz plan vardır (fiyatlar 0 $ - 24.50 $ / ay arasında değişir). Başarılı bir site oluşturduktan sonra yükseltme seçeneklerini göreceksiniz.
Wix planları ve fiyatlandırma burada bakınız.
[/ C8]
Wix temel ücretli planı öneririm - Combo. Wix Combo planı ($ 8.50 / ay), ücretsiz bir alan adı, daha fazla CPU kaynağı ve Wix reklamları içermez.
2 Adımı: Bir şablon seçin
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.
Adım 3: Wix Website Builder'ı kullanarak web sitenizi tasarlayı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.
4 Adımı: Web sitesini yayınlayı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 Panonuz> Siteyi Yönet ve Düzenle'ye 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ırdır.
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ı 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.
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…
Google, site hızının sıralama faktörlerinden biri olduğunu açıkça belirtmiştir. Bu, sitenizin hızlı yüklenirse daha yüksek sıralanabileceği anlamına gelir.
Ayrıca - web siteniz ne kadar hızlı yüklenirse, web sitenizin ziyaretçileri o kadar mutlu olur. Sayısız vaka çalışması ve deneyde, yavaş yüklenen bir web sitesinin kullanıcı deneyimine zarar vereceği ve web sitesi gelirini etkileyeceği kanıtlanmıştır. Amazon, sitesi bir saniye bile yavaşlasaydı, tahmini 1.6 milyar dolar gelir kaybederdi.
Web sitenizin fark edilmesini sağlamak için arama motoru optimizasyonunda (SEO) usta olmanıza gerek yok. Ancak bazı temel arama motoru optimizasyonu becerilerine 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.
Daha fazla SEO ipucu için, SEO mankenleri kılavuzumuzu okuyun.
Google Chrome, HTTP web sitelerini "Güvenli Değil" olarak etiketlemeye başladığından beri, SSL sertifikası önemli hale geldi. Web sitenize kullanıcılar tarafından "güvenildiğinden" emin olmak için HTTPS bağlantısı şarttır.
İ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.
hakkında sayfası
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.
İ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.
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.
"Mektubu gördün mü"B"Tarayıcı sekmenizin solunda görünen sarı bir daire içinde? Buna "favicon" denir. Bir logo gibi favicon, 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.
Ücretsiz bir web sitesi oluşturmanın iki ana yolu vardır - ü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.
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!
 | Kaydet 90% Anlaşmayı Yakala> |
 | Kaydet 70% Anlaşmayı Yakala> |
 | Kaydet 40% Anlaşmayı Yakala> |
