Designe et nettsted med IM Creator

I den stadig voksende verdenen av online nettstedbyggere er det ganske vanskelig å finne noe som er verdt å tilbringe mer enn ti minutter med. Dette markedet er oversvømmet av klønete grensesnitt, fæle maler og brutale frie former designbegrensninger.

Nylig kom jeg over et produkt som heter IM Creator som skiller seg ut både med stil og funksjonalitet. Lever det opp til løftene, eller blir det med resten av nettstedene i dette markedet og kommer ikke til kort med en anstendig løsning for DIY-nettsteder? Les videre for å finne ut av det.

Nettbaserte WYSIWYGs situasjon

WYSIWYG nettstedbyggere blir fortsatt ansett av mange profesjonelle kodere og designere som litt av en styggedom, nettbaserte WYSIWYGs dobbelt så. De fleste av dem setter strenge begrensninger for designfriheten din og / eller spytter ut noen ganske avskyelig kode. Noen går til og med så langt som å skaffe ut et ... vent på det, Flash-nettsted! Jeg er definitivt i "code it yourself" -leiren, men jeg spiller fortsatt alltid med disse tingene når jeg ser en ny bare for å følge med på hvordan dette markedet utvikler seg.

"Til tross for avvisning av at vi snobby kodere, nekter markedet å dø."

Det som interesserer meg for dette området er at markedet, til tross for avvisning fra vi snobbende kodere, nekter å dø. Det ser ut til at det ikke bare vokser, men raskt forbedrer seg. Hver nye fancy gjør-det-selv-nettstedsbygger som jeg kommer over er litt bedre enn sist. Trinnvis forbedring er ingenting å spot på, på lang sikt kan det føre til produkter som selv seriøse fagpersoner må sette pris på.

Kommer den dagen noen gang? Mange sier at det ikke vil. Det populære argumentet sier at WYSIWYGs aldri vil være et verktøy for seriøse fagpersoner i webdesign, bare amatører som ønsker at de var i de store ligaene eller gründere som ikke har råd til å ansette en designer.

Jeg ville satse på at hvis jeg gikk tilbake til 1980-tallet, ville jeg finne mange designere som ville fortalt meg det samme om datamaskiner generelt. Jada, de har potensiale, men ingen seriøs designer vil noensinne bruke en. Å gjøre det ville være å forlate den virkelige kunsten å designe og friheten til å bygge for hånd. Høres kjent ut?

Jeg argumenterer ikke for at enhver webdesigner skal gå tom for å begynne å bruke Homestead, jeg sier bare at det ikke er noe poeng i å for alltid kaste ideen om at denne nisje av produkter en dag kan gjøre en stor sprut i profesjonell verden til og med utover det vi så fra Dreamweaver for år siden.

Med det i bakhodet, vil jeg fortsette å prøve disse tingene. Jeg rister kanskje på hodet og lurer på hvordan noen av dem er så langt utenfor base, men jeg er sikker på at jeg en dag skal utføre den samme bevegelsen i undring over hvor langt disse produktene har kommet.

Møt IM Creator

Den siste nettstedsbyggeren som jeg har kommet over er IM Creator. Salgshøyden er mye som brødrene sine: bygg din egen vakre webside uten å skrive en eneste kodelinje, gratis! Vi vet alle at disse gratiskravene er ganske falske fordi du på sikt må tømme ut for vertskapet hvis du faktisk vil bruke nettstedet. Men det er i hvert fall virkelig gratis å registrere deg og begynne å bygge nettsteder.

IM Creator forsinker faktisk registreringen til du vil lagre noe slik at du kan hoppe rett inn i nettstedbyggeren.

Grensesnittet her er helt nakent, på en god måte. Det ser enkelt og tilgjengelig ut. Det er mye du kan gjøre, men det er smart strukturert til å være enkelt nok til at praktisk talt alle kan bruke det.

Bygge en webside

Jeg valgte å bygge min egen side fra bunnen av, så IM Creator startet meg med det som egentlig er en tom side med en enkel navigasjonsmeny øverst.

For å legge til noe på siden, klikker du på "Legg til et element" -knappen øverst, som utvider en ganske stor stripe med knapper med alternativer for å legge til et bilde, tittel, avsnitt, video, galleri, lysbildefremvisning, etc.

For å starte velger jeg å slippe inn et bilde. Med en gang dukker det opp et attraktivt fotografi av en fugl i lerretet mitt, klart til å endre størrelse og dras på plass.

Hvis du klikker på den lille lenkknappen over bildet, får du opp en dialog som lar deg enkelt sette opp en intern eller utgående lenke, slik at når du klikker på bildet, tar den deg til et spesifisert mål. Andre steder kan du legge til en tittel, tekst osv.

Når bildet er valgt, klikker jeg på alternativene “Avansert” øverst til høyre på skjermen og velger alternativet “Grenser og bakgrunn”. Etter å ha sett på alternativene mine, bestemmer jeg meg for å se om jeg kan gjøre dette bildet om til en sirkel ved å sveive grensradiusen (det er slik jeg ville gjort det i CSS).

Dessverre gjør dette mye. Det ser ut til å fungere på bokser, men ikke på bilder. I tillegg kontrollerer grensradiusen maks ut på 99 px, noe som gjør det nesten ubrukelig for sirkelhacket mitt.

Uansett kan jeg lage et sirkelbilde på egenhånd. Så mitt neste trinn er å erstatte fugleplassholderbildet med et bilde fra harddisken min. For å gjøre dette, klikker du på bildet og deretter trykker du på den store blå "Erstatt bilde" -knappen.

Appen importerer raskt bildet mitt, og jeg dytter det på plass. Jeg begynner raskt å få en følelse av arbeidsflyten her, og det er ikke så verst. Appen er ganske responsiv og føles mye jevnere enn jeg forventet. Jeg liker også at jeg ikke blir tvunget inn i en mal som med apper som iWeb, jeg kan bygge hva jeg vil.

Legge til litt tekst

Neste gang går jeg tilbake til "Legg til et element" -knappen, og denne gangen velger jeg et avsnitt. Nok en gang er plassholderinnholdet ganske fantastisk. Avsnittet vises med en overskrift, som begge allerede er ganske pent stil.

Imidlertid merker jeg med en gang at jeg hater den squished linjehøyden, så jeg traff “Edit Paragraph” for å se om jeg kan fikse det. Herfra har jeg grunnleggende alternativer som å stille inn fontfamilien (et anstendig utvalg av populære gratis skrifter som Chunk Five og Aller), størrelse, farge osv. Samt noen avanserte alternativer. Her finner jeg linjehøydekontrollen som jeg er ute etter.

Å svepe linjehøyden opp til 1, 5 em hjelper enormt. Allerede siden vår begynner å se ganske bra ut!

Fiksing av menyen

Neste på agendaen er å fikse den stygge navigasjonsmenyen. Jeg bestemte meg for å gå med noe mye mer minimalt: bare ren tekst med enkle sveveeffekter.

Jeg ante ikke hvordan jeg skulle oppnå dette, men ved å klikke på Menyinnstillinger-knappen dukket det opp et sett med kontroller som gjorde det superenkelt. Jeg var i stand til å grøfte bakgrunnsfargen, stille inn tekst og tekstpekefarge, plassere elementene etter min smak og til og med justere bokstavavstanden.

Etter litt mer menyjustering, kaster jeg inn en logo, og denne tingen begynner virkelig å se ut som en anstendig webside!

Etterbehandling

Etter samme prosess fyller jeg ut resten av designet. Det er en rekke virkelig nyttige verktøy å leke med her. For eksempel kunne jeg sette inn et live Google-kart og Twitter-feeden min på bare sekunder. Slik ser det ferdige resultatet ut:

Å kunne bygge det som står i hodet mitt på en gratis nettstedsbygger er faktisk en ganske imponerende bragd. Jeg ville definitivt ønsket å ha mer kontroll over CSS-egenskaper, spesielt for utforming, men i det store og hele var bygningsopplevelsen hyggelig.

Det ser bra ut, men hva er bak gardinen?

Hvis du vil se den faktiske siden som ble resultatet av testene mine, kan du sjekke den her. På overflaten ser det bra ut, men enhver webdesigner vil ha noen alvorlige problemer med det. Bare for å være sikker på at jeg ikke hadde gjort noe galt, sammenlignet jeg resultatet med et av nettstedene. De led begge av de samme problemene.

For det første er koden rot. HTML-en er fullstendig oppsvulmet med innhold som virker mer relatert til appen og dens funksjoner enn siden du ser på i nettleseren. Videre er den grunnleggende funksjonaliteten ganske grov. For eksempel kan du ikke velge noe av teksten på siden. Så langt jeg kan si, blir skriftene servert med FontSquirrel og @ font-face, så det er ingen grunn til at de ikke skal kunne velges fullt ut.

Under panseret er kode og funksjonalitet et kritisk sted der omtrent alle WYSIWYG-er kommer til kort på en eller annen måte. Det er definitivt et område som må adresseres før disse verktøyene og deres resulterende produkter noensinne virkelig kan respekteres som "ekte" nettsteder.

Nydelige maler

IM Creator kommer kanskje langt under storhet i det som er under panseret, men jeg må si fra et rent visuelt synspunkt, det utmerker seg virkelig. De innebygde malene er noen av de beste jeg har sett fra en tjeneste som denne:

Det er veldig hyggelig å se noen som tilbyr virkelig moderne webdesignmaler i en WYSIWYG-tjeneste. Normen i denne bransjen har en tendens til å være sider som ser rett ut i 1999.

Hele pakken

Som jeg nevnte tidligere, er "gratis" elementet egentlig bare for designelementet. Du må pakke ut deigen for hosting og et tilpasset domene. Nåværende pris er $ 7, 95 / måned (bare $ 100 per år), men det ser ut som om det vil gå opp til $ 12, 95 i løpet av en nær fremtid.

Det er ikke den billigste tjenesten i verden, men hvis du har et stramt budsjett, er det faktisk ganske anstendig å betale $ 100 for å få et attraktivt nettsted som er vertskap på domenet du valgte. Hvis du leide meg med det samme målet i tankene, vil du absolutt betale mye mer (selv om du ville fått et mye bedre produkt).

Konklusjon: Hva er dommen?

Det er klart det er en selvfølge at dette ikke er et produkt for profesjonelle nettdesignere, og det er ikke ment å være det. Vi har bedre og mer profesjonelle verktøy tilgjengelig for oss, og disse slags tjenester tilbyr ikke kraften eller fleksibiliteten vi trenger.

Imidlertid, hvis du er en fotograf, restaurant eller annen liten bedrift, er IM Creator-pakken ganske fristende. Det er anstendig priset og imponerer meg faktisk med sin evne til å bygge noe helt fra bunnen av med en god del frihet. Og for folkene der ute som ikke er begavet i å designe fra bunnen av, blåser de medfølgende malene bort enhver konkurrent som jeg har sett.

Online DIY nettstedbyggere har fortsatt en lang vei å komme, men produkter som IM Creator antyder en fremtid der disse verktøyene produserer virkelig imponerende nettsteder som både appellerer til massene og holder opp under en fagmanns gransking.