Novi HTML Web Sitesi Oluşturucu Ayrıntılı İnceleme ve Kılavuz

2023 yılında web sitesi yapımı söz konusu olduğunda kodlama ile uğraşmaya gerek yok. Farklı hazır dijital ürünler hakkında her şeyi bildiğinize eminim. Bu günlerde, sizin için önceden tasarlanmış ve önceden paketlenmiş her şeyi kolayca alabilirsiniz. Bu basit sebeplerden dolayı, pek çok göz alıcı web sitesi var. İnsanlar kalabalığın arasından sıyrılmanın yeni yollarını arıyor. Bu nedenle, yeni duyarlı web sitesi temalarının, eklentilerinin, varlıklarının ve web tasarım trendlerinin miktarı her zaman artmaktadır.

Ancak bir şeyin yeni olması, bu ürünün %100 ilginizi çekmeye değer olduğu anlamına gelmez. Peki, tek eşyanızı nasıl seçersiniz? Bu yazıda, nihai karar vermede size yardımcı olmak üzereyim. Önceki yazılardan birinde, size WordPress'te nasıl web sitesi yapılacağını gösterdim. Gönderinin adından da anlaşılacağı gibi, bugün en iyi 5 web sitesi kurucusundan biri olan Novi Builder'ı inceleyeceğim .

HTML ile çalışmayı tercih ediyorsanız, Novi Builder tüm modern duyarlı HTML şablonlarıyla birlikte geldiğinden, bu adı kesinlikle daha önce duymuşsunuzdur. Peki, editörle çalışmanın ana avantajları nelerdir ve herhangi bir dezavantajı var mı? HTML için en kullanışlı sayfa oluşturucuyla ilgili tüm önemli şeyleri öğrenmek için bizi izlemeye devam edin.

Novi Builder'ın Tarihi

Novi'yi dene

Geleneksel olarak, başlamadan önce, bu HTML görsel oluşturucunun geçmişine hızlıca bir göz atacağız. Novi Builder'ın ilk sürümü 3 yıl önce, 2016'da gerçekleşti. Uzun lafın kısası, Novi ekibi editörü 3 ana özelliği göz önünde bulundurarak tasarladı:

• kesinlikle yaratıcı dostu bir çalışma mekanizması,
• %100 sezgisel bir arayüz,
• ve tabii ki en yeni sürükle ve bırak teknolojisi.

Web sitesi düzenlemenin 2016'da nasıl göründüğünü hatırlıyor musunuz? Çoğunlukla sıkıcıydı ve yalnızca sahip olunması gereken özellikleri içeriyordu. Bununla birlikte, dijital ilerleme hiçbir zaman durmadı, bu nedenle çok sayıda modaya uygun seçenek ve şık web tasarım öğeleri kullanımdaydı. Bunu gören Novi Builder'ın yaratıcıları, tüm bunları editörün paketine eklemeye karar verdi. O günlerde mümkün olduğu kadar çok web tasarım trendi eklediler. Dijital pazara hakim olan bir şey varsa, o zaten Novi's paketinin içindeydi.

Öte yandan, yalnızca popüler özellikleri eklemek de yeterli değildi. Bu nedenle Novi ekibi araştırmaya devam etti. Tüm akıllı şirketlerin yaptığı gibi, potansiyel müşterilerin ihtiyaçlarını anlamak için hedef kitleyi incelemek istediler. Araştırma, insanların her şeyden önce rahatlık aradıklarını gösterdi.

Sonuç olarak, Novi Builder yakında çevrimiçi kullanıcıların şunları yapmasına izin verdi:

• tek bir kod satırına dokunmadan temiz ve iyi yapılandırılmış düzenler oluşturun,
• sürükle ve bırak teknolojisi ile çalışın,
• web sitesi oluşturma sürecini hızlandırmak,
• ve web sitesini farklı güzel görünen UI bileşenleriyle tasarlayın.

Günümüzde sürükle-bırak teknolojisiyle bir kullanıcıyı şaşırtmak zor olsa da, 2016'da bu gerçek bir mucizeydi. Ayrıca, o zamanlar sürükle ve bırak işlevi sağlayan tek kullanışlı içerik düzenleyicinin Elementor olduğunu unutmayın. Gerekli tüm özelliklerle birlikte geldi, ancak yalnızca WordPress tabanlı çevrimiçi projeler için yapıldı. Aynı zamanda, teknoloji uzmanı değilseniz HTML ile çalışmak hiçbir zaman en kolay şey olmamıştır.

Uzun ve detaylı araştırmaların ardından Novi Builder'ın kullandığı sürükle-bırak teknolojisi de geliştirildi. Sonuç olarak, insanlar sadece seçilen tasarım öğelerini sürükleyip editör penceresine bırakarak yeni çevrimiçi sayfalar oluşturabiliyor ve sitelerini düzenleyebiliyorlardı.

Seyircinin Novi Builder'a alışması sadece birkaç ayını aldı. Çok yakında popüler oldu. Söylemeye gerek yok, editör için birçok güncelleme yapıldı. Bir yıl sonra, yaratıcılar Novi Builder'ın ilk klasik sürümünü sergilediler. O zamandan beri çeşitli seçenekleri, web tasarım trendlerini ve birçok ek aracı içeren düzenli güncellemeler almaya devam etti.

Her şeyi özetlemek gerekirse, Novi Builder yalnızca web sitesi oluşturma sürecini hızlandırmakla kalmadı, aynı zamanda HTML ile çalışmak isteyen yeni başlayanlar için pek çok yeni olasılık getirdi. Bununla birlikte, insanlar nihayet web sitelerini sadece yapabilecekleri şekilde değil, istedikleri gibi tasarlayabildiler. Novi Builder yayınlanır yayınlanmaz, HTML site düzenlemesi stressiz bir şey haline geldi. Bu nedenle, HTML için en iyi web sitesi görsel oluşturucusu seçildi.

Günümüze Dönüş

Bugün Novi Builder, HTML için en iyi sürükle ve bırak düzenleyici olarak adlandırılıyor. Kısaca ifade etmek gerekirse, oluşturucu çalışma sürecini ilerletir ve her beceri seviyesinden kullanıcı için basitleştirir. Novi Builder ile çalışarak, önceden tasarlanmış çeşitli içerik bloklarını kullanarak hızla yeni çevrimiçi sayfalar tasarlayabilirsiniz.

Dahası, web sitesi içeriğini canlı olarak düzenlemenize de olanak tanır. Bu adım, yeni başlayanlar için çok önemlidir çünkü tasarımlarınızı oluştururken sık yapılan hatalardan bu şekilde kaçınabilirsiniz.

Düzenleyicinin nasıl çalıştığını görmek ister misiniz? Demosunu çalıştırarak Novi Builder ile çalışmayı deneyebilirsiniz. Düzenleyicinin ücretsiz bir demo sürümünü açmak için bağlantıyı takip etmeniz yeterli.

Novi Builder Hangi İş Modellerine Uygundur?

Novi Builder hakkında bilmeniz gereken bir diğer şey de B2B/B2C çevrimiçi platformu olmasıdır. Bu ne anlama geliyor? Görelim.

1. İşletmeden işletmeye anlamına gelen B2B . İnternette e-biz olarak da bilinir. B2B, farklı işletmeler arasında ürün, hizmet, öğe ve hatta bilgi alışverişidir. Novi Builder söz konusu olduğunda, B2B, farklı hizmetler sağlamak için kendi web sitesi şablonlarını kullanan kullanıcılarla bağlantılıdır. Sonuncusu çoğunlukla web tasarımı, web geliştirme, e-ticaret veya e-posta pazarlaması gibi iş nişleriyle ilgilidir.
2. İşletmeden müşteriye anlamına gelen B2C . Bu durumda bağlantı, bir şirket ile müşterileri arasında doğrudan yapılan işlemleri ifade eder. Burada müşteri, şirketin ürünlerini kullanan son kullanıcıdır. Novi Builder'dan bahsetmişken, B2C, web sitelerini halihazırda başlatmış olan son kullanıcılarla bağlantılıdır. Bu kullanıcılar istedikleri herhangi bir HTML şablonunu/şablonlarını satın alabilir ve mevcut web sitelerini içe aktarabilir. Novi Builder sayesinde site içeriğini kaybetmeden bu mümkün. Sürükle ve bırak teknolojisiyle düzenleyebilir ve önceden paketlenmiş çok sayıda özellik ile şekillendirebilirsiniz.

Gördüğünüz gibi, B2C modeli B2B modelinden önemli ölçüde farklıdır. Sonuncusu, B2C yalnızca yaklaşık 1 işletme olduğunda, 2 veya daha fazla işletme arasındaki ticaret bağlantısını ifade eder. Hangisini kullanacak olursanız olun, Novi Builder her iki iş modeli için de uygundur.

Novi Builder B2C Modeli için Hangi Araçlara Sahiptir?

Bu HTML görsel oluşturucu, B2C'de size nasıl yardımcı olacak? Tüm kaliteli araçların yaptığı gibi, Novi Builder da iş stratejisi göz önünde bulundurularak yapılmıştır. Sonuç olarak, editör çok sayıda son kullanıcı odaklı araçla birlikte gelir. Aşağıda çalışmak için en iyi 5 özelliği görebilirsiniz.

Sayfa Yönetimi

Her şeyden önce: Novi Builder, sahibine rahat bir Sayfa Yöneticisi sağlar. Bu özelliği kullanarak şunları yapabilirsiniz:

• sayfalar oluşturmak,
• sayfaları sil,
• sayfaları düzenle,
• ve ayarlarını yönetin.

Daha fazlasını söylemek gerekirse, tüm bunları tek bir tıklama ile yapabilirsiniz! Bu arada, Sayfa Yöneticisi ile çalışırken gerçekleştirebileceğiniz bazı ek işlemler vardır. Onlara nasıl ulaşırsınız? Peki, çalışacağınız sayfanın üst kısmında bulunan içerik menüsünü kullanmanız yeterlidir.

Ana Görevler İçin 3 Farklı Mod

Novi Builder'ı açar açmaz, farklı görevler için farklı modlar sağladığını göreceksiniz. Ana görevler için oluşturulmuş 3 mod vardır:

• Ön izleme,
• düzenleme,
• ve Tasarım.

Önizleme modu

Düzenlemenizin hızlı sonuçlarını görmenizi sağlar. Söylemeye gerek yok, önizleme herhangi bir çevrimiçi projenin önemli bir yönüdür. İlk web sitenizden bahsediyorsak daha da önemli hale geliyor. Tasarımınızı iki kez kontrol etmek ve ek değişiklikler gerektirip gerektirmediğini anlamak için bu seçenekleri kullanmanız yeterlidir.

Düzenleme modu

Bu, farklı içerik türlerini düzenlemenize yardımcı olan moddur. Liste aşağıdaki gibi şeyleri içerir:

• metinler,
• simgeler,
• düğmeler ve daha fazlası.

Tasarım Modu

Üçüncüsü, Tasarım Moduna sahipsiniz. Web sitesinin koduna erişim sağlar. Kaynakla çalışmak gerekli değildir, ancak kodlama becerilerinizi geliştirmek isterseniz, Tasarım Modu tam da doktorun emrettiği şeydir.

Novi'yi dene

Geliştirici Araçları

Beklendiği gibi Novi Builder, paketinde birçok geliştirici aracı içerir. Bununla, HTML, CSS ve JS editörü ile çalışırken yeni bir web sitesi oluşturma deneyimi elde edebileceksiniz. Açıkçası, kaynak kodunu istediğiniz gibi düzenleyebilirsiniz.

Tüm özellikler arasındaÖn Ayar Yöneticisi'ni vurgulamak istiyorum.Bu harika şey, düzenleme sürecini ilerletmenize yardımcı olacaktır. Uzun lafın kısası, yönetici elle yeni hazır ayarlar oluşturmanıza ve bunları kitaplığa kaydetmenize olanak tanır. Her şey ABC kadar basit. İşte yapmanız gerekenler:

• gerekli içerik öğesini seçin,
• çalışma alanında seçin,
• bağlam menüsünde bulunanÖn Ayar Olarak Kaydetdüğmesine tıklayarak kaydedin.

Artık yeni çevrimiçi sayfalar oluşturmanız gerekeceği anda yeni hazır ayarları kullanabilirsiniz. Diğer UI bileşenlerinde yaptığınız gibi hazır ayarı editör penceresine sürükleyip bırakmanız yeterlidir.

Anında Yayınlama

Başlamak için, bir web sitesi işletmek isteyen herkes, başarıya ulaşmak için çevrimiçi projenizi her zaman güncel tutmanız gerektiğini bilir. Bu yüzden anında yayınlama özelliğine ihtiyacınız olacak.

Aşağıdaki ekran görüntüsünden de görebileceğiniz gibi, sağ üst köşede açık mavi birSiteyi Yayınladüğmesi var. Düğmeye basarak, siteyi doğrudan sunucuda yayınlayacaksınız. Ayrıca, oradaYayın YoluveYapılandırmaseçeneklerini de göreceksiniz.

Daha fazla özellik

Bu noktayı bitirmek için, size Novi Builder'ı indirir indirmez kesinlikle arayacağınız bazı temel özellikleri göstermek istiyorum.

Çözünürlüğü Değiştirseçeneği, web sitesi sahibinin çalışma alanı boyutunu değiştirmesine olanak tanır.

Web sitesinin veya sayfalarının ayarlarına erişmek istiyorsanızAyarlar'abasın.

Şablon İndir butonuna tıklayarak sitenin temasını indirebilirsiniz. Bu adım, müşterilerine sitelerini sağlaması veya bu projeleri başka cihazlarda test etmesi gereken geliştiriciler için olmazsa olmazdır.

Yeni Üyelik

İşte kesinlikle dikkat etmeniz gereken bir nokta daha! Novi Builder ile çalışmaya başlamak ister misiniz? Mesele şu ki, editörü kullanmaya başlamak için bir Novi Üyeliği satın almanız gerekecek.

Üyeliğe hangi bileşenler dahil edilecek? İşte buradalar.

1. Öncelikle, Novi Builder'ı alacaksınız.
2. İkinci olarak, farklı iş alanları için profesyonelce tasarlanmış ve önceden paketlenmiş bazı kaliteli HTML şablonları alacaksınız.
3. Üçüncüsü, sahip olunması gereken bazı eklentiler de alacaksınız. Örneğin, sosyal medya eklentileri, iletişim formu eklentisi, kaydırıcılar, geri sayım, Google Haritalar ve çok daha fazlası gibi araçlar var!

Kısaca ifade etmek gerekirse, bir Novi Üyeliği satın alarak mevcut tüm şablonlara, eklentilere, varlıklara ve web tasarım öğelerine erişebileceksiniz. Ayrıca, gelecekte Novi ekibi tarafından oluşturulacak öğelere otomatik olarak erişebilirsiniz. Şüphesiz, web tasarımcıları ve geliştiricileri için olmazsa olmazlardandır.

3 farklı üyelik seçeneği bulunmaktadır. Her zaman olduğu gibi, seçiminiz ihtiyaçlarınıza bağlıdır.

1. Başlangıç ​​üyeliği size yılda 29 dolara mal olacak.
2. Gelişmiş üyelik size yılda 49 dolara mal olacak.
3. Geliştirici üyeliği size yılda 149 ABD dolarına mal olacaktır.

Her paketin hangi seçenekleri içerdiğini öğrenmek için aşağıdaki ekrana göz atın.

Novi'yi dene

Bildiğiniz gibi, birçok popüler web sitesi oluşturucuyu (örneğin, WordPress için Elementor Sayfa Oluşturucu) ücretsiz olarak indirebilirsiniz. Novi Builder'a gelince, düzenleyiciyi kullanmak için en az 29$'lık planı satın almanız gerekecek. Novi Builder ile çalışmanın en büyük dezavantajı bu gibi görünüyor. Ancak, rahat ve kullanıcı dostu bir web sitesi oluşturma süreci söz konusu olduğunda, 29$ çok da önemli değil, değil mi?

Bu arada, tüm işlemler güvenlidir. Seçim yapabileceğiniz ödeme seçenekleri şunlardır:

Ayrıca Novi Builder aboneliğinizi dilediğiniz zaman iptal edebilirsiniz. Bu hızlı ve basit bir işlemdir.

Şimdi, tüm ana ayrıntılara aşina olduğunuza göre, Novi Builder'a daha yakından bakmanın zamanı geldi. Editörün arayüzü ile başlayalım.

Sahip olduğunuz en iyi 5 ücretsiz web sitesi oluşturucu yazılım seçeneğini okumak için bu bağlantıyı kullanın.

Novi Arayüzü

Yeni başlayanlar için, Novi arayüzünü açtığınızda gördükleriniz:

• Ana panel
• Novi modları değiştirici
• Sayfa Yöneticisi
• Ana menü
• Görsel Düzenleyici alanı
• Geliştiricinin araç çubuğu

Sayfalarla çalışırken seçenekleriniz şunlardır:

1. Sayfa yöneticisi tetikleyicisi
2. Sayfa Arama filtresi
3. sayfa ekleme
4. Mevcut sayfalar listesi

Ve işte geliştiricinin araç çubuğunda göreceğiniz şey:

1. Geliştirici araçları alanı
2. HTML kod düzenleyici
3. CSS kod düzenleyici
4. JS kod düzenleyici
5. Ön ayar yöneticisi
6. Eklenti yöneticisi

Sistem Gereksinimleri Nelerdir?

Kuruluma geçmeden önce, sisteminizin gerekli gereksinimleri karşılayıp karşılamadığını kontrol edelim. Novi Builder ile rahat bir şekilde çalışmak için ihtiyacınız olan şeyler:

• Tarayıcı : Chrome 50+ veya Safari 10+;
• 4GB RAM veya daha fazlası;
• min. 1024 x 768 çözünürlük;
• Minimum saat hızı 1 GHz olan CPU ;
• klavye ve fare,
• ve ağ bağlantınızın minimum hızı 1 Mbps olmalıdır.

Novi Builder Nasıl Kurulur?

Her zaman olduğu gibi, oluşturucunun yaratıcıları kurulumun hızlı ve kolay olacağına söz verdiler. Ancak 2019'da çevrimiçi kullanıcılar uzun kılavuzlara ve bitmeyen gereksinimlere alıştı. Bu nedenle, Novi Builder'ı nasıl kurabileceğinizi görelim.

Novi Builder'ı yerel bir sunucuya kurmak içinrehberimi takip edin.

1. İlk olarak, yerel sunucuyu başlatmak için yazılımı (örneğin, WAMP, XAMP veya MAMP) indirmeniz gerekecektir.
2. İkinci olarak, web sunucusu gereksinimlerinizi kontrol etmeniz ve sunucuyu bunlara göre kurmanız gerekecektir.
3. Üçüncüsü, sıkıştırılmış Novi Builder ile arşivi açmanız gerekecek. Bunu tamamladıktan sonra, içeriği sunucu dizinlerinizden birine yerleştirin. Diskinizin/mamp/www/novi/ adı gibi görünecektir.
4. Son olarak, oluşturucuyu başlatmanız gerekecek. İlgili bağlantı olacaktır. Sadece üzerine tıklayın.

Novi Builder'ı uzak bir sunucuya yüklemek içinsonraki adımları izleyin.

1. Her şeyden önce, editörü uzak bir sunucuya kurmak için web sunucusu gereksinimlerini de kontrol etmeniz gerekecektir. Evet, yine de bu adımdan kaçınamazsınız.
2. Gereksinimleri tamamladığınızda, FTP ile çalışmaya izin veren yazılımı indirin. Bugün en popüler olanlar Total Commander 7+ ve FileZilla'dır.
3. Ardından, indirilen yazılımı yükleyin.
4. Şimdi Novi Builder arşivini açmanız ve oluşturucuyu barındırma sunucunuza yüklemeniz gerekecek. Aşağıda size örnek olarak Total Commander'ı kullanarak bu adımı göstereceğim.
5. Değişiklikleri kaydedin.

Total Commanderyardımıyla Novi Builder'ı barındırma sunucunuza nasıl yükleyeceğiniz aşağıda açıklanmıştır.

Sunucunuzla bağlantı kurmak için yapmanız gerekenler:

• NET sekmesine gidin ve ardından FTP bağlanın,
• Yeni Bağlantı düğmesine tıklayın,
• barındırma sağlayıcısı verilerini belirtmek için ilgili alanları doldurun.

Alan şöyle olacaktır:

• Oturum – buraya bağlantınızın adını yazmalısınız; (istediğiniz herhangi bir isim uygun olacaktır)
• Barındırma Adı – buraya kullanıcı adınızı ve şifrenizi girin.

Ardından, Tamam düğmesine basın.

Gerekli dosyaları sunucuya yüklemek içinşu adımları izleyin:

• NET sekmesine gidin ve ardından FTP bağlanın,
• daha önce oluşturduğunuz kullanıcı adını seçin (Oturum alanına ihtiyacınız olacak)
• Bağlan'a basın,
• Novi Builder arşivinizin içeriğini kopyalayın,
• kullandığınız varsayılan alan adının kök dizinine gidin,
• oluşturucu arşivinin kopyaladığınız içeriğini yapıştırın, işte bu kadar!

Novi Builder ve Yetkilendirme

0.9.0 sürümünden de bildiğiniz gibi, Novi Builder parola korumasını tam olarak desteklemektedir. Bu nedenle Novi arayüzünü açmak için bir şifre girmeniz gerekecektir. Varsayılan olarak 'Novi'dir. Açıkçası, web sitesi oluşturmayı daha güvenli hale getirmek için değiştirmelisiniz.

İşte oraya nasıl gideceğiniz.

1. Güvenlik ayarları anahtarı.
2. Burada varsayılan şifreyi girmeniz gerekecek.
3. Kullanıcı yetkilendirmesini etkinleştirmek veya devre dışı bırakmak için bu seçeneği kullanın. Unutmayın, yeni değişiklikleri uygulamak için geçişe girmeniz gerekecek.
4. Demo modunu etkinleştirmek veya devre dışı bırakmak için bu seçeneği kullanın.
5. Yeni şifrenizi girmeniz gereken yer burasıdır.

pass yoluyla oturum açmayı devre dışı bırakmak için şu adımları izleyin:

• Novi Builder'ın ana menüsüne gidin,
• Güvenlik Ayarlarını açın,
• mevcut şifrenizi girin,
• Şifre Yetkilendirmeyi Etkinleştir seçeneğini bulun ve devre dışı bırakın,
• gerçekleştirilen değişiklikleri kaydedin.

Parolayı değiştirmek içinşu adımları izleyin:

• Novi Builder'ın ana menüsüne gidin,
• Güvenlik Ayarlarını açın,
• Şifre Değiştir sekmesine gidin,
• geçerli geçişinizi girin,
• yeni geçişinizi girin,
• gerçekleştirilen değişiklikleri kaydedin.

Parolayı sıfırlamak içinşu adımları izleyin:

• builder/php/session.php adresine gidin,
• satıra şunu yazın: '$currentPassword = “password”.'

Son olarak, Novi Builder ile çalışırken şunları unutmayın :

• demo modu açıkken yetki vermeniz gerekmez,
• devre dışı bırakıldığında yetkilendirmeyi geçmeniz gerekmez,
• varsayılan geçiş yerine yeni geçiş oluşturarak güvenlik risklerini azaltırsınız.

Novi Builder Paketinde Hangi Eklentileri Bulacaksınız?

Eklentilerin neden herhangi bir web sitesi oluşturma aracının hayati yönlerinden biri olduğunu açıklamaya gerek yok. Halihazırda yüksek kaliteli bir web sitesi şablonunuz varsa, kesinlikle onun varlıklarıyla çalışabilirsiniz. Bununla birlikte, içerik oluşturucunuzla bazı temel eklentileri edinmek de harika bir fikir gibi geliyor. Peki, Novi Builder ile hangi eklentilere sahip olacaksınız?

Ortalama olarak, editör 20 eklenti ile birlikte gelir. İşte buradalar.

1 Numaralı Arka Plan Görüntüsü Eklentisi

Uzun lafın kısası, bu eklenti öğenin arka plan görüntüsünü değiştirmenize olanak tanır. Diğer tüm Novi eklentileri gibi, Background Image eklentisinin kullanımı da son derece kolaydır. Arka planı değiştirebilir ve ayarları bir aksamadan değiştirebilirsiniz.

Resminizi bir arka plan olarak eklemek için, hedef resim üzerinde farenin sol düğmesine çift tıklamanız yeterlidir.

Medya galerinizin yetenekleri hakkında daha fazla bilgi edinmek için Medya Galerisi'ne gidin ve özellikler bölümünü açın. Ayrıca Novi Background Image eklentisi ile ilgili detaylı dökümanı okumak için bu linki takip edebilirsiniz.

#2 Arka Plan Eklentisi

Bu Novi eklentisi, bir öğenin arka plan rengini değiştirmenize olanak tanır. Bu önemli bir araçtır çünkü farklı renk düzenleri web sitenizi kolayca etkileyebilir.

Simgenin renginin daha önce seçtiğiniz tona bağlı olduğunu unutmayın.

Novi Background eklentisi ile ilgili ayrıntılı belgeleri okumak için bu bağlantıyı takip edin.

#3 Resim Eklentisi

Bu Novi Builder eklentisi, görüntüleri değiştirmenize olanak tanır. Resminizi eklemek için, hedef resim üzerinde farenin sol düğmesine çift tıklayın.

Eklentinin olanakları hakkında daha fazla bilgi edinmek için Medya Galerisi'ne gidin ve özellikler bölümünü açın. Ayrıca Novi Image eklentisi ile ilgili detaylı dökümanı da bu linkten okuyabilirsiniz.

#4 Iframe Eklentisi

Bu eklenti, içeriğinizin bir çerçeve içinde görüntüleneceği kaynağı seçmenize olanak tanır.

Daha fazlasını okumak için Iframe eklentisinin ayrıntılı belgelerini açın.

#5 Bağlantı Eklentisi

Varlığın adından da anlaşılacağı gibi, bu öğe bağlantıyı değiştirmenize olanak tanır.

Link eklentisi ile çalışırken şunları unutmayın:

• querySelector (varsayılan olarak “a[href]” olarak ayarlanmıştır) – eklenti tarafından işlenen öğeyi tanımlamanıza olanak tanır;
• ApplyToProjectElements (varsayılan olarak etkindir) – eklentinin ayarlarını kaydederken projedeki tüm bağlantıların (ön ayarlar ve tüm sayfalar dahil) değiştirilmesini etkinleştirmeye/devre dışı bırakmaya izin verir;
• favori Bağlantılar – favori proje bağlantılarını yapılandırmanıza izin verir.

Eklenti yönetimi alanına hızlıca bir göz atalım. İşte Link eklentisi ile çalışırken bilmeniz gerekenler. Bağlantı Türü, eklemek için bir bağlantı türü seçmenizi sağlar. Aralarından seçim yapabileceğiniz 3 bağlantı türü vardır:

• Sayfalar – tüm proje sayfalarının mevcut olacağı,
• Favoriler – eklenti ayarlarında belirtilen tüm bağlantıların görüntüleneceği yer,
• Özel – özel bir bağlantı ayarlayabileceğiniz yer.

Ayrıca, varsayılan olarak Özel sekmesinin açılacağını da eklemeliyim. Tek istisna, seçilen bir öğedeki bağlantınızın sayfalardan birine veya favori bağlantıya karşılık geldiği durumdur.

Daha fazlasını okumak için, Link eklentisinin ayrıntılı belgelerine bakın.

#6 Malzeme Paralaks Eklentisi

Başlamak için Paralaks kaydırma hakkında birkaç söz söyleyelim. Efekt başlangıçta video oyunlarında kullanılmak üzere yaratılmış olsa da, Parallax hala web tasarım trendlerinin zirvesinde. Dikkat çekici bir derinlik ve hareket yanılsaması yaratır. Sonuç olarak, ziyaretçileri web sitenizin içeriğinde güzel ve etkileşimli bir şekilde yönlendirebilirsiniz.

Bu Novi Builder eklentisi, Material Parallax betiğiyle çalışır. Paralaks için kullanılacak kaynak görüntüleri değiştirmenize olanak sağlar. Karmaşık bir şey olmayacak. Görsel düzenleme araçları ile kolayca yapabilirsiniz. Kodlama gerekmez!

Resim Yükleme alanında göreceğiniz şey şu şekildedir:

• Dosya Seç – gerekli görüntüyü seçmek için bu düğmeye basın.
• Arka Plan Resmi Yükle – seçtiğiniz resmi yüklemek için bu düğmeye basın.

#7 Etiket Eklentisi

Bu Novi Builder eklentisi, form alanının etiketini değiştirmenize izin vermek için yapılmıştır.

#8 Geri Sayım Eklentisi

Bildiğiniz gibi, geri sayım sayacı bu günlerde en kullanışlı web tasarım trendleri arasında yer alıyor. Bu küçük ama akıllı öğe, birçok şeyi minimalist bir şekilde sergilemenizi sağlar. Aslında bugün için önemli bilgileri sergilemenin en rahat yolu bu ve nedeni de bu.

İnsan beyni garip ve karmaşık bir mekanizmadır. Görsel öğeleri diğer bilgi türlerinden daha hızlı tanır. Bu yüzden sayaçlar olmazsa olmazınızdır. Daha fazlasını söylemek gerekirse, beynimiz görsel bilgileri daha uzun süre hatırlar. Sayaçların yardımıyla tamamladığınız tüm projeleri tanıtabilir, kaç tane mutlu müşteriniz veya başarılı fikriniz olduğunu gösterebilir ve çok daha fazlasını yapabilirsiniz.

Dolayısıyla, geri sayım sayaçları söz konusu olduğunda, gerekli bilgileri veya olayı vurgulamanıza olanak tanır. Örneğin, bir müşterinin bir indirimin başlangıcına veya özel bir teklifin sonuna kadar kaç saati kaldığını göstermek için zamanlayıcıyı kullanabilirsiniz.

#9 Google Harita Eklentisi

2019'da herhangi bir web sitesinde görebilseniz de, haritalar eklentisine sahip olmak hala güzel bir şey. Modern beklentiler rahatlığa alıştı, bu yüzden sizden çevrimiçi haritalar sağlamanızı bekliyorlar. Ayrıca, çevrimiçi projeniz için Google haritalarını kullanarak projenizi daha da müşteri dostu hale getirirsiniz. Sonuç olarak, insanlar ofisinizin nerede olduğunu görebilir ve oraya giden en kısa yolu seçebilir.

Novi Builder, harita ayarlarını görsel olarak değiştirmenize olanak tanıyan Google Haritalar eklentisiyle birlikte gelir.

Harita ayarları panelinde görebilecekleriniz şunlardır:

• Google Haritalar JavaScript API'sini kullanmak üzere API anahtarını ayarlamak için API Anahtarı alanını kullanın;
• Harita merkezinin koordinatlarını ayarlamak için Harita Merkezi alanı;
• Yakınlaştırma seviyesini tanımlamak için yakınlaştırma alanı;
• Harita stilini seçmek için stil seçme seçeneği;
• İşaretleyici Simgesi ve Etkin İşaretleyici Simgesi, varsayılan ve etkin durumlar için işaretçiyi ayarlamak üzere seçenekleri belirleyin.

Harita pimleri ayarları panelinde görebileceğiniz şeyler şunlardır:

• İşaretçi Konumu alanı, işaretçi konumunu ayarlamanıza yardımcı olacaktır;
• işaretçi açıklamasını belirtmek için İşaretçi Açıklaması alanını kullanın; aktif durumda gösterilecektir;
• İşaretçi Konumunu eklemek için İşaretçi Ekle düğmesini ve yeni işaretçiyi eklemek için İşaretleyici Açıklama grubunu kullanın.

#10 Simge Eklentisi

Bu Novi Builder eklentisi, web sitesinde kullandığınız simgeleri değiştirmenize yardımcı olacaktır.

Yapıştırmak üzere simgeyi seçmek için farenin sol tuşuyla öğeye çift tıklayın.

#11 Baykuş Atlıkarınca Eklentisi

2019'da bile, atlıkarıncalar hala moda. Novi Builder, tek bir kod satırına dokunmadan döngüleri yapılandırmanıza izin veren Owl Carousel eklentisiyle birlikte gelir.

Karusel ayarları panelinin içinde görebilecekleriniz şunlardır:

1. Görünür Öğeler alanı, gösterilecek öğe sayısını tanımlamanıza yardımcı olur. Özelliği kullanarak, görünen öğelerin sayısının ekran boyutuna bağlı olarak değişmesini sağlayabilirsiniz.
2. Öğeler Arasında Girinti Yap alanı, carousel öğeleri arasındaki boşlukları ayarlamanıza yardımcı olur. Özelliği kullanarak, öğeler arasındaki mesafenin ekran boyutuna göre değişmesini sağlayabilirsiniz.
3. Döngü Değiştiriciyi Etkinleştir, dönen döngüyü etkinleştirmenize veya devre dışı bırakmanıza yardımcı olur. Bu arada, önizleme modunda yapabilirsiniz.
4. Carousel Autoplay Switcher, carousel otomatik oynatmayı etkinleştirmenize veya devre dışı bırakmanıza yardımcı olacaktır. Ayrıca önizleme modu ile birlikte gelir.
5. Döngü Otomatik Oynatma Gecikmesi alanı, kayan gecikmeyi ayarlamanıza yardımcı olur.

#12 Kampanya İzleme Eklentisi

Bu Novi Builder eklentisi, formu Campaign Monitor hizmetiyle çalışacak şekilde yapılandırmanıza yardımcı olacaktır.

Form Yapılandırma alanında görebileceğiniz şeyler:

• Kampanya İzleme Kayıt URL'si alanı, formun eylemini tanımlar;
• Kampanya İzleme Giriş Adı alanı, giriş alanının ad özniteliğinin değerini tanımlar.

#13 MailChimp Eklentisi

Söylemeye gerek yok, haber bülteni aboneliği hala herhangi bir çevrimiçi proje için olmazsa olmazlardan biridir. Neden? Çünkü bu şekilde web sitesinin hedef kitlesini hızlı bir şekilde genişletebilir ve bütçeniz tükenmeden insanların ilgisini çekebilirsiniz.

Dolayısıyla, bu Novi Builder eklentisi, çalışmayı MailChimp hizmetiyle yapılandırmanıza olanak tanır.

#14 RD Posta Formu Eklentisi

Önceki araçla aynı olan bu Novi Builder eklentisi, görsel düzenlemeyi kullanarak RD Mailform ile çalışmanıza olanak tanır.

#15 RD Instagram Akışı ve #16 RD Twitter Akışı Eklentileri

Bu Novi Builder eklentileri, sosyal medya etkinliğini artırmak için yapılmıştır. Biraz sosyal trafik alacaksanız, bu varlıkları kaçırmayın. Her iki eklentinin de kullanımı kolaydır ve görsel düzenleme araçlarıyla Instagram ve Twitter akışlarını ayarlamanıza olanak tanır.

#17 Kamera Kaydırıcı Eklentisi

Bu, Novi Builder'ın size sağladığı bir başka olmazsa olmaz eklentidir. Varlık, kamera kaydırıcısını zahmetsizce yapılandırmanıza olanak tanır.

#18 Swiper Kaydırıcı Eklentisi

Bu Novi Builder eklentisi, Swiper Slider'ı zevkinize göre ayarlamanıza olanak tanır.

Resim Yükleme alanındagörebilecekleriniz şunlardır:

• Dosya düğmesinin seçilmesi, bir görüntü seçmenize yardımcı olacaktır;
• Arka Plan Resmi Yükle düğmesi, seçilen resmi yüklemenizi sağlar.

Görüntü Seçimi alanındagörebilecekleriniz şunlardır:

• Bir resim eklemek için, hedef resim üzerinde farenin sol düğmesine çift tıklamanız gerekecektir.

Görüntü Kırpma alanındagörebilecekleriniz şunlardır:

• Orijinal görüntünün en boy oranını korumak için Orijinal En Boy Oranını Koru ayarını kullanın.

#19 Video Eklentisi

Görsel vitrininizi ayarlamak için bu Novi Builder eklentisini kullanın.

#20 Işık Galerisi Eklentisi

Light Gallery'yi görsel araçları kullanarak kurmak için bu Novi Builder eklentisini kullanın.

Galeri Ayarları alanında görebileceğiniz şeyler şunlardır:

• Galeri Slayt Animasyonu, galeri öğeleri geçişinin animasyonunu ayarlamanıza olanak tanır;
• Küçük resim değiştirici, galeri öğelerinin önizleme gösterimini etkinleştirmenize veya devre dışı bırakmanıza yardımcı olur;
• Döngü değiştirici, galeri öğelerinin döngüsünü etkinleştirmenize veya devre dışı bırakmanıza yardımcı olur;
• Otomatik oynatma değiştirici, galeri öğelerinin otomatik oynatmasını etkinleştirmenize veya devre dışı bırakmanıza yardımcı olur;
• Galeri Otomatik Yürütme Gecikmesi alanı, öğe gecikme süresini yapılandırmanıza olanak tanır.

Novi Builder ile birlikte gelen tüm eklentiler bunlardı. Her şeyi özetlemek gerekirse, işte elde ettiğiniz şey.

Novi Builder ile Çalışmanın Başlıca Olanakları

Artık Novi Builder'ın nasıl çalıştığını biliyorsunuz. Her şeyi özetlemek gerekirse, editörle çalışırken kolayca gerçekleştirebileceğiniz işlemler şunlardır. Böylece şunları yapabileceksiniz:

• web sitenizin içeriğini canlı modda düzenleyin;
• zaten satın aldıysanız, farklı HTML temalarını oluşturucuya aktarın;
• herhangi bir özelliği, seçeneği veya web tasarım bileşenini kopyalayın, ekleyin, değiştirin ve kaldırın;
• seçilen tema için önceden tasarlanmış öğeler olarak gelen çeşitli yeni içerik bloklarını kullanın;
• adlandırılmış öğeleri sadece birkaç tıklamayla kişisel zevkinize göre ayarlayın;
• çevrimiçi projenizin farklı bölümlerinde kullanılacak bazı videolar ve resimler koymak için kendi medya kitaplığınızı yönetin;
• metinleri düzenle,
• URL'leri düzenle,
• arka planlar ve degradeler, renkler ve resimler dahil tüm ayrıntıları oluşturun ve düzenleyin;
• okunabilir ve %100 göz dostu web yazı tipleriyle çalışın (yeni bir Google Yazı Tipleri koleksiyonu var)
• temanıza dahil olan simgelerle çalışın;
• gerekirse yeni simgeler yükleyin ve istediğiniz şekilde düzenleyin;
• CSS, HTML ve JS koduyla oynayacaksanız diye Novi IDE kod düzenleyicisiyle çalışmayı deneyin;
• web sitenizin tasarımına göz alıcı bir kaydırıcı ekleyin,
• etkileyici Paralaks efekti kullanın,
• iletişim formları oluşturmak,
• Google Haritalar'ı ekleyin,
• görsel içeriğinizi vb. geliştirmek için zarif dönenceler oluşturun.

Söylemeye gerek yok, bunlar sadece birkaç isimdi! Aslında Novi Builder, sitenizi zenginleştirmek için çok sayıda şaşırtıcı tasarım öğesiyle birlikte gelir.

Novi Kullanıcısı Olmak İsteyenlerin Soru-Cevapları

Şimdi, Novi Builder ile çalışmakla ilgili en popüler soruları yanıtlama zamanı.

Novi Builder farklı tarayıcıları destekliyor mu?

Evet öyle. Ayrıca, en popüler tarayıcılarda düzenli olarak test edilmektedir: Safari ve Google Chrome.

Novi Builder'ı ve şablonlarını farklı çevrimiçi projeler için kullanabilecek miyim?

Başlangıç ​​olarak, oluşturucuyu kullanarak sınırsız sayıda çeşitli web sitesi çalıştırabilirsiniz. Bu nedenle, evet, Novi Builder'ı farklı siteler için kesinlikle kullanabilirsiniz.

Birisi Novi Builder'ı üçüncü taraf sitelerden satın alabilir mi?

Temel olarak, Novi Builder'ı başka sitelerden satın almak mümkündür. Ancak, ücretsiz üyelik almayacağınızı unutmayın. Üçüncü taraf bir sitede satın alma işlemi gerçekleştirseniz bile bu mümkün olmayacaktır.

HTML tabanlı web sitemi Novi Builder'a aktarabilir miyim?

Yukarıda da belirttiğim gibi mevcut sitenizi içeriğini kaybetmeden Novi Builder'a aktarabilirsiniz.

Güncellemeleri nasıl alacağım?

Güncellemeler yayınlanır yayınlanmaz bunları otomatik olarak alacaksınız. Ayrıca, kişisel hesabınızın 'İndirilenler' bölümünden en yeni HTML şablonlarını indirebilirsiniz.

Para iadesi alabilecek miyim?

Evet, Novi Builder ile çalışarak tam para iadesi alabilirsiniz. Editörün üyelik planlarından herhangi biri için gelir. Satın alma tarihinden itibaren 30 gün içinde geri ödeme alabilirsiniz.

Novi Builder ile yapılmış şablonları satabilir miyim?

Evet yapabilirsin! Oluşturucu, tasarımcılar ve geliştiriciler için yapılmıştır. Sadece Geliştirici planını seçin. Size Novi Builder tarafından desteklenen şablonları oluşturma ve satma lisansı verir. Bunları herhangi bir üçüncü taraf pazar yerinde satabilirsiniz.

Tasarımı değiştirmeden web sitelerim için Novi Builder şablonunu kullanmak mümkün müdür?

Cevap Evet. Novi Builder temaları ile yapılmış birden fazla web sitesini yönetebilirsiniz ve istemediğiniz takdirde tasarımı değiştirmek zorunda kalmazsınız.

Son düşünceler

Her şeyi özetlemek gerekirse, Novi Builder'ın kullanıcılarına mükemmel ve tamamen özellikli HTML şablonları sağladığını söyleyebilirim. Önceden tasarlanmışlardır ve herhangi bir beceri düzeyindeki kişi tarafından kullanılabilirler. Ancak temalar tamamen düzenlenebilir ve açık kaynak koduyla birlikte gelir. Böylece, aboneliği alarak, farklı web sitesi şablonları, eklentileri ve diğer içerik öğelerinden oluşan zengin bir koleksiyona erişim elde edersiniz. Söylemeye gerek yok, daha fazla UI bileşeni geliyor. Novi Builder, otomatik olarak kurulacak düzenli güncellemeler alır. Bu, her zaman aralarından seçim yapabileceğiniz bazı modaya uygun özelliklere sahip olacağınız anlamına gelir.

Web tasarımı veya web geliştirme gibi iş nişlerine gelince, Novi Builder gerçekten görülmesi gereken bir yer! Düzenleyiciyi kullanarak müşterileriniz için kaç tane çevrimiçi proje çalıştırabileceğinizi hayal edin. Sonuç olarak, hiçbir sınır yoktur!

Son olarak, Novi Builder'ı varsayılan HTML Sayfa Oluşturucu ile karşılaştıralım.

What about your choice of website builder? Don't hesitate to leave a comment below.