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

Как нанести точку на карту

Как нанести точку на карту 07 дек 2014 19:38 #1

  • LeshaK
  • LeshaK аватар
  • Не в сети
  • Администратор
  • Сообщений: 7790
  • Спасибо получено: 3773
  • Репутация: 189
Тут надо рассказать именно о редакторе сайта, а не форума.
Не бойтесь, хоть и в теме многафото и многабукв dead , на самом деле все не страшно, просто я расписал все в подробностях. А научится можно за полчаса.
Это общий редактор сайта, в котором я (и вы), можете создавать статьи со множеством возможностей. Этот редактор присутствует везде, где у пользователя есть возможность что то добавить, в Библиотеку например, описание к точке на Интерактивной карте, поправить или дополнить свою же статью, создать новую.
Вопросы будут наверняка, так что для уроков работы с редактором JCE, я выбрал именно форум - как платформу подразумевающую вопросы и обсуждения.

Основой для уроков, послужит пункт меню в разделе Интерактивные карты "Добавить точку".
Нажав этот пункт меню, мы попадаем на страницу добавления точки.
Самый верхний раздел:



Имя местоположения - вписываем название вашей точки, не длинное, но отражающее ее суть.
Категория - выбираем из представленных в списке
Изображение.
Тут традиционно. Нажимаем "обзор", выбираем фото на вашем компе.
Это фото единственное, оно будет прикреплено к точке миниатюрой 80х80 в списке точек справа от карты, а так же отображаться в полном размере, при выборе просмотра точки "Детальнее".
По этому, к фото есть требования. Размер 640х480 или 800х600, или около того.
Слишком большое фото вылезет за пределы при просмотре, слишком маленькое - будет не информативным. И пожалуйста, следите за объемом фото в килобайтах. Желательно - не более 300 кб. Сервер все таки не резиновый. ulybka
Выбрали? Ну все. Оно загрузится и опубликуется только после завершения публикации точки.
История - это то, что было...
Последнее редактирование: 08 дек 2014 01:12 от LeshaK.
Пожалуйста, зарегистрируйтесь на форуме для участия в обсуждениях.

Работаем с текстовым редактором сайта 07 дек 2014 20:03 #2

  • LeshaK
  • LeshaK аватар
  • Не в сети
  • Администратор
  • Сообщений: 7790
  • Спасибо получено: 3773
  • Репутация: 189
Дальше. Начнем с простого. Написание или вставка текста.
Честно говоря, мне удобнее текст вставлять. Но конечно, можно его набрать прямо в поле редактора. В любом случае, операции по смене стиля текста, будут одинаковыми. Но об этом ниже, а сейчас я расскажу как правильно вставлять готовый текст.
Он может быть скопирован откуда угодно. Но! Скопированный текст, может содержать в себе элементы формата и стиля, которые не видны. И при прямой вставке в окошко редактора, может стать минимум странным.
Для того, чтобы вставить в наш редактор текст в "чистом" виде, есть коричневая кнопочка "втавить текст".



Нажимаем на синюю стрелочку справа от кнопочки, и в выпадающем меню появляются два типа вставки. Нам надо второй - "paste.paste_text_deck".
Жмем его, и получаем окошко, в него и вставляем скопированный текст:



Прямо в этом окошке, можно сразу сделать предварительный формат - пробелы, исправить ошибки (они подчеркиваются), перенос по строкам и фразам.
Не обязательно, если текст большой, вставлять его целиком. Это можно сделать и частями.
Поправили? Жмем "вставить". Тект вставится туда, где перед процедурой, в окошке редактора мигал значок курсора:



Он - "чистый", без стилей. Чтобы он стал крупнее и (главное!) во всех браузерах пользователей отображался одинаково, ему надо задать стиль.

Выделяем текст.
Нажав синюю стрелочку рядом с "Размер шрифта" выбираем 12рт.



Дальше -"Семейство". Выбираем "Arial"



Все, текст стал крупнее, изменил стиль:



К тексту (или части текста) можно применить и другие свойства. Жирность, подчеркнутость, наклон, цвет (Буква "А" и синяя кнопочка справа от нее). Все это действует на выделенный текст. Эти кнопки сгруппированы над стилем и размером.
Замена цвета текста "А" - справа от "размера".
Не бойтесь поэкспериментировать. В левом верхнем углу редактора есть две кольцевые синие стрелки. Это возврат на шаг назад, или на шаг вперед. Неправильное действие всегда можно отменить.
Также есть возможность выравнивания текста по центру, слева-справа. Стандартные кнопки и пиктограммы любого редактора.
История - это то, что было...
Последнее редактирование: 07 дек 2014 20:07 от LeshaK.
Пожалуйста, зарегистрируйтесь на форуме для участия в обсуждениях.

Работаем с текстовым редактором сайта 07 дек 2014 20:32 #3

  • LeshaK
  • LeshaK аватар
  • Не в сети
  • Администратор
  • Сообщений: 7790
  • Спасибо получено: 3773
  • Репутация: 189
Дальше. Вставляем фото.
Сразу напомню еще раз. Фото - не больше 800х600, до 300-350 кб!
Если надо будет вставить карту, или более информативное и большое фото - тут будет другой способ.
Итак, загружаем и вставляем фото ниже текста. (О табличной разметке, вставке фото в текст или слева-справа, отдельная тема).
Для этого, ниже текста показываем, куда вставить фото. Там замигает курсор.
А дальше, жмем вот эту кнопку редактора:



Открывается окно Менеджера загрузок.
В списке слева - много всяких папок. Но я сделал для пользователей одну общую, она самая первая в списке - "01foto". Нажимаем прямо на папку (а не на плюсик слева от нее).
Видим, что плюс сменился на минус, а в среденм окошке появилась наша открытая папка.
Пока файлов в ней нет, но по мере добавления фото, там они появяться.



Далее, для загрузки фото в эту папку нажимаем кнопку "Загрузить" справа:



Появляется окошко выбора и загрузки. Нажимаем "Обзор", выбираем файл на компютере или перетаскиваем:



После загрузки выбранный файл (файлы) появятся в окошке:



Нажимаем кнопку "Загрузить". В Менеджере загрузок, справа внизу, появится миниатюра загруженного файла, а само название файла - в списке в среднем окошке. Если там будут уже файлы, то ваш(ваши) только что загруженные выделятся жирным шрифтом:



Теперь надо ваш файл выбрать для легкого редактирования, ткнув на его название в среднем окошке. И его миниатюра появится и в верхнем правом углу:



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

Если вы выбрали случайно не то фото, его можно тут же удалить. Это красный крестик (синяя стрелка).
Внимание! Будтье предельно аккуратны с удалением и выбором удаляемого файла. Не удалите случайно чужие фото!

Ну все. Жмем кнопку "вставить" и ваше загруженное фото появляется в редакторе:



Размер уже вставленного фото можно подогнать по месту.
Для этого кликаем на него, и на границах фото появляются белые квадратики.
Наведя на один из них, и удерживая кнопку мыши, можно растянуть или сжать фото по вертикали, горизонтали, диагонали.
Так же можно, удерживая кнопку мыши, претащить фото в другое место текста или поля редактора.
История - это то, что было...
Последнее редактирование: 07 дек 2014 20:35 от LeshaK.
Пожалуйста, зарегистрируйтесь на форуме для участия в обсуждениях.

Работаем с текстовым редактором сайта 07 дек 2014 21:05 #4

  • LeshaK
  • LeshaK аватар
  • Не в сети
  • Администратор
  • Сообщений: 7790
  • Спасибо получено: 3773
  • Репутация: 189
Следующее, что часто надо в создании описания точки (или статьи) - кнопка "вставить ссылку".



Нажимаем, открывается окошко создания ссылки:



В соответствующие поля вставляем ссылку, пишем ее название или описание.
Дальше, в этом же окошке нажимаем кнопку меню "Всплывающие окна"



Этот выбор определяет, как будет открываться ваша ссылка. В маленьком всплывающем окне, или в новом окне браузера. Последнее, естественно, правильней.



По этому, в выпадающем списке, выбираем "Window popups":



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

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

Работаем с текстовым редактором сайта 07 дек 2014 21:26 #5

  • LeshaK
  • LeshaK аватар
  • Не в сети
  • Администратор
  • Сообщений: 7790
  • Спасибо получено: 3773
  • Репутация: 189
Завершаем процесс создания описания точки.
Под окном редактора есть еще две полезные кнопки.
"DocLink" - это кнопка вставки в текст ссылки на документ в нашей Библиотеке.
Тут все просто. Указываем позицию где должна быть ссылка в тексте курсором, нажимаем эту кнопку. В открывшемся окне сначала выбираем раздел документов, потом сам документ.
Выбираем, нажимаем "вставить". В тексте появится ссылка на книгу, статью, документ из Библиотеки.



И очень главная и полезная кнопка "Подробнее". О ней часто забывают. Так вот, если ей не воспользоваться, то весь текст и фото в описании точки вылезут в правой колонки карты целиком, став неудобоваримыми и растянутыми. Тоже самое, касается статьей в блогах и сайта.
Для разделения текста на вступление и "Читать дальше", мы отделяем вступительную часть текста от основного материала пробелом, устанавливаем в нем курсор, и нажимаем кнопку "Подробнее". Она также, имеется в панели управления редактором:



В тексте появится разделитель. Все, что после него, будет открываться после нажатии кнопки "читать далее" в любом контенте.

Поля, указанные зеленой стрелкой, заплонять не надо.
Они заполняются только в том случае, если не надо таскать маркер, а надо его установить на конкретном адресе, улице, доме.
История - это то, что было...
Последнее редактирование: 07 дек 2014 21:29 от LeshaK.
Пожалуйста, зарегистрируйтесь на форуме для участия в обсуждениях.
Спасибо сказали: Марта

Работаем с текстовым редактором сайта 07 дек 2014 21:33 #6

  • LeshaK
  • LeshaK аватар
  • Не в сети
  • Администратор
  • Сообщений: 7790
  • Спасибо получено: 3773
  • Репутация: 189
Устанавливаем маркер.
Тут все просто и понятно.



Двигаем карту удержанием кнопки мыши, меняем масштаб колесиком или прокруткой на ноутбуке. Выбираем нужное место.
Кликаем по нему - и появляется красный маркер. Его тоже можно перетаскивать, удерживая мышью.

Установили? Ну и все. Осталось отправить вашу точку в жизнь на карте нажав кнопку "Подтвердить".

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

Работаем с текстовым редактором сайта 07 дек 2014 23:46 #7

  • Марта
  • Марта аватар
  • Не в сети
  • Модератор
  • Сообщений: 3202
  • Спасибо получено: 986
  • Репутация: 126
Поставила. Кривовато. Как отредактировать-то?

п.с. Чтобы поставить маркер, надо в графе "город" обозначить ближайший населенный пункт. Если название пункта слишком уж распространенное, то добавить "краснодарский край". Тогда не надо будет тащить маркер через весь мир в деревню Тхамаху.
"Факты не должны мешать нам"
Последнее редактирование: 07 дек 2014 23:51 от Марта.
Пожалуйста, зарегистрируйтесь на форуме для участия в обсуждениях.

Как нанести точку на карту 08 дек 2014 01:16 #8

  • LeshaK
  • LeshaK аватар
  • Не в сети
  • Администратор
  • Сообщений: 7790
  • Спасибо получено: 3773
  • Репутация: 189
Редактировать просто. При наведении курсора на пункт меню "Добавить точку", под этим пунктом появляется всплывающее меню "Редактировать свои". Жммем, попадаем на страничку со списком своих маркеров. Там нажимаем на изображение карандашика у названия маркера.
Все, попадаем на страницу редактирования.
История - это то, что было...
Последнее редактирование: 08 дек 2014 01:17 от LeshaK.
Пожалуйста, зарегистрируйтесь на форуме для участия в обсуждениях.

Как нанести точку на карту 08 дек 2014 01:18 #9

  • LeshaK
  • LeshaK аватар
  • Не в сети
  • Администратор
  • Сообщений: 7790
  • Спасибо получено: 3773
  • Репутация: 189
Тему перенес в раздел "Интерактивная история Краснодарского края" (Раздел форума "Карты, маршруты").
История - это то, что было...
Пожалуйста, зарегистрируйтесь на форуме для участия в обсуждениях.

Как нанести точку на карту 08 дек 2014 15:34 #10

  • LeshaK
  • LeshaK аватар
  • Не в сети
  • Администратор
  • Сообщений: 7790
  • Спасибо получено: 3773
  • Репутация: 189
На следующем скрине, представленно, как должно выглядеть описание к точке в окне вашего редактора, чтобы оно соответствовало общему стилю всех описаний точек:

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

Как нанести точку на карту 08 дек 2014 16:14 #11

  • LeshaK
  • LeshaK аватар
  • Не в сети
  • Администратор
  • Сообщений: 7790
  • Спасибо получено: 3773
  • Репутация: 189
Упрощена загрузка фото в описание точки или статью.
Теперь пользователю не надо выбирать папку для своих фото из списка.(Пост №3 в этой теме).

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



Дальнейшие действия по загрузке фото расписаны в посте №3 этой темы.
История - это то, что было...
Последнее редактирование: 08 дек 2014 16:34 от LeshaK.
Пожалуйста, зарегистрируйтесь на форуме для участия в обсуждениях.