8 Nástroje, aby vaše webové stránky zdarma
Je pravda, že někdy musíme a chceme vyrábět webové stránky s rozpočtem. Je také pravda, že někdy možná budeme chtít dát jen pár míst na zábavu, takže nechceme na ně vynakládat spoustu peněz.
Naštěstí to je místo, kde web přichází. Existuje tolik skvělých technologických pokroků, které nám umožňují vytvářet a vytvářet webové stránky, nejen rozpočet, ale zdarma. Od návrhu webových stránek až po vývoj, jsou zde všechny služby zdarma, které nám umožňují vytvářet webové stránky PROFESSIONAL, nejen stránky založené na šablonách, které připomínají koncem 90. let.
Dnes jsme si vybrali 8 nejlepších stránek, které vám pomohou vytvořit vaše stránky - to je správné - vše je založeno na webu a ZDARMA.
Návrh
Pro mnoho z nás, kteří jsou návrháři, můžeme začít s návrhem webových stránek. Pomáhá nám představit si, co chceme, a dává nám představu o tom, jak bude vše fungovat. Nyní mnohokrát návrháři použijí programy jako Adobe Photoshop nebo Adobe Fireworks k vytvoření rozvržení. Níže jsou tři aplikace pro úpravu fotografií, které podle mého názoru stojí za vyzkoušení.
Phoenix od Voliéra
Co vývojáři říkají:
"Od základního retušování obrazů až po složité efekty poskytuje společnost Phoenix klíčové funkce editoru obrázků pro stolní počítače s jednoduchostí a dostupností webové aplikace."
Co říkají všichni:
Způsob, jakým je Phoenix prezentován, je jako nástroj, který je skvělý pro manipulaci s obrázky a úpravy a podobně. Skvělá věc o Phoenixu je, že má mnoho funkcí, které jsou ve Photoshopu známé, ale jsou mnohem jednodušší. Vše, co je nezbytné, je tam a je trochu intuitivnější než složitější software jako Photoshop nebo dokonce Gimp.
Přidaný plus: Phoenix je vytvořen společností Aviary, která má spoustu dalších webových aplikací, jako je vektorová aplikace a aplikace pro efekty videa. Můžete si uložit soubory na Aviary (pokud jste registrovaným uživatelem) a můžete snadno otevřít projekty mezi aplikacemi. To je skvělé pro každého návrháře nebo ilustrátora, který chce vzít jejich vektorovou tvorbu a rozvrhnout stránky z toho. Můžete také importovat a pracovat se soubory PSD.
Nevýhody této aplikace jsou, že není žádná tuna filtrů. Nezáleží na tom, pokud provádíte pouze základní úpravy fotografií (oříznutí, transformace atd.), Ale pokud jste zde, abyste vytvořili složitější rozvržení nebo design, můžete zkusit jinou aplikaci. Aviary také ve výchozím nastavení uloží vaši práci pod licencí Creative Commons, takže pokud nebudete tam dělat změny, budete sdílet svou práci všude. Může také publikovat vaši práci pro všechny, aby je mohla vidět prostřednictvím sítě voliéry, pokud se rozhodnete.
Editor Pixlr.com
Co vývojáři říkají:
" Editor Pixlr je bezplatný online editor fotografií s profesionálním dotykem. Oprava, úprava a filtrování obrázků ... "
Co říkají všichni:
Editor Pixlr se v podstatě prezentuje jako online Photoshop. Tato aplikace není tak snadná k pochopení jako předchozí, Phoenix. V tomto editoru je tolik funkcí a filtrů, které jsou pro tento program jedinečné, většinou pro úpravy a retušování obrázků. Bylo by velmi těžké tuto aplikaci použít od začátku, pokud nemáte nějaké znalosti o retušování fotografií, stejně jako některé znalosti Photoshopu.
Sophistication této aplikace umožňuje více obraz těžké rozvržení a složité návrhy. Existuje spousta filtrů a úprav, které pomáhají přizpůsobit vzhled vašich snímků a designu. Neexistuje zde spousta vytažení, kromě toho, že je mnohem komplikovanější než většina online aplikací, ale kvůli tomu je mnohem více přizpůsobení, které lze provést. Bohužel nelze otevřít a upravit soubory PSD. Nevyžaduje se však, abyste měli účet pro uložení souborů, které vytvoříte pomocí programu Pixlr Editor - můžete je ukládat přímo na pevný disk.
Splashup
Co vývojáři říkají:
" Splashup, dříve Fauxto, je výkonný editační nástroj a manažer fotografií. S funkcemi, které profesionálové používají a začínají chtít, jsou snadno použitelné, pracují v reálném čase a umožňují vám upravovat mnoho snímků najednou. Splashup běží ve všech prohlížečích, bezproblémově se integruje se špičkovými stránkami pro sdílení fotografií a dokonce má vlastní souborový formát, takže můžete uložit svou práci. "
Co říkají všichni:
Tato aplikace je příjemnou kombinací jednoduchosti Phoenixu a sofistikovanosti editoru Pixlr. Zdá se, že jde o aplikaci, která je blízká - ale ne docela - kopírování Photoshopu. Chtěl bych vlastně říci, že to není tak intuitivní, protože všechny nástroje a tlačítka nejsou stejné a mohou se trochu matoucí. Nicméně to nemění sílu návrhových schopností.
Největší nevýhodou, kterou jsem našel ve Splashupu, je, že je vybudován s aplikací Flash. Není to obrovské řešení, ale pravděpodobně to snáší spoustu paměti a projde mnoha chybami a závadami. Také znovu jsem si to nemyslel jako intuitivní a snadno použitelný jako ostatní programy, především kvůli implementaci Flash a rozdílům v některých tlačítkách.
Na spodním řádku je však Splashup plně schopen navrhnout rozvržení webu. Bohužel znovu tento program neimportuje soubory PSD, ale nemusíte mít účet k ukládání souborů. Můžete je uložit na pevný disk, stejně jako řadu dalších míst (například Flickr, Photobucket atd.).
Sumo Paint
Co vývojáři říkají:
" Sumopaint je nejvšestrannější aplikace pro malování a manipulaci s fotografiemi online. V současné době má více než 1 milion aktivních uživatelů za měsíc a živou komunitu. "
Co říkají všichni:
Stejně jako ostatní redaktoři, Sumopaint bere docela slušný bod v fotografické manipulaci a designu světa. Co se mi líbí v Sumopaintu je integrace mnoha nástrojů, které najdete ve Photoshopu, které se nenacházejí v mnoha dalších on-line editorech, a to kouzelné hůlky a nástroje pro vlastní tvar. Nastavení je velmi podobné jako předchozí verze Photoshopu, což je velmi intuitivní.
Má to trochu sofistikovanějších vlastností, filtrů a úprav, což zase dělá opravdu snadné práci s návrhovými složitými rozvrženími. Tento editor je vytvořen s programem Flash, takže s ním mohou být i některé problémy, pokud jde o zpoždění a paměť. Ale pokud jste do editorů založených na technologii Flash, je to zřejmě více hvězdné (SplashUp).
Tato aplikace je dodávána v několika různých jazycích, což je velmi univerzální. Sumopaint se může pochlubit poměrně velkou designovou komunitou čtyř miliónů lidí, kteří sdílejí, spolupracují, oceňují a "remixují" každodenní práci. Sumopaint je jedním z nejjednodušších nástrojů (zejména při příchodu z Photoshopu) s některými lepšími funkcemi.
Kódování
V závislosti na požadovaném pracovním toku můžete udělat svůj návrh a kódování současně nebo ve dvou samostatných a odlišných fázích. Bez ohledu na požadovaný tok musíte v určitém okamžiku kódovat své webové stránky. Existuje mnoho různých programů ke stažení, které používáme pro kódování našich webů, v závislosti na tom, co se nám líbí, ale dali jsme dohromady čtyři z nejlepších návrhářů webových stránek (ne nezbytně vývojáři, kteří jsou velmi plynulí v HTML nebo CSS).
Drawter
Co vývojáři říkají:
"Drawter je nástroj napsaný v jazyce JavaScript a založený na knihovně jQuery. Poskytuje vám možnost doslova vykreslit kód vašeho webu. Běží na každém webovém prohlížeči, což je opravdu užitečné a užitečné. Každá značka je zobrazena jako vykreslená vrstva.
V současné době je Drawter k dispozici ve verzi Pro, což znamená, že je určena pouze pro webmastery - vyžaduje se znalost HTML a CSS. Zásobník není zatím pro laiky, ale celý tým za projektem se snaží vyvinout novou verzi s názvem "Amatér". Brzy budete moci kreslit své webové stránky bez znalosti HTML nebo CSS. Spuštění roku 2010. "
Co říkají všichni:
Jako designér, co mě přitáhlo k Drawterovi, byla schopnost vlastně vykreslit požadované uspořádání s pixelovým pravítkem na obou osách. Vygeneruje kód CLEAN pro vás a vše, co musíte udělat, je pojmenovat každou z vašich sekcí nebo divů, které vytvoříte. Můžete přizpůsobit své divy vlastnostmi CSS, jako jsou barvy pozadí a obrázky, které vám pomohou získat skutečný pocit z toho, jak vaše webové stránky budou vypadat. Můžete také hrát s písmy a hranicemi a cokoli, které vám pomohou vizuálně konceptualizovat vaše webové stránky.
Drawer má také mnoho různých atributů a umožňuje vám vložit značky formuláře, nadpisové značky a mnohem více pro HTML. To je skvělé pro ty z nás, kteří mají rozvržení, které opravdu vyžadují spoustu práce a pozornosti, zvláště pokud nejsme tak kvalifikovaní. Největší záběr, který jsem našel pro Drawtera, je pouze u HTML4 - někteří to mohou považovat za velký problém, někteří možná ne. Věřím, že je to jedna z těch proveditelných věcí, zvláště pokud víte, jak kódovat v HTML5 a CSS3.
YAML Builder
Co vývojáři říkají:
"The YAML Builder je nástroj pro vizuální tvorbu rozvržení CSS založených na YAML. Umožňuje nastavení základních charakteristik uspořádání, jako je počet a umístění sloupců obsahu, a také dynamické vytváření rozvržení založených na mřížce přetažením podlohových desek. Ne docela WYSIWYG, ale blízko!
Kód generovaný nástrojem Builder je založen na struktuře souboru šablony "Jednoduchý projekt", takže kompletní výsledek lze přímo zkopírovat a vložit bez změny věcí. Požadovaná značka XHTML, rozložení obrazovky, stejně jako úpravy pro rozvržení pro Internet Explorer jsou automaticky generovány. "
Co říkají všichni:
YAML Bulder je založen znovu, moreso kolem CSS webové stránky, než cokoli jiného. Co jsem považoval za atraktivní pro YAML, byly přednastavení, které už měly - máte dvě webové stránky sloupců, tři stránky na sloupci atd. Je to skvělé, pokud chcete nejdříve vytvořit svůj kód, pak jít do jedné z návrhových aplikací a hřebíků vzhled vašeho webu.
Nenašla jsem to tak jednoduché a intuitivní jako Drawter, kde jste právě nakreslil to, co jste chtěli. V zásadě YAML má své šablony a upravuje a mění vše, co musíte najít, a pak zadejte vše. Není také tak rozsáhlé jako Drawter, kde můžete nahrát obrázky a změnit barvy a vložit značky formuláře. Toto je trochu přísnější, pokud vytváříte rámec, kde si později připojíte a vybírejte své obrázky a přizpůsobení. Zjistil jsem, že je to více zaměřeno na kódování a méně a na vzhled.
Znovu tento editor momentálně nepodporuje HTML5.
jsFiddle
Co vývojáři říkají:
" JsFiddle je hřiště pro webové vývojáře, nástroj, který může být použit v mnoha směrech. Lze jej použít jako editor online pro fragmenty vytvořené z HTML, CSS a JavaScript. Kód lze pak sdílet s ostatními, vložit do blogu apod. Pomocí tohoto přístupu mohou vývojáři jazyka velmi snadno izolovat chyby. Naším cílem je podporovat všechny aktivně vyvinuté rámce - pomáhá při testování kompatibility "
Co říkají všichni:
To je určitě aplikace více pro vývojáře a značku specialisty venku. Vybrala jsem jsFiddle, protože vám umožňuje pracovat s různými knihovnami JavaScriptu, jako jsou například mooTools a jQuery. Umožňuje také ladit JavaScript a zobrazit náhled dokončeného produktu.
jsFiddle není jako ostatní redakční editory, protože musíte kódovat vše od nuly. Samozřejmě to může být skvělá věc, protože máte větší kontrolu nad tím, co děláte, zvláště pokud víte přesně, co chcete dělat. Mnoho vývojářů nepoužívá službu jsFiddle pro kódování celých stránek, ale používají je k ladění a práci s problémy s jejich javascript. Ovšem jsFiddle je více než schopný vám pomoci s celým svým designem webových stránek.
Kodingen
Co vývojáři říkají:
"Začal Kodingen se dvěma bratry (Devrimem a Sinanem), kteří se sdružili, aby něco navrátili vývojářské komunitě."
Co říkají všichni:
Co okamžitě přitáhlo k Kodingenu, byl pocit, že komunita byla zobrazena. Namísto toho, že se cítí jako webový editor založený na cloudovém rozhraní, skutečně se cítil jako otevřená sociální síť. Účelem Kodingen je snížit množství chmýří, které musíme vydržet, když chceme vytvářet, rozvíjet, hostit a aktualizovat webové stránky. Obecně platí, že pro každý krok musíme jít na různé stránky, ale Kodingen to dělá z jednoho místa.
Když se zaregistrujete, získáte velmi skromný hostingový účet (500 MB a 1 GB šířky pásma), ale znovu, to, co se mi líbilo, bylo to smysl pro komunitu. Existuje mnoho jazyků pro kódování a můžete se svými členy komunikovat zdarma, abyste získali nějakou pomoc nebo se spojili s projekty. To je skvělé pro ty z nás, kteří jsou silnější v designu než vývoj a mohli byste mít malou pomoc každou chvíli a znovu dostat naše webové stránky, kde to musí být.
Největší remíza je pouze to, že je to Beta. Upozorní vás předtím, než se připojíte, že vaše URL a vaše soubory a ty by mohly zmizet následující den, takže doporučují opravdu pro hraní a rychlé spolupráce. Nicméně, kdyby se to někdy stalo oficiálním vydáním, myslím, že by se měl na tomto vlaku dostat někdo, kdo má zájem o web design a vývoj. Kodaň je všechno, co se točí v jednom - na místech, kde se nehádnějí, aby vše fungovalo společně, je to všechno na jednom místě, s možností získat další lidi, aby vám pomohli. Nevím, kde se Kodingen může pokazit.
Závěr
Jako weboví designéři a vývojáři samozřejmě chceme použít nejlepší kvalitu pro dosažení nejlepší kvality a naštěstí máme způsob, jak to udělat s rozpočtem. Pokračujte ve svém výzkumu a vyhledávejte nástroje, které vám pomohou vytvořit lepší webové stránky. To jsou jen některé z nejdůležitějších webových aplikací a webových stránek, které pomáhají lidem s rozpočtem.
Jaké další aplikace a programy jsme nechali ze seznamu, který byste rádi využili?