Бизнес блог Александра Быкадорова

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

Как сделать кроссворд

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

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

Доброго дня, мои читатели и посетители блога AlexandrBykadorov.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«, куда и помещаю все кроссворды.

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

https://alexandrbykadorov.ru/crosswords/primer.html

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

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

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

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

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

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

Всем пока.

Понравился блог?
Получайте статьи на ПОЧТУ!

О авторе Смотреть все статьи Сайт автора

Александр Быкадоров

Большое спасибо, что читаете мои статьи и оставляете комментарии к ним. Активные комментаторы заносятся на доску почета.
Подробности здесь.
 
Хотите быть первым в курсе новостей, конкурсов на моем блоге?
Подпишитесь на канал RSS для получения новостей, нажав тут.

Комментариев: 55Оставить комментарий

Социальные комментарии Cackle
  • Здорово, что есть такая умная программа для составления кроссвордов! Предполагаю, что после того, как Вы подробно рассказали, как ею пользоваться, во «всемирной паутине» появится ещё больше этих словесных головоломок.

    Ответ
    • Надеюсь данный пост оказался полезным.

      Ответ
  • Подробное видео.. только не понял — почему статью такую огромную пишешь, если есть подробное видео? И не лень ли тебе было ее писать?)

    Ответ
    • Тезка, не лень. Я еще ее сократил втрое )) Не раз общался на данную тему с читателями блогов. Кто любит читать и делать по фото настройки, кто — то — по видео. Так что, тут кому как удобнее…

      Ответ
      • в 3-е сократил?))) ну ты — Сократ)) с одной стороны — это правильно.. как удобнее — то и выбираешь!

        Ответ
        • Прочитав свои посты, я задаю всегда вопрос — а ответил ли я на 110% по основной теме поста?
          Если да, то статья идет в редакцию ))), если нет — в топку.
          Старые посты были очень часто именно таковыми.

          Ответ
  • Александр, спасибо за пост и за привет :) Вопросы у меня следующие: 1. Когда я смотрела изначальное видео того человека, который довел до ума эту программу, он там что-то упоминал о том, что для скрытия ответов нужно еще зайти в блокноте в код программы и удалить какую-то строчку, а потом еще и поставить галочку do not allow cheating. Правильно ли я понимаю, что после усовершенствования программы в этом уже нет необходимости? 2. Как сделать так, чтоб кроссворд разгадывался непосредственно на странице в блоге? Насколько я понимаю, это же лучше, если посетитель задерживается именно на посте, а не переходит по ссылке? Или это все равно? 3. Как сделать, чтоб в клеточках были прописаны цифры, ну для отгадывания кодового слова, например?

    Ответ
    • Доброго дня и привет )))

      1. Я ставил только галочку в чекбоксе, как в своем видео и посту. Этого всегда достаточно. Слова — на замок.
      2. Насчет кроссворда, разгадываемого в отдельной странице. Во — первых, так проще реализовать, а во — вторых — это по сути никак не влияет на «разгадываемость»
      3. Цифры я прописывал в графическом редакторе. Отдельно.

      Ответ
      • А можно поподробнее насчет пункта 3? :) Или это отдельную статью писать нужно? :)

        Ответ
  • Конечно можно, Оля.

    Я делаю так. Сначала копирую изображение чистого кроссворда, т.е. не заполненного. Потом разгадываю кроссворд и придумываю из букв загаданных слов контрольное слово.
    Потом открываю тот первый скан чистого кроссворда в редакторе (я использую СнегИт) и прописываю там уже цифры, в зависимости от их расположения.

    Можно, так же сделать и кроссворд классического вида.

    Т.е. помимо того, что он будет отображен на отдельной странице, можно у себя, тут же на блоге проставить цифры и прописать все, как обычном кроссворде: слова по вертикали, слова по горизонтале.
    Если кроссворд большой, его можно распечатать и поразгадывать в бумажном виде ))))

    Ну это уже для тематических сайтов больше подойдет.

    Ответ
  • По-моему уже каждый уважающий себя блоггер (да и не уважающий тоже 😉 ) нацарапали статейку про эту программулину. Я, кстати, блоггер-лентяй и не нацарапал :-)

    Ответ
    • Дык, ить…

      Рад приветствовать Вас, Игорь на моем блоге !

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

    Ответ
    • Согласен, Андрей.

      Просто реально достает, когда на блоге только все по делу ))) Даже иногда боишься писать и думаешь, а поймет ли автор юмора )))

      Ответ
  • Что-то мне при скачивании этой программы Нортон ее удаляет, и другой антивирус считает ее небезопасной…

    Ответ
    • Это нормально.
      В ней же «поковырялись» — вот и антивирусники ругаются.

      Ответ
      • Так а как же мне ее установить, если Нортон ее удаляет постоянно?

        Ответ
        • Доброго дня, Ольга.
          Если дело только в этом, то выход такой: вырубить антивирусник, сделать свое дело и врубить снова.

          Ответ
          • А я другим способом уже сделала — просто восстановила его.

            Ответ
  • Привет! Давно искал в интернете такую информацию, но стоящего ничего не нашел. Все пишут про установку какой то игры «Найди кота», ну вот моя проблема и решена. Теперь поставлю на свой блог кроссворд автомобильной тематики. Благодарю!

    Ответ
    • Тезка, привет.
      Я рад что помог! Не проходи мимо )))

      Ответ
  • Привет! Да вот все дела! Дела! Выдалась свободная минутка и решил заглянуть. А тут уже смотрю столько интересного происходит без меня. Ну и информацию ценную нашел. Очень классно. Не мог никак решить проблему с кроссвордом, а тут раз и все решилось. Теперь сделаю себе на блог. Нужно же как то заинтересовывать посетителей!

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

      Ответ
  • Люблю читать о экспериментах. сам редко решаюсь что то сделать. Не знаю с чем это связано. Но хочу сказать что с нетерпением буду ждать от вас результата эксперимента. Сменил дизайн на блоге. Тоже типа своего рода эксперимент и посещаемость стала по чуть чуть расти. Как будет время можете заглянуть оценить. Хочу выслушать критику. Не обращайте внимание на рекламу гугла. Мой редактор немного подсуетился. Вот смотрю крупные блоги и делаю выводы какие конкурсы пользуются популярностью. Сейчас на работе, времени свободного маловато. Завтра обязательно приду черкну. Если честно так и не перечитал все статьи на вашем блоге. Времени просто не хватает. Думаю еще много чего найду интересного.

    Ответ
    • А я наоборот, лезу иногда туда, куда не следовало бы )))
      Насчет дизайна — мне этот больше нравится. Информативнее он.
      Шапку надо бы подукрасить )))

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

    Ответ
    • Все верно. Главное в самом начале, да и не только — это контент. А остальное все придет со временем.

      Ответ
  • Александр привет! У меня сегодня настроение просто отличное блогу чуть больше 2 месяцев, зашел с утра смотрю прошел ап и у меня тиц 10. Настроение сразу появилось и стал работать эффективнее. Так сказать появился результат, труды не пропали даром. Посещаемость вывел более чем на сто. В общем все нормально. Как у вас? Краем уха слышал что вы в Москву ездили?

    Ответ
  • Ох, Александр, что-то мне не везет с этим кроссвордом :( Пытаюсь ввести сейчас слова. Программа у Сеня почему-то русский шрифт не воспринимает, пишет, что символы не дозволенные. А, если написать английскими буквами — тогда не ругается.

    Ответ
    • Все дело в кодировке. Меняйте. Все надо сделать как положено.

      Ответ
      • Какой кодировке? Что я не так сделала и как это исправить?

        Ответ
        • Ольга, смотрите видео с 10.00 минуты. Если не получится — пишите.

          Ответ
          • То, о чем вы говорите, это уже после загрузки кроссворда. А я даже не могу ввести ни одного слова, если я пишу русскими буквами, слово не прописывается и не запоминается, а английскими буквами запоминается.

            Ответ
            • Да что ж с Вами делать, Ольга? )))
              Может скачаете отсюда, с оригинального сайта программу? На нее должен правильно реагировать антивирусник. Там единственное, надо будет менять часть кода, чтобы он выводил все на русском.

              Ответ
              • Ну, это еще сложнее для меня будет :) Я уже везде этот вопрос написала, где только видела описание, как сделать кроссворд на блоге. Посмотрим, что мне ответят.

  • Я так понял, во время работы самой программы у Вас происходят «перевертыши»? Т.е. в поле WORD пишите слово, а оно выводится в поле некорректно ?

    Ответ
    • Не то что некорректно, а вообще исчезает после того, как я перейду на нижнее поле с описанием. А если напишу английскими буквами, то сохраняется. Я заходила во вкладку languages, меняла язык на Cyrillic, а толку никакого.

      Ответ
      • Качните программу по ссылке, которую я дал последний раз и проверьте на ней. Если все ок, расскажу что делать дальше.

        Ответ
        • Хорошо, завтра уже попробую. Спасибо большое за поддержку и помощь, Александр!

          Ответ
        • Александр, это просто мистика какая-то! Я скачала программу по вашей ссылке и снова та же самая история. Русскими буквами слово не запоминается, а английскими без проблем

          Ответ
        • Я уже и на другом компьютере попробовала — то же самое.

          Ответ
          • Такое ощущение, что программа каким то чудным образом определяет региональные настройки )))

            Ответ
  • Теперь поставлю на свой блог кроссворд автомобильной тематики. Благодарю!

    Ответ
  • Зависла сегодня на вашем сайте. Все понятно и доступно. Бродила в поисках информации по добавлению кроссворда на блог, но остановила выбор на данной статье. Теперь и на моем блоге появятся кроссворды!! Спасибо!!!!!!!!!!!!!!!!

    Ответ
    • Наталья, доброго дня.
      Рад, что мои труды и для Вас оказались полезными. Приглашайте на огонек к себе )))

      Ответ

Добавить комментарий

Ваш email не будет опубликован. Обязательные поля помечены *