Как использовать FreeMind для разработки или управления сайтом

FreeMind веб-дизайнКогда вы думаете об инструментах, которые вы можете использовать для создания веб-страниц, вы, вероятно, думаете о таких вещах, как Kompozer или Firebug

, Однако что, если я скажу вам, что одним из инструментов, который действительно может повысить ваши творческие способности, когда речь идет о разработке макета веб-дизайна, является карта ума?

Мы рассмотрели множество инструментов для составления карт разума здесь, в MUO. Нэнси пересмотрела Thoughtboxes

и Джеффри рассмотрели инструменты Mindmapping для Mac

, Я думаю, что мое любимое интеллектуальное приложение из них — это проект с открытым исходным кодом FreeMind.

FreeMind — один из тех чудесно простых в использовании, но запутанных, настолько сложных, насколько вам нужно, когда вам это действительно нужно. Это красота этого. Таким образом, для людей, которые особенно креативны, такое приложение, как FreeMind, буквально освобождает ваш разум для исследования в любом направлении, в котором вы хотите идти. Когда вы пытаетесь сделать что-то столь же абстрактное и сложное, как разработка потока и функций веб-сайта, вам нужна такая гибкость.

Здесь, в MUO, мы стремимся помочь читателям «использовать» приложения способами, которые вы, возможно, раньше не рассматривали. Я уверен, что есть некоторые из вас, которые использовали для этой цели инструменты отображения разума — в конце концов, это умная толпа. Но для тех из вас, кто никогда не задумывался об использовании интеллектуального инструмента для создания своего нового веб-сайта, позвольте мне прогуляться по саду веб-дизайна FreeMind.

Разработка сайта с FreeMind

В простейшей форме, я думаю, очень быстро становится очевидным, почему именно такой инструмент для разметки, как FreeMind, идеально подходит для веб-дизайна. Всего за несколько минут, только используя опцию «New Child Node» во FreeMind, я сгенерировал карту верхнего уровня моего блога.

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

FreeMind веб-дизайн

В этом примере я разработал главную страницу с шестью навигационными ссылками для шести основных подразделов моего сайта. Возможно, мне следовало бы также добавить страницу «функций» или «статей», так как в этом весь блог. Но в этом и заключается прелесть ментальной карты — вы можете настроить и изменить ее так, чтобы она соответствовала любым дизайнерским идеям, попадающимся вам в голову.

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

FreeMind для отображения веб-сайтов

Хотите проверить страницу контактов, которую вы редактировали некоторое время назад? Не тратьте время на то, чтобы открыть браузер и ввести URL-адрес, просто нажмите на ссылку FreeMind, и вы на месте.

FreeMind для отображения веб-сайтов

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

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

Еще одна интересная особенность FreeMind — возможность добавлять изображения в узлы. Просто нажмите Вставка — Изображение из меню, или щелкните узел и нажмите Alt-K. Просто перейдите к файлу изображения, который вы хотите использовать. Гораздо проще, если вы измените размер изображения так, чтобы оно соответствовало размеру миниатюры, в противном случае вам придется настроить представление HTML-кода в FreeMind после импорта изображения.

FreeMind для отображения веб-сайтов

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

сайт свободного разума

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

Еще одна интересная особенность FreeMind, которая прекрасно вписывается в набор инструментов веб-дизайна, — это инструмент управления временем, встроенный прямо в FreeMind. Вы можете попасть туда, перейдя в «Инструменты», а затем выберите «Показать календарь». Появится большое окно календаря «Управление временем».

сайт свободного разума

Вы можете применить даты к узлам, нажав «Добавить дату к выбранным узлам». Это классный способ управления версиями на ваших страницах, с помощью даты / времени, помечая узел датой, когда эта конкретная страница была создана или обновлена.

Выбранная вами дата будет добавлена ​​в конец текста узла.

сайт свободного разума

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

Для этого просто выберите узел, перейдите в календарь управления временем, выберите дату, которую вы хотите обновить на следующей странице, а затем нажмите «Напомнить мне в эту дату».

Как использовать FreeMind для разработки или управления сайтом freemind8

На этом узле появится маленькая иконка с часами. Это говорит о том, что с ним связана тревога, и вы получите всплывающее уведомление на своем компьютере, когда придет время обновить эту страницу. Никогда не думал, что вы будете использовать инструмент для создания карт для управления проектами веб-дизайна, не так ли?

Кроме того, если вы хотите просмотреть все расписание обновлений, перечисленное по страницам, просто зайдите в Инструменты и выберите «Показать список планировщика времени».

Как использовать FreeMind для разработки или управления сайтом freemind9

Вы получите полный отчет обо всех запланированных вами страницах, когда вы запланировали (создали) их, а также дату, когда эта конкретная страница должна быть обновлена ​​следующей.

Как использовать FreeMind для разработки или управления сайтом freemind10

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

О, и есть еще одна важная особенность, которую я почти забыл. Это на самом деле очень важно, если вы склонны быть одним из тех программистов, которые теряют место хранения файлов вашего проекта.

FreeMind имеет возможность гиперссылки на файлы на вашем ПК, так что вы можете использовать эту функцию, чтобы связать узлы страницы с реальным кодом, сохраненным на вашем компьютере. Вы просто переходите к «Вставить», выбираете «Гиперссылка (File Chooser)», а затем просто просматриваете файл, с которым вы хотите связать этот узел.

FreeMind веб-дизайн

Ссылка на файл для этого узла отображается в виде красной стрелки. Всякий раз, когда вы захотите внести некоторые изменения в код, просто нажмите на ссылку на файл, и он сразу же откроется для вас — не нужно копаться, пытаясь найти его. Просто убедитесь, что вы помните, где вы сохранили его, чтобы вы могли загрузить изменения на свой веб-сервер.

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

Какие инструменты вы используете для управления своими проектами веб-дизайна? Вы могли бы попробовать FreeMind вместо этого? Есть ли у вас какие-либо другие креативные идеи для использования инструмента создания карт в рамках проекта веб-дизайна? Поделитесь своими мыслями в разделе комментариев ниже.

Ссылка на основную публикацию
Adblock
detector