Как сделать кроссворд на своем сайте (блоге)?

Автор: Владислав Челпаченко Блогосфера 22 комментария 39468 просмотров

Друзья, всем привет!

В данной статье я расскажу Вам, как сделать на своем сайте (блоге) кроссворд + дам полезные советы.

Кроссворды на блоге (сайте) помогают увеличить поведенческий фактор и создать увлекательную атмосферу на Вашем портале...


Разделитель

Как сделать кроссворд на блоге (сайте)

Разделитель

1. Начну с того, что в-первую очередь вам будет нужна программа, с помощью которой и будет технически создан кроссворд. Скачать ее вы можете здесь.

Она бесплатная, платить вам не придется. После того, как скачаете программу, запустите ее и вы увидите вот такое окошко:

как сделать кроссворд - программа

2. Теперь можно свернуть программу, потому что вам сначала нужно придумать вопросы к своему кроссворду и,
соответственно, ответы на эти самые вопросы.

Кроссворды, которые обычно люди разгадывают на моем блоге, содержат примерно 15 вопросов.

Можете сделать большое или меньше - это уже на ваше усмотрение.

3. Итак, представим, что вопросы и ответы вы уже составили. Теперь вам нужно будет вбить их в программу.

Это делается вот в этом окне:

В какой программе сделать кроссворд

4. Когда впишите вопросы и ответы, нажмите кнопочку "Next". (от англ. означает "следующий"). Программа предложит вам
сохранить исходный файл кроссворда.

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

Сохраняем, потому что он может потом вам пригодиться. После этого снова нажимаем кнопку "Next".

Для того, что в коде вашего кроссворда люди не могли увидеть готовые ответы, нажмите сначала на кнопку "Options" (см. картинку ниже):

В какой программе можно сделать кроссворд

 

Нажмите кнопку "Web" :

Настройка для Web

 

А потом нужно убедиться, что напротив "Do not allow cheating" стоит галочка!

 

Настройка программы для создания кроссвордов

 

Теперь вам уже потребуется сохранить непосредственно страничку, на которой будет располагаться кроссворд.  Сначала жмите на "Sawe as web page":

Как сохранить страничку с созданным кроссвордом

А потом кликните на "Interactive with JavaScript":

Создать кроссворд и сохранить

 

5.  Итак, какой у нас результат?

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

Открой страничку с помощью программы NotePade ++.  И сделайте все так, как я указал на картинках.

Изменение кодировки на страничке с кроссвордом

Потом выберите нажмите кодировку "Кириллица", а потом нажмите "Преобразовать в UTF-8 без BOM".  Сделали? Если да, то нажмите теперь на дискету в левом углу:

Сохранить кроссворд на компьютере

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

Если вы планируете постоянно делать кроссворды на своем сайте, то эта программа будет вашей палочкой- выручалочкой.

Итак, с помощью программы FileZilla закиньте страничку себе на хостинг. Закинули? Отлично.

=====

Теперь нужно проверить все ли работает, как положено?

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

И после этого можно поставить это дело, как говорится, на конвейер!

Как и обещал в начале этой статьи, я  дам вам полезные рекомендации по составлению кроссворда:

1.  Составляйте кроссворды с количеством слов, которые отличаются друг от друга. Например, один выпуск делайте с кроссвордом в 15 слов, другой - в 20 слов, третий можете сделать еще больше - 30 слов, например.

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

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

3.  Не нужно придумывать для своего кроссворда очень сложные вопросы. В противном случае, человек просто устанет отгадывать такой кроссворд и уйдет с вашего сайта.  А этого допускать, ну, никак нельзя.

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

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

Вы же, наоборот, постарайтесь сделать свой кроссворд от души.

Хочется надеяться, что мои советы вам помогут делать качественные кроссворды для своей аудитории.

Хотя, нет,  это еще не все!

Еще хочу добавить, что если у вас возникнут какие-либо проблемы и вопросы, связанные с созданием кроссворда,  обращайтесь к моему помощнику  Вадиму! Он поможет! Его скайп: vokin.vadim

новости

НОВОСТЬ №1. Уже на следующей недели - 20 мая провожу свою первую презентацию книги в Буквоеде «Целлюлит в голове или как стать отличником». Все подробности здесь. Вход свободный!

НОВОСТЬ №3. Чтобы гарантированно получать от меня письма с интересными анонсами, добавьте мой адрес в белый список! Подробная инструкция о том, как это сделать здесь.

P.S. Понравилась статья? Подпишитесь на обновления блога, чтобы не пропустить следующий кроссворд.

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

Присоединяйтесь к обсуждению 22 комментария

  • Влад, супер! Вы, как всегда, впереди планеты всей: я думала, что кроссворд вручную составлять надо, а тут – такое удобство! ;)

  • Юрий Петрович пишет:

    Итак, представим, что вопросы и ответы вы уже составили. Теперь вам нужно будет вбить их в программу.

    Это делается вот в этом окне:
    Всё хорошо, но вот не совсем ясно, как вписывать вопросы и ответы.
    Вы не показали на примере как вписывается вопросы и как вписывать ответы

    • Спасибо, Юрий, за вопрос! Мы дополним статью или напишем ответ прямо здесь =)

    • Вадим пишет:

      Юрий Петрович, обратитесь ко мне через скайп. Я покажу вам, как это делается! =)

      • Galust пишет:

        Вадим, привет :) Спасибо за отличную и полезную статью :)
        В последнее время очень многие авторы устанавливают на своих блогах кроссворды, это несколько потеряло свою привлекательность (на мой взгляд !).
        Поэтому я решил на свой блог поставить не простой словарный кроссворд, а цифровой японский!
        Ты не мог бы посоветовать мне программку для этого, подобную той, что описана в этой статье ?! Буду очень благодарен :)
        С искренним уважением, Галуст Хачатрян

  • Елена пишет:

    Спасибо огромное за интересный материал. Сейчас же приступлю к делу! ;)

  • Марат пишет:

    Как оказалось ничего сложно, спасибо за подробное объяснение.

  • Серж пишет:

    Давно собирался! Спасибо, буду делать. Только бы опять не отложить в долгий ящик. :(

  • Виктор пишет:

    Владислав как всегда четко и понятно! все разложил…отмечаю на внедрение. =)

  • Светлана пишет:

    Привет всем! Давно искала урок про кросворд. Спасибо!

  • Galust пишет:

    Спасибо за своевременную статью :) Я решил на свой блог поставить не простой словарный кроссворд, а цифровой японский!
    Ты не мог бы посоветовать мне программку для этого, подобную той, что описана в этой статье ?! Буду очень благодарен :)
    С искренним уважением, Галуст Хачатрян

  • Елена пишет:

    Влад,у меня на шаге 2 проблема: в окне Word вписываю слово, перехожу в окно Clue – слово в окне Word пропадает, и все, добавлять нечего, список слов не составляется. Если составлять кроссворд на английском, то все в порядке. В опциях ставила кирилицу, не помогает. Слово исчезает,как только переходишь в другое окно.
    Я нашла Ваш сайт, обрадовалась, все таки свежие коментарии, может и Вы настоящий.

  • Елена пишет:

    Спасибо за подарок, мне бы лучше ответ если можно =)

    • Вадим пишет:

      Еще попробуйте так.

      Елена, когда впишите в окно “Word” нужное слово, после этого ОБЯЗАТЕЛЬНО нажмите клавишу “Enter”!

      И только после этого, вбивайте данные в поле “Clue”.

      Если это не поможет, тогда не знаю. Пробуйте. =)

  • Руслан пишет:

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

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