Проектиране на уебсайт с IM Creator

Във непрекъснато разрастващия се свят на онлайн създателите на уебсайтове е доста трудно да се намери нещо, за което си струва да прекарате повече от десет минути. Този пазар е залят с тромави интерфейси, отвратителни шаблони и брутални ограничения за свободна форма.

Наскоро попаднах на продукт, наречен IM Creator, който се откроява макар и като стил и функционалност. Изпълнява ли своите обещания или се присъединява към останалите сайтове на този пазар и не достига достойно решение за уебсайтове "Направи си сам"? Прочетете, за да разберете.

Положението на уеб базиран WYSIWYG

Създателите на уебсайтове на WYSIWYG все още се считат от много професионални кодери и дизайнери като нещо като мерзост, уеб-базирани WYSIWYG двойно повече. Повечето от тях налагат строги ограничения на свободата на вашия дизайн и / или изплюват някакъв доста гнусен код. Някои дори стигат дотам, за да ядат… изчакайте, Flash сайт! Определено съм в лагера „кодирайте себе си“, но все още винаги си играя с тези неща, когато виждам нов, само за да наблюдавам как се развива този пазар.

"Въпреки отхвърлянето от снобирани кодери, пазарът отказва да умре."

Нещото, което ме интересува в тази област е, че въпреки отхвърлянето от снобирани кодери, пазарът отказва да умре. В действителност изглежда не само расте, но и бързо се подобрява. Всеки нов фантазиран създател на уебсайтове, направен сам, е малко по-добър от последния. Повишението на постепенното увеличаване няма какво да се подиграва, в дългосрочен план това може да доведе до продукти, които дори сериозните професионалисти трябва да оценят.

Ще дойде ли този ден някога? Мнозина казват, че няма. Популярният аргумент гласи, че WYSIWYG никога няма да бъдат инструмент за сериозни професионалисти в уеб дизайна, само аматьори, които искат да са в големите лиги, или предприемачи, които не могат да си позволят да наемат дизайнер.

Бих заложил, че ако се върна към 80-те години, щях да намеря тонове дизайнери, които да ми кажат едно и също за компютрите. Разбира се, те притежават потенциал, но никой сериозен дизайнер никога не би използвал такъв. Това ще означава да се изостави истинското изкуство на дизайна и свободата на строеж на ръка. Звучи ли ви познато?

Не правя аргумента, че всеки уеб дизайнер трябва да изтича и да започне да използва Homestead, просто казвам, че няма смисъл завинаги да изхвърляте идеята, че тази ниша продукти може един ден да нанесе голям плясък дори в професионалния свят отвъд това, което видяхме от Dreamweaver преди години.

Имайки това предвид, ще продължа да опитвам тези неща. Може да поклатя глава и да се зачудя как някои от тях са толкова далеч от базата, но съм уверен, че един ден ще извърша същия този жест в чудене колко далеч са стигнали тези продукти.

Запознайте се със създателя на IM

Последният онлайн създател на уебсайтове, на който попаднах, е IM Creator. Терена на продажбите е много подобен на братята му: създайте свой собствен красив уебсайт, без да пишете нито един ред код, безплатно! Всички знаем, че тези безплатни претенции са доста неверни, защото в дългосрочен план ще трябва да разклоните за хостинга, ако всъщност искате да използвате сайта. Но поне е наистина безплатно да се регистрирате и да започнете да създавате сайтове.

IM Creator всъщност забавя регистрацията, докато не искате да запазите нещо, за да можете да скочите право в съставителя на сайта.

Интерфейсът тук е напълно гол, по добър начин. Изглежда просто и достъпно. Има един тон, който можете да направите, но той е умело структуриран така, че да е достатъчно лесен, че практически всеки може да го използва.

Изграждане на уеб страница

Избрах да създам собствен сайт от нулата, така че IM Creator ме започна с това, което по същество е празна страница с просто меню за навигация в горната част.

За да добавите нещо към страницата, щракнете върху бутона „Добавяне на елемент“ в горната част, който разширява доста голяма лента от бутони с опции за добавяне на картина, заглавие, абзац, видео, галерия, слайдшоу и т.н.

За начало избирам да пусна изображение. Веднага в моето платно се появява атрактивна снимка на птица, готова да бъде променена и преместена на мястото си.

Щракването върху малкия бутон за връзка над изображението извежда диалогов прозорец, който ви позволява лесно да настроите вътрешна или изходяща връзка, така че когато щракнете върху снимката, да ви отведе до определена дестинация. На друго място можете да добавите заглавие, текст и т.н.

С избраната картина щракнете върху опциите „Разширени“ в горния десен ъгъл на екрана и изберете опцията „Граници и фон“. След като разгледам възможностите си, решавам да видя дали мога да превърна тази снимка в кръг, като натискам граничния радиус (какъв бих го направил в CSS).

За съжаление, това прави много нищо. Изглежда, че работи върху кутии, но не и върху изображения. Също така, границата на радиуса контролира максимум при 99px, което го прави почти безполезен за хакването ми в кръг.

Без значение, мога да направя снимка на кръг сама. Така че следващата ми стъпка е да заменя изображението на заместителя на птицата с изображение от моя твърд диск. За да направите това, щракнете върху изображението и след това натиснете големия син бутон „Replace Pic“.

Приложението бързо импортира моята снимка и аз я поставям на мястото си. Бързо започвам да усещам работния процес тук и не е много лошо. Приложението е доста отзивчив и се чувства много по-плавно, отколкото очаквах. Харесва ми също, че не съм принуждаван към шаблон, тъй като с приложения като iWeb, мога да създавам каквото си поискам.

Добавяне на някакъв текст

След това се връщам към бутона „Добавяне на елемент“ и този път избирам абзац. Още веднъж съдържанието на заместители е доста страхотно. Параграфът се появява с заглавка, като и двете са вече доста добре оформени.

Но веднага забелязвам, че мразя височината на набраздената линия, така че натискам „Редактиране на абзац“, за да видя дали мога да го поправя. От тук имам основни опции като настройка на семейството шрифтове (приличен избор на популярни безплатни шрифтове като Chunk Five и Aller), размер, цвят и т.н., както и някои разширени опции. Тук намирам контрола на височината на линията, който следя.

Намаляването на височината на линията до 1, 5ем помага изключително много. Вече нашата страница започва да изглежда доста добре!

Фиксиране на менюто

Следващото в дневния ред е оправянето на това грозно меню за навигация. Реших да продължа с нещо много по-минимално: просто обикновен текст с прости ховър ефекти.

Нямах идея как да постигна това, но при натискане на бутона Меню Настройки изскочи набор от контроли, които го направиха много лесно. Успях да изкопая цвета на фона, да настроя цвета на текста и курсора на курсора, да разделям предметите по свой вкус и дори да настроя разстоянието между буквите.

След още малко ощипване на менюто се хвърлям в лого и това нещо наистина започва да изглежда като прилична уеб страница!

Завършване

Следвайки същия процес, попълвам останалата част от дизайна. Тук има много наистина полезни инструменти, с които да играете. Например, аз успях да вмъкна на живо карта на Google и моята емисия в Twitter само за секунди. Ето как изглежда готовият резултат:

Да мога да изградя всъщност това, което ми е в главата на безплатен онлайн създател на уебсайтове, всъщност е доста впечатляващ подвиг. Определено бих искал да имам повече контрол върху свойствата на CSS, особено тези за оформление, но като цяло опитът със строителството беше приятен.

Изглежда добре, но какво стои зад завесата?

Ако искате да видите действителната страница, получена в резултат на моите тестове, можете да я проверите тук. На повърхността изглежда всичко наред, но всеки уеб дизайнер ще има някои сериозни проблеми с него. Само за да съм сигурен, че не съм направил нищо лошо, сравних резултата си с един от предлаганите сайтове. И двамата страдали от едни и същи проблеми.

За начало кодът е каша. HTML е напълно раздут със съдържание, което изглежда по-свързано с приложението и неговите функции, отколкото страницата, която гледате в браузъра. Освен това основната функционалност е доста груба. Например, не можете да изберете някой от текста на страницата. Доколкото мога да разбера, шрифтовете се обслужват с FontSquirrel и @ font-face, така че няма причина те да не бъдат напълно избираеми.

Под кода на качулката и функционалността е критично място, където почти всички WYSIWYG отпадат по един или друг начин. Това определено е област, която трябва да бъде разгледана, преди тези инструменти и произтичащите от тях продукти наистина да могат да бъдат уважавани като „истински“ уебсайтове.

Великолепни шаблони

IM Creator може да се окаже далеч от величието в това, което се намира под капака, но трябва да кажа, от чисто визуална гледна точка, той наистина се отличава. Вградените шаблони са едни от най-добрите, които съм виждал от услуга като тази:

Наистина е приятно да видите някой, който предлага наистина модерни изглеждащи шаблони за уеб дизайн в услуга WYSIWYG, нормата в тази индустрия е тенденция да бъде страници, които изглеждат направо от 1999 г.

Целият пакет

Както споменах по-рано, "свободният" елемент е наистина само за дизайна. Ще трябва да разделите тестото за хостинг и персонализиран домейн. Текущата цена е $ 7.95 / месец (само малко $ 100 на година), но изглежда, че в близко бъдеще ще достигне $ 12.95.

Това не е най-евтината услуга в света, но ако сте в тесен бюджет, плащането на 100 долара за получаване на атрактивен уебсайт, хостван в домейна по ваш избор за една година, всъщност е доста прилична сделка. Ако ме наехте със същата цел предвид, със сигурност ще платите много повече (въпреки че ще получите много по-добър продукт).

Заключение: Каква е присъдата?

Очевидно, разбира се, това не е продукт за професионални уеб дизайнери и не е предназначено да бъде. Ние имаме на разположение по-добри, по-професионални инструменти и този вид услуги не предлагат необходимата сила или гъвкавост.

Ако обаче сте фотограф, ресторант или друг малък бизнес, пакетът IM Creator е доста примамлив. Прилично е на цена и всъщност ме впечатлява със способността си да изгради нещо напълно от нулата с доста голяма свобода. И за хората, които не са надарени в дизайна от нулата, предоставените шаблони раздуват всеки конкурент, който съм виждал.

Онлайн създателите на сайтове на DIY все още предстоят дълъг път, но продукти като IM Creator намекват за бъдеще, в което тези видове инструменти създават наистина впечатляващи уебсайтове, които едновременно се харесват на масите и се държат под контрол на професионалистите.