Wix

Сайт доступен на английском и испанском языках, поэтому я буду использовать английскую весрию. Чтобы зарегистрироваться, нажмите кнопку Sign Up, введите e-mail и пароль. Сразу после этого Вы попадете на страницу с тремя опциями. Для создания сайта, нажите Create. Вашему вниманию предоставят большой выбор шаблонов, рассортированных по тематическим категориям. Некоторые шаблоны бесплатные (Free), а некоторые - платные (eCommerce). Красивых бесплатных шаблонов много. Если ни один из шаблонов Вас не устроил, можете выбрать опцию Blank Site и делать сайт с чистого листа. Редактор сайта откроется в новом окне. В нем будет три меню: верхнее - основные настройки сайта, левое - файловый менеджер и добавление компонентов и правое - редактор страниц сайта. Начнем с верхнего меню.

File / Файл

Save - сохранить изменения на сайте

Save As... - сохранить, как отдельный проект

Publish - опубликовать изменения на сайте

Settings - настройки сайта

General - основные настройки, где можно указать адрес сайта и настроить домейн

Appearance - можно задать цвет фона, размер flash окна и режим просмотра

Extras - настройка favicon (почему-то платная) и индикатор загрузки файлов и изображений

Site Optimization - название сайта и мета-теги описания, ключевых слов и разрешение к индексированию поисковиками

Stats - поля для вставки кода Google Analytics, настраивается платно

Edit / Правка

Undo - отменить действие

Redo - повторить действие

Cut - вырезать

Copy - скопировать

Paste - вставить скопированное

Delete - удалить

Duplicate - клонировать (сделать аналогичный элемент)

Arrange / Размещение

Данные настройки полностью аналогичны настройкам редактора PhotoShop.

Send to Back - сделать самым нижним слоем

Send to Front - сделать самым верхним слоем

Move Forward - поднять на слой выше

Move Backward - опустить на слой ниже

Set as Background - сделать фоном

Alignment Options - самые разные настройки горизонтального и вертикального позиционирование элемента

Transform - свободная трансформация

Rulers - линейки для удобной работы с выравниванием элементов

Snap to Objects - раздробить на объекты

Help / Помощь

Help Center - открывает окно помощи, где рассказывается, как настраивать элементы

Get Started - открывает окно с введением для новичков

How to... - открывает окно помощи с видео уроками по системе

Promote Your Site - откроет окно со списком советов для раскрутки сайта

Ask a Question - откроет окно переписки со службой поддержки, где можно задать любой вопрос

Keyboard Shortcuts - откроет список действующиех комбинаций клавиш

Ctrl+X - вырезать

Ctrl+C - скопировать

Ctrl+V - вставить скопированное

Ctrl+Shift+V - вставить скопированное в определенное место

Ctrl+Z - отменить

Ctrl+Y - повторить действие

Ctrl+S - сохранить flash

Ctrl+< - опустить элемент на слой ниже

Ctrl+> - поднять элемент на слой выше

Ctrl+[ - сделать элемент самым нижним слоем

Ctrl+] - сделать элемент самым высоким слоем

,,, - сдвинуть на пиксель

Ctrl+,,, - сдвинуть на 10 пикселей

Ctrl+Shift+S - сохранить флэшку как...

Ctrl+D - клонировать элемент

Ctrl+G - сгруппировать или разгруппировать элементы

Ctrl+A - выделить все элементы

Ctrl+Shift+A - выделить все элементы, кроме выделенных

Alt+Click - выделить элемент, спрятанные под другим элементом

Ctrl+Click - добавить или убрать элемент из группы выделенных

Ctrl+K - вызов меню позиционирования элементов

Shift+Click+Drag - указать границу выделенных элементов

Ctrl+Shift+Click & Drag - указать границу выделенных элементов и включить туда еще элемент

Иногда пояснения к действиям кажутся более сложными, чем сами действия на практике. В общем, меню редактора wix ничем особо не отличается от меню других графиеских редакторов. Да и пользоваться этим меню придется редко, поскольку каждую операцию над элементом можно произвести щелчком по нему правой кнопкой мыши и указанием нужного действия. То есть, в меню вообще для этого лезть необязательно. Еще в меню есть иконки настройки вида, предпросмотр, сохранение и публикация. Они уже были в меню, но для удобства их продублировали и сделали для них декоративные кнопки для лучшей ассоциации с действием. Теперь приступим к левому меню. Там нам предлагается ассортимент всех элементов, которые мы сможем добавить на сайт.

Add / Добавление

Text - текстовые элементы

Title - шрифты для оформления заголовков предлагаются на трех страницах, увы очень мало из них поддерживают кириллицу

Paragraphs - добавление текста или текста с заголовком, для прокрутки текста можно выбрать много видов скроллбаров, среди шрифтов, поддарживающих кириллицу, можно выбрать Arial, Tahoma, Times New Roman, Georgia, Comic Sans MS, Impact, Monotype Corsiva, Courier New, Garamond

Pics - изображения

Можно загрузить картинку, вставить картинку из интернета, а также выбрать из галереии wix или Fotolia. Поддерживаются форматы jpg и png. Максимальный размер файла - 5 мегабайт.

Galleries - галереи изображений

Slideshow - можно вывести слайдшоу изображений в десяти разных формах

Slider - цепочку изображений можно вывести в 11 разных формах

Cover Flow - закругленное слайдшоу в 8 разных формах

Carousel - слайдшоу в виде карусели в 11 разных формах

Matrix - вывод таблицы с изображениями 5 разными способами

Collage - вывод коллажа изображений с 5 разными эффектами

Fan - четыре способа вывода изображений, сложенных в веер

More - вывод изображений гармошками, динамическими листалками и альбомами с эффектом реального перелистывания страниц

Music & Video - вывод медияплееров

Music - можно загрузить музыку до 15 мб или подключить со сторонней ссылки, доступно 29 видов плееров, к каждому плееру можно подключить плейлист, сменить скин или цветовую гамму и добавит 19 визуальных эффектов

Video - можно подключить видео с сервисов YouTube, MetaCafe, 5min, а также дать прямую ссылку на файл формата FLV или MP4; вид плеера можно сделать своим - доступны 6 видов, каждый из которых можно отредактировать

Clipart - декоративные элементы

Clip Art - добавление разных картинок из специальной галереи

Shapes - добавление разных геометрических фигур и символов (аналогична функции фигур в фотошопе)

Lines - добавление декоративных разделителей

Icons - маленькие иконки, стрелки, указатели, логотипы социальных сервисов, флаги государств

Animations - добавление анимаций из специальной галереи

Page Parts - блоки страниц

Page Groups - группы страниц

Areas - декоративные рамки и таблицы

Navigation - навигация сайта

Menus - большой ассортимент горизонтальных, вертикальных и табличных меню для сайта

Buttons - 45 видов кнопок с динамическими эффектами

Controllers - 21 вид переключателей страниц

Widgets - виджеты

Contact Form - несколько видов контактных форм, где можно указать e-mail, поменять название полей, изменить цвета, вставить эффекты и анимации

Comments - три вида форм для комментариев с модерацией, где можно задать цвета, эффекты, анимации и прозрачность

RSS - можно вывести ленту твиттера или простую RSS ленту списком, каруселью и многослойной стопкой; трансляция идет через feedburner.com

Google Maps - стандартный вывод виджета карт гугла

HTML - выбор виджетов Xat Chat, Scheduler, Vimeo, StatCounter, PollDaddy, Wufoo form, Nabble Forum, MeeboMe, Google Calendar, кнопка Facebook Like, а можно вставить собственный HTML код

eCommerce - электронная коммерция

Paypal Buttons - вывод кнопки PayPal

Online Store - вывод перечня товаров несколькими разными способами, формы приема карт, кнопки корзины и покупок

Background / Фон

Site - подборка цвета фона сайта, размер флэш-окна, способ отображения

Master Page - фон основного флэш-окна можно выбрать из огромного количества галерей

My Files / Мои Файлы

All - файловый менеджер, показывающий файлы всех форматов

Pics - показывает только изображения, максимальный размер - 5 мб

Music - показывает только музыку, максимальный размер файла - 15 мб

Docs - показывает только документы, максимальный размер файла - 10 мб

SWF - показывает только флэшки

Upload - загрузка файлов

На этом левое меню заканчивается. О правом меню писать особо нечего, поскольку оно представляет собой список созданных страниц с опцией создать новую страницу сайта. Во время фокусирования на каком-либо элементе страницы под правым меню появляется меню для редактирования этого самого элемента. Каждый элемент имеет ряд оцпий: можно полностью настроить его вид: прозрачность, цвет, отлив, рамка, тень, выпуклость, размытость, отражение, подсветка, настройка звукового сигнала во время нажатия или наведения мышкой, всевозможные динамические эффекты вроде искрения, рассыпания и т.п., наложение локальных ссылок и гиперссылок. В общем, в предложенной библиотеке эффектов имеются все эффекты редакторы Photoshop и Macromedia Flash.

Чтобы не создавать каждую страницу с чистого листа, страницы поделены на Master Pages (основные каркасы) и их дочерние страницы с разным контентом, которые наследуют дизайн мастер пейджа. На статические элементы дизайна (которые должны быть общими у всех страницы) нужно повесить замок, то есть запереть (lock). Запертые элементы дизайна автоматически отобразятся на новосозданной дочерней странице. Каждую страницу можно дублировать и запаролировать. Каждый проект может содержать неограниченное количество страниц. Количество проектов тоже неограничено. Вы можете создавать не только сайты, но и просто плееры, виджеты, рекламные флаеры, презентации и другие флэш навороты. Все ваши проекты будут публиковаться по адресу http://wix.com/твой_ник/название_проекта, однако также Вы можете взять предложенный код и вставить его на любой другой сайт.

Закончив работать над флэшкой, вы можете опубликовать ее по адресу http://wix.com/your_login/flash_name или скопировать предложенный код вида: <object width="1000" height="650" type="application/x-shockwave-flash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10.0.0"><param name="allowFullScreen" value="true"/><param name="allowNetworking" value="all"/> <param name="allowScriptAccess" value="always"/><param name="base" value="http://static.wix.com"/><param name="movie" value="http://static.wix.com/client/app.swf" /><param name="quality" value="high" /><param name="FlashVars" value="pageId=iKHMJripnww-a&embedFormat=websites&embedID=Otnd8Nbjhp0QVKDt28vlL9fSbTWJNcuVUVRtEXYXUu6RYiW4G8NW1JC1342goTGza&partner_id=WMGs4POB1ko-a" /><param name="scale" value="noScale" /><param name="salign" value="tl" /><embed src="http://static.wix.com/client/app.swf" quality="high" allowNetworking="all" allowScriptAccess="always" allowFullScreen="true" FlashVars="pageId=iKHMJripnww-a&embedFormat=websites&embedID=Otnd8Nbjhp0QVKDt28vlL9fSbTWJNcuVUVRtEXYXUu6RYiW4G8NW1JC1342goTGza&partner_id=WMGs4POB1ko-a" type="application/x-shockwave-flash" width="1000" height="650" base="http://static.wix.com" scale="noscale" salign="tl" ></embed></object><br/><a href="http://www.wix.com"><b>Free website</b></a> - <a href="http://www.wix.com/create/website" ><b>Powered By Wix.com</b></a> Этот код вы сможете скопировать на любой другой сайт. Пример моего кода:

Что еще можно написать о сервисе? Он хорошо продуман и уникален в своем роде. Насколько я знаю, это первый и единственный конструктор флэш-сайтов. Несмотря на всю негибкость флэш-сайтов, wix предлагает внедрять в них интерактивные элементы вроде форумов, чатов и комментариев, а также трансляцию RSS-лент. То есть, сайты на wix сохраняют зрелищность флэш-сайтов и перенимают динамичность и интерактивность обычных сайтов. В функциональности этих сайтов я минусов пока не нашла. Не радует только отсутствие возможности загрузить собственные декоративные шрифты, ибо предлагаемые системой шрифты не поддерживают кириллицу. Нельзя загружать GIF анимации. Но основная проблема - это индексирование текста внутри флэша. Да, разработчики обещали хорошие отношения с поисковиками. Но, насколько я успела понять, эти отношения заключаются лишь в прописании мета-тегов для страницы, но никак не в индексировании внутреннего контента.

Этот сервис пригодится для сайтов-визиток, небольших фан-сайтов, сайтов с портфолио изображений, небольших коммерческих сайтов. Вот такой сайт я создала на сервисе за пару дней:
Wix.com/ani_do/blog