Navrhování webových stránek pomocí IM Creator

V neustále se rozvíjejícím světě tvůrců webových stránek je docela obtížné najít cokoli, za co by stálo více než deset minut. Tento trh je zaplaven neohrabanými rozhraními, odpornými šablonami a brutálními omezeními volného designu.

Nedávno jsem narazil na produkt s názvem IM Creator, který vyniká stylem i funkčností. Splní své sliby nebo se připojí ke zbytkům webů na tomto trhu a postrádá slušné řešení pro kutily? Čtěte dál a zjistěte to.

Obtížnost webové WYSIWYG

Tvůrci webových stránek WYSIWYG jsou stále považováni mnoha profesionálními kodéry a návrháři za trochu ohavnost, webové WYSIWYG se zdvojnásobují. Většina z nich omezuje svobodu designu a / nebo vyplivuje nějaký docela ohavný kód. Někteří dokonce zacházejí tak daleko, že si připraví ... počkejte, Flash stránka! Určitě jsem v táboře „code it yourself“, ale pořád si s těmito věcmi hraji, když vidím nový, jen abych sledoval, jak se tento trh vyvíjí.

"Navzdory odmítnutí my snobby kodéry, trh odmítá zemřít."

To, co mě zajímá v této oblasti, je to, že i přes odmítnutí snobovými kodéry trh odmítá zemřít. Ve skutečnosti se zdá, že nejen roste, ale rychle se zlepšuje. Každý nový fantastický webový tvůrce webových stránek, na který narazím, je o něco lepší než ten poslední. Postupné zlepšování není nic, na co by bylo možné se zaměřit, z dlouhodobého hlediska by to mohlo vést k produktům, které ocení i vážní profesionálové.

Přijde ten den někdy? Mnozí říkají, že to tak nebude. Populární argument říká, že WYSIWYG nikdy nebude nástrojem pro seriózní profesionály v oblasti webdesignu, pouze amatéři, kteří si přejí, aby byli ve velkých ligách nebo podnikatelích, kteří si nemohou dovolit najmout návrháře.

Vsadil bych se, že kdybych se vrátil do osmdesátých let, našel bych spoustu návrhářů, kteří by mi řekli totéž o počítačích obecně. Jistě, mají potenciál, ale žádný seriózní návrhář by ho nikdy nepoužil. Učinit tak by bylo opuštění skutečného umění designu a svobody budování ručně. Zní povědomě?

Nedělám argument, že by každý webový designér měl běžet a začít používat Homestead, pouze říkám, že nemá smysl navždy vyřazovat myšlenku, že tato výklenek produktů by jednoho dne mohl udělat velký rozkvět v profesionálním světě, dokonce nad rámec toho, co jsme viděli před Dreamweaverem.

S ohledem na to budu tyto věci i nadále zkoušet. Mohl bych zavrtět hlavou a přemýšlet, jak jsou někteří tak daleko od základny, ale jsem si jistý, že jednoho dne provedu stejné gesto v údivu, jak daleko tyto produkty přišly.

Seznamte se s IM Creatorem

Nejnovějším tvůrcem webových stránek, na který jsem narazil, je IM Creator. Prodejní hřiště je podobné jako jeho bratří: vytvořte si vlastní krásné webové stránky, aniž byste zadali jediný řádek kódu, zdarma! Všichni víme, že tyto bezplatné pohledávky jsou falešné, protože z dlouhodobého hlediska budete muset na hostování rozvětvit, pokud skutečně chcete web používat. Ale je to přinejmenším opravdu zdarma k registraci a začít stavět stránky.

IM Creator ve skutečnosti zpoždění registrace, dokud chcete něco uložit, takže můžete skočit přímo do tvůrce webu.

Rozhraní je zde zcela holé, dobrým způsobem. Vypadá to jednoduše a přístupně. Je tu tunu, kterou můžete udělat, ale je to chytře strukturované, aby bylo dostatečně snadné, aby ji prakticky kdokoli mohl použít.

Vytváření webové stránky

Rozhodl jsem se postavit svůj vlastní web od nuly, takže IM Creator mě začal tím, co je v podstatě prázdná stránka s jednoduchým navigačním menu nahoře.

Chcete-li na stránku něco přidat, klikněte na tlačítko „Přidat prvek“ v horní části, čímž se rozbalí poměrně velký pruh tlačítek s možnostmi přidání obrázku, názvu, odstavce, videa, galerie, prezentace atd.

Pro začátek jsem se rozhodl upustit do obrázku. Okamžitě se na mém plátně objeví atraktivní fotografie ptáka, připravená k změně velikosti a tažení na místo.

Kliknutím na tlačítko malého odkazu nad obrázkem se zobrazí dialogové okno, které vám umožní snadno nastavit interní nebo odchozí odkaz tak, že po kliknutí na obrázek se dostanete do určeného cíle. Kdekoli můžete přidat název, text atd.

S vybraným obrázkem kliknu na možnost „Upřesnit“ v pravém horním rohu obrazovky a vyberu možnost „Ohraničení a pozadí“. Po prozkoumání mých možností se rozhodnu zjistit, jestli dokážu tuto fotografii proměnit v kruh pomocí otáčení rádiusu hranice (což je způsob, jakým bych to udělal v CSS).

Bohužel to nedělá mnoho. Zdá se, že funguje na krabicích, ale ne na obrázcích. Rovněž hraniční poloměr kontroluje max. Na 99px, což je pro můj kruhový hack téměř zbytečné.

Bez ohledu na to, mohu si udělat kruhový obrázek sám. Mým dalším krokem je tedy nahradit obrázek zástupného symbolu obrázkem z pevného disku. Chcete-li to provést, klikněte na obrázek a pak stiskněte velké modré tlačítko „Nahradit Pic“.

Aplikace rychle importuje moji fotku a já ji vrazím na místo. Rychle začínám vnímat pracovní postup a není to tak špatné. Aplikace je velmi citlivá a cítí se mnohem plynulejší, než jsem čekal. Také se mi líbí, že nejsem nucen do šablony, jako u aplikací, jako je iWeb, mohu stavět, co chci.

Přidání nějakého textu

Dále se vracím na tlačítko „Přidat prvek“ a tentokrát vyberu odstavec. Obsah zástupného symbolu je opět skvělý. Odstavec se objeví se záhlavím, oba jsou již pěkně stylizované.

Okamžitě si však všimnu, že nenávidím pokropenou výšku čáry, takže jsem narazil na „Upravit odstavec“, abych zjistil, jestli to dokážu opravit. Odtud mám základní možnosti, jako je nastavení rodiny písem (slušný výběr oblíbených bezplatných písem, jako je Chunk Five a Aller), velikost, barva atd., Jakož i některé pokročilé možnosti. Zde najdu kontrolu výšky čáry, po které jsem.

Otočení výšky řádku až 1, 5 m značně pomáhá. Již naše stránka začíná vypadat docela dobře!

Oprava nabídky

Dalším bodem programu je oprava této ošklivé navigační nabídky. Rozhodl jsem se jít s něčím mnohem minimálnějším: prostý text s jednoduchými efekty přechodu.

Neměl jsem tušení, jak toho dosáhnout, ale kliknutím na tlačítko Nastavení nabídky vyskočila sada ovládacích prvků, díky kterým bylo super snadné. Podařilo se mi prohloubit barvu pozadí, nastavit barvu textu a textu, umístit kurzor myši, rozdělit položky podle mého vkusu a dokonce upravit mezery mezi písmeny.

Po trošce vylepšování nabídky jsem hodil do loga a tato věc opravdu začíná vypadat jako slušná webová stránka!

Dokončení nahoru

Stejným postupem vyplním zbytek návrhu. Existuje řada opravdu užitečných nástrojů, se kterými si můžete hrát. Například jsem během několika sekund mohl vložit živou mapu Google a svůj zdroj Twitter. Takto vypadá konečný výsledek:

Být schopen skutečně stavět to, co je v mé hlavě, na bezplatném staviteli webových stránek je vlastně docela působivý čin. Určitě bych chtěl mít větší kontrolu nad vlastnostmi CSS, zejména pokud jde o uspořádání, ale celkově byl zážitek ze stavby příjemný.

Vypadá to dobře, ale co stojí za oponou?

Pokud chcete vidět skutečnou stránku, která vyplynula z mých testů, můžete si ji prohlédnout zde. Na povrchu to vypadá dobře, ale jakýkoli web designer s tím bude mít nějaké vážné problémy. Pro jistotu, že jsem neudělal nic špatného, ​​jsem svůj výsledek porovnal s jedním z doporučených webů. Oba trpěli stejnými problémy.

Pro začátečníky je kód nepořádek. HTML je zcela nafouknutý obsahem, který se zdá více spjat s aplikací a jejími funkcemi než stránka, na kterou se díváte v prohlížeči. Dále je základní funkčnost celkem drsná. Například nemůžete vybrat žádný text na stránce. Pokud mohu říci, písma jsou poskytována s FontSquirrel a @ font-face, takže neexistuje žádný důvod, proč by neměly být plně volitelné.

Pod kódem kapoty a funkčností je kritické místo, kde téměř všechny WYSIWYG nedosahují tak či onak. Je to určitě oblast, kterou je třeba se zabývat, než bude možné tyto nástroje a jejich výsledné produkty skutečně respektovat jako „skutečné“ webové stránky.

Nádherné šablony

IM Creator možná nedosahuje velikosti toho, co je pod kapotou, ale musím říci, že z čistě vizuálního hlediska to opravdu vyniká. Vestavěné šablony jsou jedny z nejlepších, které jsem viděl od služby, jako je tato:

Je opravdu příjemné vidět někoho, kdo nabízí skutečně moderní vzhled webových šablon ve službě WYSIWYG. Norma v tomto odvětví bývá stránky, které vypadají přímo z roku 1999.

Celý balíček

Jak jsem již zmínil, „bezplatný“ prvek je opravdu jen pro konstrukční prvek. Budete muset rozebrat těsto pro hostování a vlastní doménu. Aktuální cena je 7, 95 $ / měsíc (krátká 100 USD za rok), ale vypadá to, že v blízké budoucnosti dosáhne výše 12, 95 USD.

Nejedná se o nejlevnější službu na světě, ale pokud máte omezený rozpočet, zaplatit 100 USD za získání atraktivního webu hostovaného v doméně podle vašeho výběru na rok je ve skutečnosti docela slušná dohoda. Pokud jste mě najali se stejným cílem, určitě byste zaplatili mnohem více (i když byste dostali mnohem lepší produkt).

Závěr: Co je verdikt?

Je zřejmé, že to není samozřejmé, že se nejedná o produkt pro profesionální webdesignéry, a to nemá být. Máme k dispozici lepší a profesionálnější nástroje a tyto druhy služeb nenabízejí sílu ani flexibilitu, kterou potřebujeme.

Pokud jste fotograf, restaurace nebo jiný malý podnik, balíček IM Creator je však lákavý. Je to slušná cena a vlastně na mě udělá dojem svou schopností stavět něco úplně od nuly se slušným množstvím svobody. A pro lidi, kteří tam nebyli nadaní při navrhování od nuly, poskytnuté šablony vyhodí každého konkurenta, kterého jsem viděl.

Tvůrci webových stránek pro svépomocné kutily mají ještě před sebou dlouhou cestu, ale produkty jako IM Creator naznačují budoucnost, kdy tyto typy nástrojů vytvářejí skutečně působivé weby, které přitahují masy a podstupují odbornou kontrolu.