Dizajn web stranice s IM Creator-om

U stalno rastućem svijetu graditelja internetskih stranica, prilično je teško pronaći išta na što vrijedi provesti više od deset minuta. Ovo tržište preplavljeno je krhkim sučeljima, jezivim predlošcima i brutalnim ograničenjima dizajna slobodnih oblika.

Nedavno sam naišao na proizvod nazvan IM Creator koji se ističe po stilu i funkcionalnosti. Ispunjava li svoja obećanja ili se pridružuje ostalim web mjestima na ovom tržištu i nedostaje dostojnog DIY rješenja za web stranice? Pročitajte da biste saznali.

Teškoća internetskog WYSIWYG-a

Mnogi profesionalni koderi i dizajneri WYSIWYG još uvijek smatraju graditelje web stranica i dizajnere kao gadost, a bazirani na WYSIWYG-u na mreži se udvostručuju. Većina njih nameće stroga ograničenja vašoj dizajnerskoj slobodi i / ili pljune neki prilično gnusan kod. Neki čak idu tako daleko da skuhaju… pričekajte, Flash site! Definitivno sam u kampu „kodiraj sam“, ali i dalje se uvijek igram s tim stvarima kad vidim novi samo da bih pratio kako se tržište razvija.

"Unatoč odbijanju kodiranih kodera, tržište odbija umrijeti."

Ono što me zanima u ovom području je da, unatoč odbacivanju kod nas snobby šifrira, tržište odbija umrijeti. Zapravo, čini se da ne samo da raste, nego se i brzo poboljšava. Svaka nova zamišljena graditeljica web stranica koja sam napravila nešto je bolja od posljednje. Postupno poboljšanje nije za čime se rugati, dugoročno bi to moglo dovesti do proizvoda koji čak i ozbiljni profesionalci moraju cijeniti.

Hoće li taj dan uopće doći? Mnogi kažu da neće. Popularni argument kaže da WYSIWYG-i nikada neće biti alat za ozbiljne profesionalce u web dizajnu, samo amateri koji žele biti u velikim ligama ili poduzetnici koji ne mogu priuštiti angažiranje dizajnera.

Kladio bih se da ću se, ako se vratim u osamdesete, naći mnoštvo dizajnera koji bi mi rekli isto o računalima. Svakako, oni posjeduju potencijal, ali niti jedan ozbiljan dizajner nikad ga neće koristiti. To bi značilo napustiti istinsku umjetnost dizajna i slobodu gradnje rukom. Zvuči poznato?

Ne pravim argument da bi svaki web dizajner trebao ponestati i započeti koristiti Homestead, samo kažem da nema smisla zauvijek odbacivati ​​ideju da bi ta niša proizvoda jednog dana mogla napraviti veliki pomak u profesionalnom svijetu čak izvan onoga što smo vidjeli iz Dreamweavera prije godina.

Imajući to na umu, nastavit ću pokušavati ove stvari. Mogao bih odmahnuti glavom i zapitati se kako su neki od njih toliko daleko od baze, ali uvjeren sam da ću jednog dana izvesti istu tu gestu u čudu koliko su ti proizvodi došli.

Upoznajte IM Stvoritelja

Najnoviji graditelj internetskih stranica na koji sam naišao je IM Creator. Količina prodaje slična je toj braći: napravite svoju lijepu web stranicu bez upisivanja niti jednog retka koda, besplatno! Svi znamo da su ove besplatne tvrdnje prilično lažne jer ćete dugoročno morati izdvojiti za hosting ako zaista želite koristiti stranicu. Ali barem je zaista besplatno prijaviti se i započeti s izgradnjom web lokacija.

IM Creator zapravo odgađa prijavu dok ne želite spremiti nešto kako biste mogli skočiti pravo u program za izradu web stranica.

Ovdje je sučelje potpuno golo, na dobar način. Izgleda jednostavno i pristupačno. Tono možete učiniti, ali to je pametno strukturirano tako da bude lako da ga praktički svatko može koristiti.

Izrada web stranice

Odlučio sam napraviti svoju web lokaciju ispočetka, tako da me je IM Creator pokrenuo s onim što je u osnovi prazna stranica s jednostavnim navigacijskim izbornikom na vrhu.

Da biste stranici dodali nešto, kliknite gumb "Dodaj element" na vrhu koji proširuje prilično veliku traku gumba s mogućnostima dodavanja slike, naslova, stavka, videozapisa, galerije, prezentacije itd.

Za početak, odabirem sliku. Odmah na mom platnu prikazuje se atraktivna fotografija ptice, spremna za promjenu veličine i odvlačenje na svoje mjesto.

Klikom na gumb za malu vezu iznad slike pojavljuje se dijaloški okvir koji vam omogućuje da lako postavite internu ili odlaznu vezu tako da kad kliknete sliku odvedete do određenog odredišta. Negdje drugdje možete dodati naslov, tekst itd.

Kad je slika odabrana, kliknem na opcije "Napredne" u gornjem desnom kutu zaslona i odaberite opciju "Granice i pozadina". Nakon pregleda mojih opcija, odlučim vidjeti mogu li ovu fotografiju pretvoriti u krug podešavanjem polumjera obruba (to bih učinio u CSS-u).

Nažalost, ovo čini puno toga. Čini se da djeluje na kutijama, ali ne i na slikama. Također, polumjer obruba kontrolira maksimum pri 99px, što ga čini gotovo beskorisnim za moj hack u krugu.

Bez obzira na to, mogu sama napraviti sliku kruga. Dakle, moj je sljedeći korak zamjena slike spremnika ptica slikom s mojeg tvrdog diska. Da biste to učinili, kliknite na sliku, a zatim pritisnete veliki plavi gumb "Zamijeni pic".

Aplikacija brzo uvozi moju fotografiju i stavljam je na svoje mjesto. Ovdje brzo počinjem dobivati ​​osjećaj za tijek rada i nije previše loše. Aplikacija je prilično osjetljiva i osjeća se puno glađe nego što sam očekivao. Također mi se sviđa što nisam prisiljen na predložak kao što s aplikacijama kao što je iWeb mogu graditi sve što želim.

Dodavanje nekog teksta

Zatim se vratim na gumb "Dodaj element" i ovaj put biram odlomak. Još jednom, sadržaj rezerviranog mjesta prilično je fantastičan. Odlomak se pojavljuje s zaglavljem, a oba su već prilično lijepo stilizirana.

Međutim, odmah primjećujem da mrzim ukočenu visinu crta, pa sam pritisnuo "Uređivanje stavka" da vidim mogu li to popraviti. Odavde imam osnovne mogućnosti poput postavljanja porodice fontova (pristojan izbor popularnih besplatnih fontova poput Chunk Five i Aller), veličine, boje itd., Kao i neke napredne opcije. Ovdje nalazim linijsku kontrolu visine koju tražim.

Prskanje visine crte do 1, 5em neizmjerno pomaže. Već naša stranica počinje izgledati prilično dobro!

Popravak izbornika

Sljedeće na dnevnom redu je popravljanje tog ružnog navigacijskog izbornika. Odlučio sam se za nešto mnogo minimalnije: samo običan tekst s jednostavnim lebdećim efektima.

Nisam imao pojma kako to postići, ali klikom na gumb Postavke izbornika pojavio se niz kontrola koje su mi olakšale posao. Uspjela sam iskopati boju pozadine, postaviti boju teksta i lebdenje teksta, raspodijeliti predmete po mojoj želji i čak prilagoditi razmak slova.

Nakon malo više prelistavanja izbornika, bacam logotip i ta stvar zaista počinje izgledati kao pristojna web stranica!

Dovršava

Slijedeći isti postupak, ispunjavam ostatak dizajna. Ovdje se može igrati niz zaista korisnih alata. Na primjer, uspio sam umetnuti živu Google kartu i svoj Twitter feed u samo nekoliko sekundi. Evo kako izgleda gotov rezultat:

Biti u stanju izgraditi ono što mi je u glavi na besplatnoj web stranici za izradu web stranica zapravo je prilično impresivan podvig. Svakako bih volio imati veću kontrolu nad CSS svojstvima, posebno onim nad izgledom, ali u cjelini, iskustvo građenja je bilo ugodno.

Izgleda dobro, ali što je iza zavjese?

Ako želite vidjeti stvarnu stranicu koja je rezultat mojih testova, možete to provjeriti ovdje. Na površini to izgleda u redu, ali svaki web dizajner će imati ozbiljnih problema s tim. Da bih bio siguran da nisam učinio ništa loše, usporedio sam svoj rezultat s jednom od istaknutih web mjesta. Oboje su patili od istih problema.

Za početak, šifra je nered. HTML je potpuno nabrekao sadržajem koji se čini više povezanim s aplikacijom i njezinim funkcijama nego sa stranicom koju gledate u pregledniku. Nadalje, osnovna funkcionalnost prilično je gruba. Na primjer, ne možete odabrati nijedan tekst na stranici. Koliko znam, fontovi se serviraju s FontSquirrel i @ font-face, tako da nema razloga da ih se ne odabere u potpunosti.

Pod šifrom haubice i funkcionalnošću je kritično mjesto na kojem na sve načine WYSIWYG-ovi propadaju. To je definitivno područje koje se treba pozabaviti prije nego što se ovi alati i njihovi dobiveni proizvodi ikada mogu uvažiti kao "stvarne" web stranice.

Prekrasne predloške

IM Creator možda nedostaje veličine u onome što se nalazi pod haubom, ali moram reći, s čisto vizualnog stajališta, to stvarno uspijeva. Ugrađene predloške su neke od najboljih koje sam vidio od usluge poput ove:

Doista je lijepo vidjeti nekoga tko nudi zaista moderne predloške web dizajna u WYSIWYG usluzi, a norma u ovoj industriji obično je stranica koja izgleda ravno iz 1999. godine.

Cijeli paket

Kao što sam napomenuo ranije, "besplatni" element je zapravo samo za element dizajna. Morat ćete odvojiti tijesto za hosting i prilagođenu domenu. Trenutna cijena iznosi 7, 95 USD mjesečno (samo 100 USD godišnje), ali izgleda da će u skoroj budućnosti porasti na 12, 95 USD.

To nije najjeftinija usluga na svijetu, ali ako imate vrlo mali proračun, plaćanje 100 USD da biste dobili atraktivno web mjesto s domom kojeg odaberete za godinu dana je zapravo prilično pristojna ponuda. Da ste me angažirali s istim ciljem na umu, sigurno biste platili puno više (iako biste dobili puno bolji proizvod).

Zaključak: Kakva je presuda?

Očigledno je da ovo nije proizvod za profesionalne web dizajnere, a to nije namjera biti. Na raspolaganju su nam bolji, profesionalniji alati i takve usluge ne nude potrebnu snagu ili fleksibilnost.

Međutim, ako ste fotograf, restoran ili neka druga mala tvrtka, paket IM Creator prilično je primamljiv. To je pristojne cijene i zapravo me impresionira svojom sposobnošću da izradim nešto potpuno od nule uz priličnu slobodu. A za ljude koji nisu nadareni u dizajniranju ispočetka, predloženi predlošci odstrane bilo kojeg konkurenta kojeg sam vidio.

Internetski DIY graditelji web stranica još trebaju prijeći, no proizvodi poput IM Creator nagovještavaju budućnost u kojoj ove vrste alata stvaraju doista impresivne web stranice koje privlače mase i drže se pod nadzorom profesionalaca.