1. Гость, Нет времени набирать посты, чтобы открыть HIDE ? Теперь есть решение, станьте Членом Клуба!
  2. Новые покупки

    22.01.2017: WordPress для Чайников

    22.01.2017: Обучающий видеокурс по Visual Composer for WP

    22.01.2017: ВИДЕОКУРС «ТВОЕ ИДЕАЛЬНОЕ СВИДАНИЕ»

    21.01.2017: Видео курс по созданию собственного сервиса e-mail рассылок. Mail Sensey 2.0 + Скрипт (2016)

    19.01.2017: Выйти замуж удачно. Крепкие отношения (2017)

    09.01.2017: Быстрый заказ для OC 2.x 1.7.3

    08.01.2017: Софт для накрутки Андроид инсталлов (установок)

    05.01.2017: Распродажа курсов Маматова "Мужской комплект"

    05.01.2017: Как обрести мощную эрекцию и здоровую простату, используя секреты китайских Императоров

    05.01.2017: Нашумевший курс про Же*нщину-плю*с

    05.01.2017: Тренер знаменитостей, диетолог, фитнес-модель Nike, Adidas...Книга о наборе мышечной массы

    05.01.2017: от 100$ в месяц на дорвеях Вконтакте

    03.01.2017: [Бизнес Молодость] Бизнес под ключ

    02.01.2017: [Udemy.com] Стать Суперучеником 2: Научитесь скоростному чтению и улучшению памяти

    02.01.2017: [Udemy.com] Рисование и Скетчинг для Начинающих

    02.01.2017: [Udemy.com] Twitter маркетинг в 2016 году: Получайте Новых Подписчиков Ежедневно

    02.01.2017: [Udemy.com] Instagram для художников

    02.01.2017: Практический видеокурс "Простатит - секретные материалы+бонус - запись вебинара

    02.01.2017: Техники эффективного обучения - Распродажа 95%

    02.01.2017: Медитация и осознанность. 10 минут в день, которые приведут ваши мысли в порядок

  3. Нужен организатор

    22.01.2017: WordPress для Чайников

    22.01.2017: Обучающий видеокурс по Visual Composer for WP

    22.01.2017: ВИДЕОКУРС «ТВОЕ ИДЕАЛЬНОЕ СВИДАНИЕ»

    21.01.2017: Видео курс по созданию собственного сервиса e-mail рассылок. Mail Sensey 2.0 + Скрипт (2016)

    19.01.2017: Выйти замуж удачно. Крепкие отношения (2017)

    05.01.2017: Распродажа курсов Маматова "Мужской комплект"

    05.01.2017: Как обрести мощную эрекцию и здоровую простату, используя секреты китайских Императоров

    05.01.2017: Нашумевший курс про Же*нщину-плю*с

    05.01.2017: Тренер знаменитостей, диетолог, фитнес-модель Nike, Adidas...Книга о наборе мышечной массы

    05.01.2017: от 100$ в месяц на дорвеях Вконтакте

    03.01.2017: [Бизнес Молодость] Бизнес под ключ

    02.01.2017: [Udemy.com] Стать Суперучеником 2: Научитесь скоростному чтению и улучшению памяти

    02.01.2017: [Udemy.com] Рисование и Скетчинг для Начинающих

    02.01.2017: [Udemy.com] Twitter маркетинг в 2016 году: Получайте Новых Подписчиков Ежедневно

    02.01.2017: [Udemy.com] Instagram для художников

    02.01.2017: Практический видеокурс "Простатит - секретные материалы+бонус - запись вебинара

    02.01.2017: Техники эффективного обучения - Распродажа 95%

    02.01.2017: Медитация и осознанность. 10 минут в день, которые приведут ваши мысли в порядок

    02.01.2017: [Бизнес Молодость] Выбор ниши

    02.01.2017: Громов Андрей, курс "Адаптивный Мини Интернет Магазин с корзиной заказов и простой CRM"

Macaw. Визуальный редактор веб-страниц для адаптивной верстки.

Тема в разделе "Дизайн и Графика", создана пользователем allnulled, 5 сен 2016.

  1. allnulled

    allnulled Администраторы Команда форума Администраторы

    Регистрация:
    2 фев 2015
    Сообщения:
    17.045
    Симпатии:
    1.157
    Эта программа автоматически генерирует HTML и CSS код из нарисованного вами шаблона. При этом синтаксис полученного кода получается красивым и читабельным.

    Macaw за последние годы набирает большие обороты и привлекает к себе внимание все большее количество профессионалов веб-дизайна.

    Девиз программы звучит: “Хватит уже писать код, начни его рисовать!”

    В Macaw есть 2 встроенных движка:

    • Stream - выполняет роль графического редактора и в реальном времени отображает объекты на рабочей области. Все элементы на создаваемом эскизе можно передвигать, изменять и увеличивать в размере.
    • Alchemy - преобразовывает ваш дизайн в готовый HTML код, что сокращает уйму времени в процессе верстки шаблона.
    Кроме того, Macaw имеет в наличии панель управления типографикой, функционал для создания сетки и responsive дизайна и много других полезных примочек, которые вы можете изучить лично на практике.

    Macaw - это полноценный комбайн, который создает из нарисованного дизайна готовый к дальнейшей работе код.


    По словам разработчиков, развитие программы прекращено и версия Macaw 1.6 будет последней, затем ее заменит другая программа (предположительное название - Macaw Scarlet).

    Назначение Macaw - создание веб-страниц и сайтов.

    Macaw внешне напоминает графический редактор. Создается рисунок веб-страницы, который затем Macaw анализирует и преобразует в html-код.

    Macaw не CMS (Content Management System), также не использует технологии стороны сервера. Macaw было создано, чтобы быстро создать wireframes, опытные образцы и макеты и обеспечить статический HTML, CSS и JavaScript.
    Macaw может создавать сайты для разных размеров экрана.

    При использовании Macaw Вы можете добавить неограниченное число страниц.

    Используя меню страницы (Page Menu), Вы можете управлять своими страницами - открыть существующие страницы для редактирования. Меню содержит список всех страниц проекта - страницы можно добавлять, дублировать, переименовывать и удалять.

    Macaw по умолчанию публикует каждую страницу с ее собственным файлом CSS. Вы можете также создать общий файл стилей CSS для всех страниц.

    Компоненты
    Компоненты (Components) - структурированные группы элементов, которые могут быть снова использованы всюду по Вашему проекту. Библиотека элементов (LIBRARY) располагается на правой панели.

    Размещение элементов на странице простое - тяните элемент из библиотеки и можете располагать его на странице в любом месте (в т.ч. и с наложением на другие объекты).
    Настройка размеров элементов и других свойств - с использованием вкладки INSPECTOR (Правая панель).

    При расположении элементов можно использовать сетку. Имеется функция примагничивания объектов к сетке или к границам холста.

    Инструмент Элемента является самым простым из инструментов рисунка. Он создает пустые элементы без содержания. Такие элементы могут быть полезными для быстрого создания прототипов (prototyping) или начального моделирования. Рекомендуется, чтобы эти элементы в конечном счете были преобразованы в контейнеры.

    Инструмент контейнера используется для того, чтобы сгруппировать элементы. Контейнеры имеют свои собственные измерения и могут быть разработаны как другие элементы.

    Текстовый инструмент позволяет создавать текст точно таким, как он появится в браузере (т.к. холст Macaw - фактически web-браузер). Есть два типа текстовых элементов в Macaw: текст пункта и текст параграфа.

    Ара поддерживает вставку Lorem Ipsum (псевдолатыни), чтобы быстро заполнить текстовые элементы фиктивным текстом.

    Инструмент входа - для создания таких элементов как текст, электронная почта, пароль, число и входные элементы URL.
    Входные области - редактируемый текст.

    Инструмент кнопки - кнопки подобны текстовым элементам, но они автоматически располагают текст по центру. Кнопка может использоваться для создания ссылки.

    Элементы Textarea похожи на входные элементы, но они учитывают большие рабочие области.

    Элементы Checkbox и радио-кнопки

    Также имеются инструменты для вставки на веб-страницу кода HTML, iframe, карты google, youtube и vimeo.

    Вкладка Outline (Схемы) напоминает список слоев и показывает Вам все элементы на текущей странице, как те элементы структурированы, также показывает расположение элемента в слоях (z-индекс).
    На вкладке можно также быстро определить структуру Вашего документа, выбрать элементы, установить признаки/классы элемента и больше.

    Macaw имеет встроенный предварительного просмотра. В окне просмотра Вы можете рассмотреть все страницы в своем проекте, рассмотреть произведенный код. Это окно точно такое же, как окно браузера, таким образом Вы можете нажать на ссылки и проверить их работу.

    В Интерфейсе имеются также кнопки для просмотра созданного кода CSS, JavaScript, для просмотре страницы во внешнем браузере.

    Вы можете управлять всеми параметрами настройки публикации. Список страниц позволяет Вам устанавливать, какие страницы в Вашем проекте будут изданы.

     
  2. Загрузка...


Пользователи, которые прочитали эту тему (Всего: 0)