Web sitenizi ücretsiz yapmak için 8 araç
Bazen bir bütçeyle web siteleri üretmek zorundayız ve üretmek istiyoruz. Bazen sadece eğlenmek için bazı siteler kurmak ve yaratmak isteyebileceğimiz de doğrudur, bu yüzden onlara bir ton para harcamak istemiyoruz.
Neyse ki, web'in geldiği yer burası. Sadece bir bütçeye değil ücretsiz olarak web siteleri oluşturmamıza ve oluşturmamıza izin veren pek çok büyük teknolojik gelişme var. Web tasarımından geliştirmeye kadar, 90'ların sonlarını anımsatan sadece şablon tabanlı siteler değil, PROFESYONEL web siteleri oluşturmamıza izin veren tüm ücretsiz hizmetler vardır.
Bugün, sitenizi oluşturmanıza yardımcı olacak en iyi 8 siteyi seçtik. Bu doğru, her şey web tabanlı ve ÜCRETSİZ.
Dizayn
Birçoğumuz için tasarımcılar, web sitesinin tasarımı ile başlayabiliriz. Nerede istediğimizi görselleştirmemize yardımcı oluyor ve bize her şeyin nasıl kurulacağı ve çalışacağı konusunda bir fikir veriyor. Şimdi birçok kez tasarımcılar bir düzen oluşturmak için Adobe Photoshop veya Adobe Fireworks gibi programları kullanacaklar. Aşağıda, denemeye değer olduğunu düşündüğüm üç fotoğraf düzenleme uygulaması var.
Aviary tarafından Phoenix
Geliştiriciler ne diyor:
“Temel görüntü rötuşundan karmaşık efektlere kadar, Phoenix bir masaüstü görüntü düzenleyicisinin temel özelliklerini web tabanlı bir uygulamanın basitliği ve erişilebilirliği ile sunar.”
Herkes ne diyor:
Phoenix'in bize sunma biçimi, görüntü manipülasyonları, ayarlamalar ve benzerleri için harika bir araçtır. Phoenix ile ilgili en iyi şey, Photoshop'ta tanıdık olan özelliklerin çoğuna sahip olmakla birlikte, çok daha basit. Gerekli olan her şey var ve Photoshop ya da Gimp gibi daha karmaşık yazılımlardan biraz daha sezgisel.
Eklenen bir artı: Phoenix, bir vektör tasarım uygulaması ve video efektleri uygulaması gibi diğer web tabanlı uygulamaların çokluğuna sahip olan Aviary tarafından yaratılmıştır. Dosyalarınızı Aviary'de kaydedebilirsiniz (kayıtlı bir kullanıcı olduğunuz sürece) ve uygulamaları arasında kolayca proje açabilirsiniz. Bu, vektör oluşturulmasını isteyen ve bunun dışında bir web sitesi düzeni yapmak isteyen herhangi bir tasarımcı veya illüstratör için mükemmeldir. Ayrıca, PSD dosyalarını içe aktarabilir ve çalıştırabilirsiniz.
Bu uygulamanın sakıncaları bir ton filtre değildir. Fotoğraflarda (kırpma, dönüştürme vb.) Basit değişiklikler yaparsanız, ancak daha karmaşık bir düzen veya tasarım oluşturmak için buradaysanız, farklı bir uygulama denemek isteyebilirsiniz. Ayrıca, Aviary, çalışmalarınızı Creative Commons lisansı kapsamında varsayılan olarak kaydeder, bu nedenle orada değişiklik yapmazsanız, işinizi her yerde paylaşırsınız. İsterseniz, işinizi Aviary ağı üzerinden görmeniz için yayınlayabilir.
Editör tarafından Pixlr.com
Geliştiriciler ne diyor:
“ Pixlr Editor, prefessional bir dokunuşla ücretsiz bir çevrimiçi fotoğraf editörüdür. Resimlerinizi düzeltin, ayarlayın ve filtreleyin… ”
Herkes ne diyor:
Pixlr Editör hemen hemen çevrimiçi Photoshop olarak kendini göstermektedir. Bu uygulama önceki gibi anlaması kolay değil, Phoenix. Bu Düzenleyici'de, bu programa özgü, çoğu görüntüyü düzenlemek ve rötuşlamak için birçok özellik ve filtre vardır. Fotoğraf rötuşları hakkında biraz bilginiz yoksa bazı Photoshop bilginiz yoksa bu uygulamayı sıfırdan kullanmak çok zor olacaktır.
Bu uygulamanın sofistike daha fazla görüntü ağır düzenleri ve karmaşık tasarımlar için izin verir. Resimlerinizin ve tasarımınızın görünümünü özelleştirmeye yardımcı olan birçok filtre ve ayar vardır. Birçok çevrimiçi uygulamadan çok daha karmaşık olduğundan, burada pek fazla geri çekilme yok, ancak bundan dolayı yapılabilecek çok daha fazla özelleştirme var. Maalesef PSD dosyalarını açamıyor ve düzenleyemiyorsunuz. Ancak, Pixlr Editor ile oluşturduğunuz dosyaları kaydetmek için bir hesabınızın olması gerekmez; bunları doğrudan sabit diskinize kaydedebilirsiniz.
Splashup
Geliştiriciler ne diyor:
“ Eskiden Fauxto olan Splashup, güçlü bir düzenleme aracı ve fotoğraf yöneticisidir. Profesyonellerin kullandığı özellikler ve yeni başlayanlar ile, kullanımı kolay, gerçek zamanlı olarak çalışıyor ve aynı anda birçok görüntüyü düzenlemenize izin veriyor. Splashup tüm tarayıcılarda çalışır, en iyi fotoğraf paylaşım sitelerine sorunsuz bir şekilde entegre olur ve hatta kendi dosya formatına sahiptir, böylece çalışmanızı devam ettirebilirsiniz. “
Herkes ne diyor:
Bu uygulama, Phoenix'in sadeliği ve Pixlr Editörünün karmaşıklığı arasında hoş bir karışım. Photoshop kopya cihaza yakın - ama tam olarak değil - bir uygulama gibi görünüyor. Aslında tüm araçlar ve düğmeler aynı olmadığından ve kafa karıştırıcı olabileceğinden, bunun sezgisel olmadığını söyleyebilirim. Ancak, bu tasarım yeteneklerinin gücünü değiştirmez.
Splashup ile bulduğum en büyük dezavantaj, Flash ile oluşturulmuş olmasıdır. Bu büyük bir anlaşma değil, ama büyük olasılıkla çok fazla bellek emebilir ve birçok hata ve aksaklıklardan geçebilir. Yine, diğer programlar olarak sezgisel ve kullanımı kolay bulamadım, temel olarak Flash uygulamasından ve bazı düğmelerdeki farktan dolayı.
Alt satır, yine de, Splashup bir web düzeni tasarlamak için tamamen yeteneklidir. Maalesef bu program PSD dosyalarını içe aktarmıyor, ancak dosyaları kaydetmek için bir hesabınızın olması da gerekmiyor. Onları sabit sürücünüzün yanı sıra bir dizi başka yere (Flickr, Photobucket, vb.) Kaydedebilirsiniz.
Sumo Boya
Geliştiriciler ne diyor:
“ Sumopaint çevrimiçi en çok yönlü resim ve fotoğraf manipülasyon uygulamasıdır. Şu anda 1 milyondan fazla aylık aktif kullanıcı ve canlı bir topluluk var. ”
Herkes ne diyor:
Diğer editörler gibi, Sumopaint fotoğraf manipülasyonu ve tasarım dünyasında oldukça iyi bir bıçak alır. Sumopaint hakkında sevdiğim şey, diğer çevrimiçi editörlerin çoğunda bulunmayan, Photoshop'ta bulduğunuz pek çok aracın, yani sihirli değnek ve özel şekil araçlarının entegrasyonu. Kurulum, daha sezgisel olan Photoshop'un önceki sürümlerine çok benzer.
Daha karmaşık özelliklerin, filtrelerin ve ayarların bir kısmı daha var, bu da tasarım karmaşık düzenleriyle çalışmayı gerçekten kolaylaştırıyor. Bu editör, Flash ile oluşturulmuştur, bu nedenle, gecikme ve bellek söz konusu olduğunda, bununla ilgili bazı sorunlar da olabilir. Ancak, Flash tabanlı editörlere katılıyorsanız, bu açık bir şekilde ikiden daha fazladır (SplashUp).
Bu uygulama, son derece çok yönlü kılan birkaç farklı dilde geliyor. Sumopaint, birbirlerinin çalışmalarını paylaşan, paylaşan, derecelendiren ve 'remix' yapan 4 milyondan fazla büyük bir tasarım topluluğuna sahiptir. Sumopaint, sunulan en iyi özelliklerden bazılarıyla birlikte (özellikle Photoshop'tan geliyorken) en kolay kullanım alanlarından biridir.
Kodlama
İstediğiniz iş akışına bağlı olarak, tasarımınızı ve kodunuzu aynı anda veya iki ayrı ve farklı aşamada yapabilirsiniz. İstediğiniz akış ne olursa olsun, web sitenizi bir noktada kodlamanız gerekir. Sevdiğimiz şeye bağlı olarak sitemizi kodlamak için kullandığımız birçok farklı indirilebilir program var, ancak web tasarımcıları için en iyi dört tanesini (HTML veya CSS'de süper akıcı olan geliştiriciler değil) bir araya getirdik.
Drawter
Geliştiriciler ne diyor:
“Drawter, JavaScript'te yazılmış ve jQuery kitaplığına dayanan bir araçtır. Web sitenizin kodunu tam anlamıyla çizme olanağı sağlar. Her bir web tarayıcısında çalışır ve bu da gerçekten yararlı ve yardımcı olur. Her etiket, çizdiğiniz bir katman olarak sunulur.
Şu anda Drawter Pro sürümünde mevcuttur, bu sadece web yöneticilerinin kullanımına yöneliktir - HTML ve CSS bilgisi gereklidir. Çekmece, şu an için ustalar için bir araç değildir, ancak projenin arkasındaki tüm ekip, “Amatör” adlı yeni bir versiyonu başlatmak için her türlü çabayı göstermektedir. Yakında web sitelerinizi HTML veya CSS bilgisi olmadan çekebileceksiniz. 2010'u başlatıyorum. ”
Herkes ne diyor:
Bir tasarımcı olarak, Drawter'a çizdiğim şey, her iki eksen boyunca piksel tabanlı cetvelle istenen düzeni gerçekte çizebilme kabiliyetiydi. Sizin için CLEAN kodunu üretir ve yapmanız gereken tek şey, oluşturduğunuz bölümlerinizin veya divlarınızın her birini adlandırmaktır. Web sitenizin nasıl görüneceğine dair gerçek bir fikir edinmenize yardımcı olması için div'larınızı CSS özellikleriyle arka plan renkleri ve resimler gibi özelleştirebilirsiniz. Ayrıca yazı tiplerini ve sınırlarını ve web sitenizi görsel olarak kavramsallaştırmanıza yardımcı olacak bir şeyle de oynayabilirsiniz.
Çekmecede ayrıca birçok farklı özellik bulunur ve HTML için form etiketleri, başlık etiketleri ve daha fazlasını eklemenizi sağlar. Bu, özellikle çok fazla iş ve dikkat gerektiren düzenleri olan, özellikle de işaretleme konusunda yetenekli olmasalar bizim için harika. Çekmece için bulduğum en büyük geri çekiliş sadece HTML4'tür. Bazıları bunu büyük bir anlaşma olarak görebilir, bazıları olmayabilir. Özellikle HTML5 ve CSS3'te kod yazmayı biliyorsanız, bu işe yarar şeylerden biri olduğuna inanıyorum.
YAML Builder
Geliştiriciler ne diyor:
“ YAML Builder YAML tabanlı CSS düzenlerini görsel olarak oluşturmak için bir araçtır. Alt sütunların sürüklenmesi ve bırakılmasıyla, içerik sütunlarının sayısı ve konumlandırması ve ızgara tabanlı düzenlerin dinamik oluşturulması gibi temel yerleşim özelliklerinin ayarlanmasını sağlar. Oldukça WYSIWYG değil, ama yakın!
Oluşturucu tarafından oluşturulan kod, “Basit Proje” şablonunun dosya yapısına dayanmaktadır, böylece tam bir sonuç, hiçbir şey değiştirmeden doğrudan kopyalanabilir ve yapıştırılabilir. Gerekli XHTML biçimlendirmesi, ekran düzeni ve Internet Explorer için yerleşime özgü ayarlamalar otomatik olarak oluşturulur. ”
Herkes ne diyor:
YAML Bulder tekrar bir web sitesinin CSS etrafında moreso başka bir şey daha dayanır. YAML hakkında çekici bulduğum şey, önceden sahip oldukları ön ayarlardı. İki sütun web siteniz, üç sütun web siteniz vb. Var. Kodunuzu ilk önce oluşturmak istiyorsanız bu harika, daha sonra tasarım uygulamalarından birine ve çiviye gidin. Web sitenizin görünümünde.
Ben sadece istediğini çizdiğin Çekmece olarak kullanmak için kolay ve sezgisel olarak bulamadım. Temel olarak YAML kendi şablonlarına sahiptir ve özellikleri bulmanız ve sonra her şeyi yazmanız gereken her şeyi ayarlayıp değiştirmeniz gerekir. Ayrıca görüntüleri yükleyip renkleri değiştirebileceğiniz ve form etiketleri ekleyebileceğiniz Çekmece kadar da geniş değildir. Bu, daha sonra görüntüleri özelleştirmenin yanı sıra resimlerinizi takıp çektirebileceğiniz bir çerçeve oluşturmaya kadar biraz daha sıkıdır. Bunu kodlamaya, daha az ve görünüşe biraz daha odaklı buldum.
Yine, bu editör şu anda HTML5'i desteklemiyor.
jsFiddle
Geliştiriciler ne diyor:
“ JsFiddle web geliştiricileri için bir oyun alanı, birçok şekilde kullanılabilecek bir araç. Biri, HTML, CSS ve JavaScript'ten snippet'ler oluşturmak için çevrimiçi bir düzenleyici olarak kullanabilir. Kod daha sonra başkalarıyla paylaşılabilir, bir bloga gömülebilir, vb. Bu yaklaşımı kullanarak, JavaScript geliştiricileri hataları kolayca izleyebilir. Aktif olarak geliştirilen tüm çerçeveleri desteklemeyi hedefliyoruz - test uyumluluğuna yardımcı oluyor ”
Herkes ne diyor:
Bu kesinlikle geliştiriciler için bir uygulama ve orada uzmanları işaretleyin. JsFiddle'ı seçtim çünkü mooTools ve jQuery gibi farklı JavaScript kütüphaneleriyle çalışmanıza izin veriyor. Ayrıca, JavaScript'inizi ayıklamanıza ve bitmiş ürününüzün görünümünü önizlemenize de olanak tanır.
jsFiddle diğer biçimlendirme editörleri gibi değil çünkü her şeyi burada sıfırdan kodlamanız gerekiyor. Tabii ki bu harika bir şey olabilir çünkü yaptıklarınız üzerinde daha fazla kontrole sahip olursunuz, özellikle de tam olarak ne yapmak istediğinizi biliyorsanız. Çoğu geliştirici, jsFiddle'ı tüm sayfaları kodlamak için kullanmaz, ancak bunları JavaScript'in parçalarıyla sorunları ayıklamak ve çözmek için kullanırlar. Bununla birlikte, jsFiddle, tüm web sitesi tasarımlarınızda size yardımcı olma yeteneğinden daha fazladır.
Kodingen
Geliştiriciler ne diyor:
“Kodingen, geliştiriciler topluluğuna bir şeyler vermek için bir araya gelen iki erkek kardeşle (Devrim & Sinan) başladı.”
Herkes ne diyor:
Kodingen'e hemen çizilen şey, görüntülenen topluluk duygusuydu. Bulut tabanlı bir web editörü gibi hissetmek yerine, gerçekten açık bir sosyal ağ gibi hissettim. Kodingen'in amacı, web siteleri oluşturmak, geliştirmek, barındırmak ve güncellemek istediğimizde katlanmak zorunda olduğumuz tüy miktarını azaltmaktır. Genel olarak, her adım için farklı web sitelerine gitmeliyiz, ancak Kodingen bunu tek noktadan bir dükkan haline getiriyor.
Kayıt olduğunuzda, çok mütevazı bir hosting hesabı (500 MB ve 1GB bant genişliği) elde edersiniz, ancak yine de bu konuda sevdiğim topluluk duygusu oldu. Desteklenen birçok kodlama dili vardır ve bazı yardım almak veya projelere katılmak için topluluktaki farklı üyelerle bağlantı kurmak ücretsizdir. Bu, tasarımdan geliştirmeden daha güçlü olan ve web sitemizi olması gereken yere götürmek için her seferinde biraz yardım alabilenler için harikadır.
Buradaki en büyük şey sadece bu Beta. URL'nizi ve dosyalarınızı katılmadan önce sizi uyarırlar ve bir sonraki gün ortadan kaybolabilirler, bu yüzden bu oyunu oynamak ve hızlı işbirlikleri için gerçekten tavsiye ederler. Ancak, eğer bu hiç resmi bir sürüm haline gelseydi, web tasarım ve geliştirme ile ilgilenen herkesin bu trene binmesi gerektiğini düşünüyorum. Kodingen, her şeyin bir arada bir araya getirilmesidir - her şeyin birlikte çalışmasını sağlamak için sitelerin etrafında zıplaması yoktur, her şey tek bir noktada, diğer insanlara yardım etme seçeneği ile. Kodingen'in yanlış gidebileceği konusunda emin değilim.
Sonuç
Web tasarımcıları ve geliştiricileri olarak, en iyi kaliteyi üretmek için en iyi kaliteyi kullanmak istiyoruz ve neyse ki bunu bir bütçeyle yapmanın yolları var. Araştırmanızı yapmaya ve daha iyi web siteleri oluşturmanıza yardımcı olacak araçları bulmaya devam edin. Bunlar, bütçeye katkıda bulunan üst düzey web tabanlı uygulamalardan ve web sitelerinden sadece birkaçıdır.
Kullanmak istediğiniz SEÇİMDEN başka hangi uygulamaları ve programları bıraktık?