Кроссворд на блоге или сайте. Программа EclipseCrossword

































































































































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

Так вот. Сегодня я хочу Вам поведать о том, как сделать кроссворд на блоге с помощью программы  EclipseCrossword.

Доброго дня, мои читатели и посетители блога lovesneaker.ru

        Как сделать кроссворд на блоге своими руками.

Программа  EclipseCrossword

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

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

О том, что и как можно улучшать поведенческие факторы — я писал здесь и здесь.

А сегодня я решил еще дополнить данную тему. Я провел марафон кроссвордов и могу с уверенность сказать — он удался на славу ! Теперь же я хочу передать свой опыт по созданию кроссвордов и в данном посту расскажу Вам об этом.

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

Оля, тебе отдельный привет и спасибо за напоминание о актуальности данной статьи.

Так — с… Давайте уже приступим.

Программа  EclipseCrossword.

Скачиваем программу EclipseCrossword бесплатно

Скачиваем необходимое программное обеспечение. Программу EclipseCrossword, которая будет нам необходима — качаем отсюда.

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

Спасибо человеку, кто это сделал.

Скачиваем, устанавливаем, запускаем. Все как обычно.

После запуска видим следующее:

кроссворд на блоге EclipseCrossword

Выбираем тут пункты, как на фото — т.е. будем создавать новый кроссворд. Жмем «Next«

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

кроссворд на блоге EclipseCrossword

Теперь нам предстоит самая главная задача — придумывать слова и формулировать вопросы для них. Давайте проделаю данную процедур и я для Вас. Только будет у меня мега короткий кроссворд, состоящий из 4 — х слов.

Вы же будете придумывать свои кроссворды в зависимости от Вашей фантазии, начитанности и… призового фонда )))

кроссворд на блоге EclipseCrossword

Тут все просто. Слева «Word List« — список тех слов, которые будут входить в Ваш кроссворд. Их, по возможности должно быть много. Думаю, 15-20 слов самое то, для среднего кроссворда.

Верхнее поле — это собственно то слово, которое надо разгадать. Оно же и попадет в список слева, после того, как Вы сделаете описание к данному слову в графе «Clue for this word и нажмете на кнопку «Add word to list«, т.е. добавить слово в список.

Если у Вас возникнет желание изменить описание к слову, или само слово — выбирайте его из списка слева. Делается это двойным щелчком левой кнопки мыши. Редактируйте и потом снова нажимайте на «Add word to list«

Идем дальше.

На данном этапе можно проделать еще вот что. В принципе данную процедуру можно сделать в любой момент, но я решил это сделать именно сейчас.

Нам необходимо включить функцию, которая бы делала так, чтобы загаданные слова не были видны в коде страницы — кроссворда. Сейчас еще поясню. Дело в том, что сделанный нами кроссворд мы не будем интегрировать в сам пост, а вынесем его на отдельную html страницу.

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

Эх, где бы еще найти такой кроссворд )))

Как защитить эти слова?

Идем в настройки программы:

кроссворд на блоге EclipseCrossword

Жмем на «шестеренку», далее выбираем вкладку «Web», которая отвечает за то, как будет выводится код кроссворда и следим за тем, чтобы в поле «Do not allow cheating«стояла галочка в данном чекбоксе. Жмем «ОК» и дальше «Next«

Все — враг не пройдет и наш код под защитой.

После этого у нас программа спросит хотим ли мы сохранить список слов для будущего редактирования или нет. Естественно соглашаемся и говорим «Да».

Называем самостоятельно данный список слов и выбрав место сохранений — жмем «Сохранить»

кроссворд на блоге EclipseCrossword

Если у Вас большой кроссворд, да хоть и маленький — Вам больше не придется волноваться по поводу того, что данный список «юхнет», если что то пойдет не так.

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

Что там у нас дальше?

кроссворд на блоге EclipseCrossword

В верхнее поле пишете название кроссворда. Пишите нормальное название — оно будет видно в самом кроссворде. В среднем поле — Ваше имя.

кроссворд на блоге EclipseCrossword

Здесь необходимо указать размер кроссворда, т.е. сколько на сколько он будет букв. Комбинируйте, экспериментируйте. Сложного ничего нет.

кроссворд на блоге EclipseCrossword

Нажимая на клавишу «Make another puzzle like this one« Вы можете комбинировать вид, точнее расположение слов в Вашем кроссворде. Иногда это очень здорово помогает сделать нормального вида кроссворд.

Почти добрались до конца )))

кроссворд на блоге EclipseCrossword

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

И о чудо — расчудесное !

Нам открылось окно браузера, в котором мы видим наш кроссворд — супер!

Теперь все что нам остается — закачать его через любой файло обменник и все будет готово ! Для примера возьмем мою любимую Filezilla.

Я писал уже тут, как в ней работать — читайте, там все понятно.

Т.е. я просто создал у себя на блоге специальную папку, которую назвал просто и ясно «Crosswords«, куда и помещаю все кроссворды.

Так вот последний, который я сделал в качестве примера,  имеет у меня адрес:

http://lovesneaker.ru/crosswords/primer.html

Если же у Вас, как и меня, вместо русских слов выводятся знаки «??????????» или другие крякозябры — меняйте кодировку. Делается элементарно. Смотрите ниже видео.

Открываете свой сохраненный кроссворд в формате .html в редакторе, я использую Notepad++ и делаем одно действие, нажимаем на «Преобразовать в UTF-8 без ВОМ» и у Вас появиться точка чуть выше, которая скажет Вам, что у Вас выбрана именно эта кодировка.

Дальше остается только сохранить файл и снова «залить» его на блог, не забыв его заменить старым.

Все должно работать хорошо.

Вот видео на эту тему:

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

Всем пока.


А еще Вы можете почитать эти статьи:

  1. Конвертируем видео с помощью программы Any Video Converter   Это очередное мое видео, в котором речь пойдет о…
  2. Как сделать ТОП комментаторов на блоге, плагином Top Commentators Widget. Инструкция Как для кухарки + видео Сегодня у меня так же будет технический пост, который я…
  3. Запись разговор Skype с помощью программы MP3 Skype Recorder Друзья, приходилось ли Вам когда нибудь разговаривать в Скайп? Ну что…
  4. Как сделать карту сайта WordPress. Пошаговая инструкция и видео урок Приветствую Вас мои дорогие друзья.  Ну вот и дождались —…