Матвей Земсков

Заметки веб-мастера

Вторник, 05 марта 2013 14:10

Описываем структуру сайта в приложении FreeMind.

Оцените материал
(2 голосов)

Для начала немного теории. Как известно, структура веб сайта – это визуальное представление внутреннего каркаса сайта. Существует несколько ее разновидностей:

  • линейная структура – используется при создании презентаций или онлайн-книг;
  • древовидная структура – применяется при создании большинства сайтов – самая функциональная и развитая: может содержать большое количество разделов и подразделов. Подходит для описания практически любого сайта;
  • решетчатая структура - в основном применяется для описания каталогов товаров, так как позволяет перемещаться из одной части сайта в другую за один клик.

Приложение FreeMind служит для создания диаграмм связей или интеллект-карт. Диаграмма связей описывается в виде древовидной схемы, очень схожей с древовидной структурой сайта. Так как древовидная структура сайта самая распространённая, мы можем использовать приложение FreeMind для описания структуры сайта. К тому же FreeMind - бесплатная программа, распространяемая по лицензии GNU GPL V2+. С ней очень удобно и просто работать.

Скачать FreeMind можно со страницы проекта на sourceforge.net. Приложение написано на Java, поэтому для его работы требуется виртуальная машина JRE (Java Runtime Environment) версии 1.4 и старше.

Примеры использования FreeMind.

Итак, после загрузки и установки программы можно приступать к разработке структуры сайта. Принципы работы с программой я покажу на примере описания структуры небольшого сайта. Пусть это будет корпоративный сайт из демо-версии CMS «1С-Битрикс». Он состоит из следующих разделов и страниц:

  • Компания
    • О компании
    • Руководство
    • Миссия и стратегия
    • История
    • Вакансии
  • Новости
  • Продукция
    • Мягкая мебель
    • Офисная мебель
    • Мебель для кухни
    • Офисная мебель
  • Услуги
  • Контакты
  • Авторизация

Меню демо-сайта выглядит так:

меню сайта

Программа FreeMind предназначена для создания интеллект-карт, а как известно все интеллект-карты состоят из узлов. В нашем случае узлы – это разделы сайта. При создании новой карты на ней уже присутствует один корневой узел. Переименуем его в «Корпоративный сайт». Теперь можно добавлять к узлу «Корпоративный сайт» подчиненные узлы, следуя по структуре нашего сайта, начиная с раздела «Компания» и заканчивая страницей «Авторизация». Для этого просто щелкайте правой кнопкой мыши по узлу и выбирайте пункт «Новый подчиненный узел» (или нажимайте Insert). После добавления первого узла, остальные узлы того же уровня можно добавлять щелкая правой кнопкой мыши по узлу и выбирая пункт меню «Новый смежный узел после текущего».

Структура нашего сайта 2-х уровневая. У разделов «Компания» и «Продукция» есть подразделы. Эти подразделы добавляются к разделам тем способом, что описан выше: щелкаем правой кнопкой по разделу и выбираем пункт «Новый подчиненный узел».

К любым узлам можно добавлять комментарии. Для этого внизу окна приложения есть небольшое окошечко. Выделяем узел и пишем в окне текст комментария к нему. У узла с комментарием появляется специальный значок. Текст комментария можно увидеть сразу после наведения мыши на него.

В конце статьи можно увидеть скринщот разработанной структуры демо-сайта.

После создания документа, с описанием структуры нашего сайта, его можно экспортировать в различные форматы. Например, PDF, PNG, SVG и JPEG, а также HTML и XHTML.

У приложения FreeMind очень широкие возможности, описать которые в этой небольшой заметке не представляется возможным. На сайте разработчика можно скачать подробную документацию по работе с программой (правда, на английском языке).

Как и у любой другой программы, у FreeMind существуют альтернативы как распространяемые бесплатно, так и коммерческие. Из бесплатных приложений, схожих по функционалу с FreeMind можно назвать Thinkgraph и VYM - View Your Mind , а из коммерческих продуктов - MindManager и Inspiration , а также другие аналогичные приложения.

Выбор в итоге стоит, конечно, за пользователем, но выбрав FreeMind для создания структуры сайта, вы не ошибетесь и решите свои задачи без особых проблем.

Прочитано 19037 раз

Галерея изображений

Мои услуги

Предлагаю следующие услуги:

  • Верстка шаблона сайта из дизайн-макета для CMS «1С-Битрикс Управление сайтом» и CMS “Joomla”
  • Создание форм различной сложности (обратная связь, анкеты и тп) для указанных CMS
  • Настройка и кастомизация компонентов и модулей для указанных CMS
  • Доработка модулей и компонентов для указанных CMS, добавление нестандартного функционала
  • Разработка лендингов (landing-pages)

По все вопросам обращайтесь через форму обратной связи

Скачать

Предлагаю вашему вниманию:

Наверх