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

Друзья, после публикации seo кроссворда и про блогеров мне пришло много вопросов: "как же сделать такой кроссворд?". Сегодня я с радостью расскажу вам как его организовать у себя на сайте. Это легко, а еще и бесплатно.

Как только пришла мне в голову идея создания данного интерактива, я пошел искать способы этого решения. Но к моему удивлению в рунете нет подобной возможности (по крайней мере, которая бы мне подошла). Поэтому я пошел теребить google на поиск в буржунете. После нескольких минут я наткнулся на один очень полезный сайт - EclipseCrossword.com. Там предлагается скачать программу для создания кроссворда. По PR=7 понял, что этому сайту можно доверять. Изначально они получаются на английском языке, но ниже я расскажу как их русифицировать.

кроссворд

Для тех, кто не видел пример - вот он. Итак, что нужно сделать:

1) Скачиваем программу для создания кроссворда здесь.

2) Устанавливаем ее к себе на компьютер.

3) Открываем установленное приложение, выбираем "Я хочу начать новый кроссворд" и нажимаем "Далее" (Next).

программа для создания кроссворда

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

первый шаг

5) Далее идет добавление необходимых слов. Вводите слово, чуть ниже описание для него и нажимаете кнопку "Add word to list" (добавить слово в список). Итак пока все они не будут добавлены. Если вы передумали с каким-нибудь словом, то его можно удалить, выбрав его слева в списке и нажав "Remove word" (удалить). После того как все будет добавлено – кнопка "Next". Программа спросит нужно ли сохранить этот список. Если вы хотите работать дальше с этим списком, то сохраняйте.

шаг 2

6) На следующем этапе вводите свое имя, имя для кроссворда и желаемые копирайты.

указание копирайта

7) Дальше выбираем размер в клетках и жмем "Next".

выбираем размер кроссворда в клетках

8 ) Программа составит возможный вариант для кроссворда. Если он вам сразу понравился, то кликаете на заветную кнопку "Next". Если же нет, то там есть кнопка "Make another puzzle like this one" (сделать другую раскладку пазлов). Жмете ее пока на экране не появится желаемый вариант.

9) Далее переходите на вкладку "Save as a web page" (сохранить как веб-страницу), жмете на "Interactive with Javascript", задаете имя и сохраняете у себя на компьютере.

сохраняем полученный кроссворд

"Empty gird and clues" - это сохранение в виде статичной веб-страницы с вопросами внизу. "Answer key grid" - кроссворд с ответами.

10) Теперь русифицируем кроссворд. Открываем полученный html-файл через текстовый редактор (я советую пользоваться Notepad++). Если вы будете делать его для wordpress в кодировке UTF-8, то вам надо сначала сохранить файл в этой кодировке (для Notepad++ это "кодировать в UTF-8 без ВОМ"), а потом после строчки:

 

вставить строчку:

 

Далее ищем строчку, содержащую фразу:

Copyright 2000-2007 Green Eclipse

Начиная с этой строчки вниз заменяем содержание на содержание этого файла.

Сохраняем полученный html файл и загружаем его на сервер. Все. Поздравляю! Вы создали свой первый интерактивный кроссворд ;-). Как вам такие кроссворды? Я думаю, что он разнообразит контент любого блога или сайта на различную тематику. Если у вас возникли вопросы, то я с удовольствием на них отвечу в комментариях.

Рейтинг
1 звезда2 звезды3 звезды4 звезды5 звезд (13 голос., в среднем: 4,92 из 5)
Загрузка...
Аудит сайта

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

От 17900 руб.
Продвижение

Комплексное развитие проектов по актуальным направлениям в SEO. Используются методики, имеющие стабильный долгосрочный эффект (без накруток и спама).

От 40000 руб.
Консультации

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

От 5000 руб.
Отзывов уже 209:
Написать комментарий
  1. 1. Ovsyannikov

    А я думал специальный плагин для wp, оказывается всё намного легче. Спасибо.

  2. 2. Duna

    Есть одно но. В коде страницы видны все слова:) Я уж не знаю, насколько это принципиально.

  3. 3. zateinica

    Вот хорошо объяснили, теперь я тоже попробую составить свой женский кроссворд.Спасибо.

  4. 4. Sosnovskij

    Duna, да, но в код мало кто смотрит ;-)

  5. 5. Белоногов Илья

    >Есть одно но. В коде страницы видны все слова:)
    >Я уж не знаю, насколько это принципиально.
    >
    Можно немного модифицировать код и слова зашифровать :)

  6. 6. arhey

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

  7. 7. Sosnovskij

    Белоногов Илья, в идеале согласен, но это надо код шифровать или обращаться к разработчикам, что достаточно трудоемкий процесс.
    Попробовал зашифровать кусок кода через pr-cy — не работает кроссворд. :)

  8. 8. Andrew

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

  9. 9. 6yka

    Клевая штукень,
    нужно будет попробовать сделать кроссвод по дорам)

  10. 10. Zack

    сделаю по форекс такой кроссворд))))

  11. 11. Mixa33rus

    Спасибо, будем делать кроссворд на авто тематику) :razz: :shock:

  12. 12. Prizrak

    Полезнаю штучка. КАк нить на досуге попробую у себя на блоге! Авось и пригодится.

  13. 13. Nata

    Для интересности сайта само то. Очень спасибо за сервис. Тоже обязательно воспользуюсь. А то я думала вы сами клеточки чертите и ломаете голову как бы все совпало.

  14. 14. Номад Кочующий

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

  15. 15. danser

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

  16. 16. Never Lex

    Круто :) Кроссворд, да ещё и с подсказками :)
    Кстати, хочу постовой :)

  17. 17. Сергей

    Все работает замечательно! Спасибо!
    Только вот небольшое но… на некоторых компьютерах при открытии кроссворда показывает вместо букв …иероглифы.
    Как сделать для всех правильно?
    Сайт, на котором находится кроссворд, работает без SMC… только статика.
    Спасибо!

  18. 18. Sosnovskij

    Сергей, скорее всего проблема в кодировке. Нужно вставить строчку в код страницы, которая в посте ;-) .

  19. 19. Сергей

    Если эту строчку…

    …то вот с ней как раз и такое происходит.

  20. 20. Сергей

    !!!meta http-equiv=”Content-Type” content=”text/html; charset=utf-8?!!!

  21. 21. Nata

    Ксати скачала и попробовала. Классная штука. Очень понравилась.

  22. 22. Sosnovskij

    Сергей, вместо UTF-8 поставьте windows-1251 (вообщем кодировку сайта). Инструкция была для wordpress с кодировкой UTF-8 :smile:

  23. 23. Сергей

    Так:?
    !!! meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251? !!!

  24. 24. Сергей

    Разобрался!
    Спасибо!

  25. 25. Sosnovskij

    Сергей, да

  26. 26. Елена

    Спасибочки за как всегда полнейшие разъяснения. Спешу попробовать кроссвордик на блог :smile:

  27. 27. Annette

    Спасибо огромное, Сергей! :idea: Давно мечтала о такой полезности, да всё руки не доходили поискать… Буду ставить эксперименты и шифровать.. шифровать! :smile:

  28. 28. Ян

    а на вашем сайте еще планируется акции с использованием кроссворда? :oops:

  29. 29. Sosnovskij

    Ян, думаю, еще что-нибудь придумаю интересное.

  30. 30. Vladimir

    Здравствуйте, Сергей!

    Спасибо за хорошее решение. Есть одна проблема — не могу вставить кроссворд в сайт.
    Текст пояснений есть. Отсутствует сам кроссворд — сама его сетка.

    С уважением

    Владимир

  31. 31. Sosnovskij

    Vladimir, вы про вставку непосредственно в основное тело сайта? Или даже на отдельной странице не показывается (как в примере выше)?

  32. 32. Vladimir

    Здравствуйте, Сергей!

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

    Владимир

  33. 33. Sosnovskij

    Vladimir, я конкретно в сайт не пробовал вставлять кроссворд.
    Вы в 9-ом пункте выбрали правильную ссылку для сохранения?

  34. 34. Vladimr

    Спасибо! Всё, разобрался. Всё работает! Ещё раз спасибо за хорошую программу.

  35. 35. Sosnovskij

    Vladimr, за программу это не мне спасибо — это разработчикам ;-) .

  36. 36. Lena

    Thank you!!!!!!!!!

  37. 37. Veter

    Спасибо, классная находка. :idea:
    Создал свой кроссворд у себя на сайте. Но обнаружил ошибку в переводе в 420 строке вместо «букв(-ы).», написано «быкв(-ы). » . Примите к сведению.

  38. 38. Sosnovskij

    Veter, спасибо — поправил!

  39. 39. Veter

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

  40. 40. Lucilla

    Скажите, пожалуйста, а можно ли такой кроссворд вставить к себе на сайт? Чтобы страница была оформлена так же, как все страницы моего сайта.

  41. 41. Sosnovskij

    Lucilla, видел где-то такую реализацию, но к сожалению, точно не знаю как это организовать.

  42. 42. Галина Борзова

    Спасибо огромное! сделала первый кроссворд для детей на блоге «Любознайка» format-znaika.blogspot.com/

  43. 43. Галина Борзова

    Правда, не смогла русифицировать, не получилось.

  44. 44. Влад

    Сергей! Если чессс — не пойму как людям удается вставить код на страницах своих сайтов, — при установке кода на WordPress то ли BlogSpot это куча различных символов. Может чего то не хватает? Может порядок установки должен быть специфический? Объясните плиз! Спасибо ;-)

  45. 45. Sosnovskij

    Влад, я сам непосредственно на блог его не вставлял. Но вот у «рук» получилось. rookee.ru/post/2010/05/07/%D0%97%D0%B0%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D0%B9-%D0%B8%D0%B3%D1%80%D0%B0%D1%8E%D1%87%D0%B8.aspx
    Посмотрите в код страницы, может быть, поможет ;-) .

  46. 46. Михаил-ua

    Здравствуйте!
    Искал описания работы этой программы на русском языке.
    И попал на эту страницу .
    Написано подробно.
    Благодарен Сергей.

  47. 47. влад

    Не понимаю. Что ни делал — все равно значки только вылазят и все.
    не становится весь код целиком. Было бы не плохо, если бы подсказали как вставить код в сайт, который создан в зоне Google site.
    спасибо

  48. 48. Алексей

    Спасибо за материал. Студентов своих обрадую. Новое в обучении для них глоток свежего воздуха, а для меня еще один метод заинтересовать и привлечь их. Еще раз спасибо.

  49. 49. IO*

    Vladimr, у меня тоже только текст показывает, а сетки кроссворда нет, как вы решили эту проблему?

  50. 50. Sosnovskij

    IO*, у меня такой проблемы не было. Попробуйте без руссификации сначала разместить.

  51. 51. IO*

    Sosnovskij, пробовала и без руссификации, отображается только
    EclipseCrossword © 2000-2007
    Welcome!

    Click a word in the puzzle to get started.
    и кнопка «check puzzle» :sad:
    а в самом редакторе материала появляется сообщение:This interactive crossword puzzle requires JavaScript and a reasonably recent web browser, such as Internet Explorer 5.5 or later, Netscape 7, Mozilla, Firefox, or Safari. If you have disabled web page scripting, please re-enable it and refresh the page. If this web page is saved to your computer, you may need to click the yellow Information Bar at the top of the page to allow the puzzle to load.

  52. 52. Sosnovskij

    IO*, у вас возможно не включен javascript в браузере. Важно еще выбрать «Interactive with Javascript» на 9-ом шаге.

  53. 53. vlsh

    Галина Борзова, Галина плиз подскажите — как Вам удалось установить кроссворд в блогСпот, я там же — но ничего не получается (только несколько строк с наименованием кросса и имени)- пожалуйста.

  54. 54. vlsh

    Кстати уточнение:
    — на шаге создания — все ОК, в броузере просмотр работает — разгадываю, проверка действует — все отлично
    Но стоит скопировать все в HTML — как превращается весь код в 10 строк — где только наименование кросса, имя и несколько строк обычного текста с несколькими значками — и ВСЕ.
    Я смотрю у людей на BlogSpot получилось — поздравляю — подскажите КАК вам удалось — я вставляю чисто код прямо в создание HTML или что-то не так?
    Заранее спасибо

  55. 55. Capelka

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

  56. 56. vlsh

    Vladimr,
    Владимир плиз — если не трудно — как Вам удалось вставить данный код на страницу в HTML формате. Дело в том, что у меня та же проблема — пытаюсь и так и сяк — ничего не выходит — только текст и несколько строк + несколько кодов (знаков).
    Как же Вам удалось разобраться?

  57. 57. Дмитрий [seyt.ru]

    Посидел немного развеял свой мозг ) Интересный кроссворд.
    Можно использовать для развлечения посетителей на разных проектах.

  58. 58. Сергей

    Спасибо огромное, для блоггера очень нужная вещь! Иду делать себе кроссворд, будет чем развлечь людей.

  59. 59. Дима

    когда вставляю код ваш получается вот такая белиберда doxot.at.ua/krossvord11.html подскажите что делать

  60. 60. Ольга

    Спасибо за подробное описание, это очень актуально.

  61. 61. Sosnovskij

    Дима, сайт вообще выдал 404 ошибку.

  62. 62. Нина

    Я что то непоняла. Сделала на компе кроссворд, а дальше что? На сервер куда загружаем? в какую папку? и как потом на с страницу сайта его вставлять?

  63. 63. Sosnovskij

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

  64. 64. Нина

    Sosnovskij,
    не понимаю, мы ведь работаем с вордпрессом, как и где найти этот путь :twisted: :-(

  65. 65. Sosnovskij

    Нина, вы будете загружать файл с кроссвордом не в wordpress, а просто на хостинг. Вот путь к этому файлу и нужно показать. Если загружается кроссворд в корень сайта (там где папочки wp-admin, wp-content и так далее), то он будет доступен по адресу ваш-домен.ru/название-кроссворда.html.

  66. 66. Али

    Sosnovskij, вроде, все загрузил на сервер правильно. Должно отобразиться здесь: tanci-kavkaza.ru/tur/krossvord1.html
    Но открывает страницу 404! Как быть?

  67. 67. Sosnovskij

    Али, файл krossvord1.html находится в папке tur?

  68. 68. Али

    Sosnovskij, ага!!! Через ФТП создал папку и закинул туда krossvord1.html ((((((

  69. 69. Sosnovskij

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

  70. 70. Али

    Sosnovskij, и в корень закидывал. Но ничего не помогло! О какой папке вы говорите? И названия файлов написаны на английском….

  71. 71. Sosnovskij

    Али, папку создать не на сервере, а на компьютере, а уже потом ее загрузить на хостинг. :smile:

  72. 72. Али

    Sosnovskij, ничего не помогает! Увы((((( очень хочется сделать у себя такое!

  73. 73. Sosnovskij

    Али, пришлите мне файл кроссворда на почту https://sosnovskij.ru/contact/

  74. 74. Али

    Sosnovskij, уже послал! Спасибо Вам за то, что хотите помочь!!!

  75. 75. Али

    Али, все сделал правильно!
    Но не выходит… все выдает страницу 404!!!

  76. 76. redeyer

    Белоногов Илья, в идеале согласен, но это надо код шифровать или обращаться к разработчикам, что достаточно трудоемкий процесс.
    Попробовал зашифровать кусок кода через pr-cy – не работает кроссворд.

    Если залить слова в базу, и сделать связку javascript-php-mysql — то получится кроссворд полностью зашифрованный.

  77. 77. Илья

    Если залить слова в базу, и сделать связку javascript-php-mysql – то получится кроссворд полностью зашифрованный.

    К чему такие сложности, в варианте html кроссворда можно в исходнике просто удалить массив со словами/ответами (это если не используете вариант с автоматическим подсказками) и также можно в настройках программы EclipseCrossword перейти по кнопке Options, далее вкладка Web и там выбрать галочку Do not allow cheating — массив ответов будет формироваться пустой. Я когда изучал javascript кроссворда — удивился, нафига он нужен там вообще, ведь проверка на правильность идет по хэш-коду слова. А чтобы не париться с русификацией, я для себя немного «модифицировал» программу — внес изменения и теперь нет необходимости каждый раз выполнять пункт 10 данной статьи, все уже внутри программы

  78. 78. Сашулька

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

  79. 79. Sosnovskij

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

  80. 80. Юлия

    Sosnovskij, подскажи, а сколько максимально может вместиться слов?? у меня почему то вместилось всего 23 слова (( а нужно чтобы было 40 слов(

  81. 81. Алла

    Подскажите, как убрать кнопку Solve . при нажатии на которую в кроссворд встает правильный ответ?

  82. 82. Сергей

    Отличная игрушка! Попробую установить на свой сайт — тема «Татуировки». Кроссворд создал, а на сайт ещё не пробовал вставить- никогда этим не занимался. А я ничего не испорчу в настройках, если сделаю что-то не так?

  83. 83. Sosnovskij

    Алла, можно вырезать это из файла кроссворда (редактировать html).
    Сергей, не должны :)

  84. 84. Дима

    Подскажите как сделать чтобы ответы не показывались в исходном коде?

  85. 85. Виталий

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

  86. 86. Sosnovskij

    Дима, найти их в исходном коде документа и вырезать.

  87. 87. Машкович Дмитрий

    К сожалению не вижу текст в 10 пункте, а именно в месте:

    «, а потом после строчки:

    вставить строчку: »

    Что именно вставлять и после чего не понятно. Будьте добры разьясните.
    спасибо.
    С уважением, Дмитрий.

  88. 88. Sosnovskij

    Машкович Дмитрий, строчки куда-то испарились :). Добавил сейчас.

  89. 89. Машкович Дмитрий

    Sosnovskij,
    Благодарю!
    Немного ошиблись с расположением, но я разобрался!

  90. 90. Sosnovskij

    Машкович Дмитрий, спасибо — поправил.

  91. 91. outofsight

    Спасибо большое.

  92. 92. Игорь

    Классная штука! Спасибо, Сергей. Обязательно сделаю у себя на блоге.

  93. 93. Роман

    Сперва тоже иероглифы были. Потом шурупиками пошевелил, почитал коменты и разъяснения, в итоге поменял кодировку на UTF 8 и дело пошло. Автору респект за отличное раскрытие темы.

  94. 94. outofsight

    Посоветуйте, пожалуйста, как лучше ответы на кроссворд присылать? Я поместила кроссворд на предметном блоге, а каким образом читатели будут присылать ответы? Слова писать, скрин делать или есть ещё варианты попроще?

  95. 95. outofsight

    Мой кроссворд висит тут: fortee.ru/2012/01/26/for-weather-wise-pupils-and-teachers/

  96. 96. Sosnovskij

    outofsight, скрин или все слова — неплохие варианты. :)

  97. 97. outofsight

    Sosnovskij, учитывая, что читатели довольно ленивы, я надеялась на какой-нибудь супер-лёгкий вариант… Боюсь, не все знают, что такое скрин, а слова нужно писать в определённом порядке. Всё равно спасибо за ответ и за то, что заходили ко мне в гости!

  98. 98. Sosnovskij

    outofsight, можно сделать как тут:
    https://sosnovskij.ru/konkursnyj-seo-crossword/
    https://sosnovskij.ru/seo-crossword/
    https://sosnovskij.ru/crossword-bloggers/
    То есть чтобы участники разгадывали конкретное слово, которое спрятано под зелеными квадратиками.

  99. 99. outofsight

    Sosnovskij, угу, всё перечитала, спасибо. Вот только руки не доходят заменить строчки в текстовом документе, не очень я в этом соображаю.
    Спасибо большое. Я до этого кроссворды составляла в Ноt Potatoes, они несколько отличаются от вашего, предназначались для работы в классе.
    А мой кроссворд никто пока не разгадал. Читателей у меня полно, но такие уже молчаливые… )

  100. 100. Юрий

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

  101. 101. Вадим

    Сергей, а как сделать в кроссворде зеленые квадратики? Просто закрасить на скрине или можно задать в программе определенные клеточки?

  102. 102. Sosnovskij

    Вадим, зеленые квадратики это я в фотошопе делал :)

  103. 103. Андрей

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

  104. 104. Sosnovskij

    Андрей, какое имя у файла, какой путь к файлу?

  105. 105. Андрей

    zdoroviezdorovo.ru/krossword.html — это путь к файлу, а это название файла — krossword.html Сама ссылка на кроссворд находиться в статье «Свекла защитит от болезней» в самом конце статьи.

  106. 106. Sosnovskij

    Андрей, попробуйте залить файл на хостинг другим ftp-клиентом, либо напрямую через панель хостинга.

  107. 107. Андрей

    Сергей у меня получилось вставить кроссворд на сайт через хостинг, но теперь другая проблема. Вместо русских букв у меня отображается какая-то белиберда вот ссылка — zdoroviezdorovo.ru/wp-content/uploads/2011/12/krossword.html
    В исходном файле все нормально отображается

  108. 108. Sosnovskij

    Андрей, нужно поставить правильную кодировку. В 100м пункте это есть.

  109. 109. Лариса

    :sad: Наверное это уже не новая тема, но так хочется вставить кроссвордик на свой майт, но не получается, всегда выходит текст-инструкция о программе и ссылка как туда войти. Что делать? Во всем разобралась, но полученный код не работает…Помогите кто-нибудь.

  110. 110. Sosnovskij

    Лариса, на каком этапе в статье у вас не получается?

  111. 111. Лариса

    Спасибо, не ждала ответа так быстро. Мой сайт на WordPress работает. При установке кода в разделе «добавить запись» в админ панели, вместо кроссворда выходит реклама о сервисе Eclipce Crossword. но что интересно, пыталась полученный HTML код установить в разделе «виджеты»-все работает и отображается, но кроссворд не помещается в колонки виджетов…

  112. 112. Sosnovskij

    Лариса, если вы хотите вставить кроссворд непосредственно на страницу поста в wordpres, то обратитесь к верстальщику.

  113. 113. Лариса

    Я конечно извиняюсь, но кто-такой «верстальщик», я как-то привыкла сама все делать , нужно может быть какие-то тонкости объяснить? Спасибо . :razz:

  114. 114. Sosnovskij

    Лариса, Верстальщик — специалист по вёрстке, то есть по компоновке текстовых, иллюстративных и вспомогательных элементов на странице документа. Это общее определение, которое характерна как для газетных изданий, так и для интернет-ресурсов :).

  115. 115. Pavel

    Подскажите как теперь разместить его на сайте ? Он устанавливается только в боковой колонке .

  116. 116. Sosnovskij

    Pavel, почитайте пару моих комментариев выше.

  117. 117. Дмитрий

    Спасибо за статью огромное. Все в принципе понятно и вроде работает. Интересно другое — как можно например, вывести список первых пользователей отгадавших кроссворд?

  118. 118. Sosnovskij

    Дмитрий, такого функционала там не придумано :)

  119. 119. Дмитрий

    Sosnovskij,
    Да, но где то я видел типа конкурса для трех первых отгадавших со списком.

  120. 120. Sosnovskij

    Дмитрий, здесь https://sosnovskij.ru/konkursnyj-seo-crossword/ наверно и видели. Там только победители не совсем технологичным способом определялись :)

  121. 121. Дмитрий

    Sosnovskij,
    Да, я уже понял. Ну вот у меня висит такой кроссворд. Но как-то уныло. Никакой статистики нет. Отгадывал его кто вообще или нет?

  122. 122. Светлана

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

  123. 123. Дмитрий

    Все таки — есть ли простой способ закрыть данные ответов на кроссворд от просмотра в файрбуге?

  124. 124. иван

    Спасибо.Установил на своём сайте посетителей прибавилось по НЧ про кроссворды. В этом есть и ваша заслуга,а то что ответы видны…туфта.

  125. 125. Sosnovskij

    Дмитрий, иван, вырежьте ответы из исходного кода кроссворда.

  126. 126. Антонина

    Добрый вечер! Нарисованные в фотошопе цифры или цветные квадратики как вставить в кроссворд?
    Подскажите где можно об этом почитать или посмотреть? Спасибо.

  127. 127. Владимир

    Белоногов Илья, а как это сделать? просьба написать на e-mail: vovka.vokin @ yandex.ru

  128. 128. Sosnovskij

    Антонина, можно вставить в конечный файл, который загружается на хостинг. htmlbook.ru/

  129. 129. Антонина

    Огромное спасибо за идею! Я разобралась. ;-) :x

  130. 130. Денис

    Привет! У меня не все получилось, но мне кажется я на верном пути! Несколько вопросов, если позволите ;)
    1. Когда я ставлю ссылку на кроссворд в посте, это ссылка на мой хостинг, то есть прописывается весь путь начиная с домена хостинга и до самого кроссворда. Это нормально? Кажется так не должно быть?! Как этого избежать, чтобы была ссылка на домен моего сайта?
    2. У меня кроссворд отображается на белом фоне, но без рамочки… В чем может быть дело?!
    Спасибо)))

  131. 131. Sosnovskij

    Денис, 1) На первый взгляд нормально. Вставьте сюда ссылку до кроссворда.
    2) Тоже самое :)

  132. 132. Наталия

    Здравствуйте!
    Не смогла разобраться, как вставлять картинки вместо определений в кроссворд (по ссылке, которую Вы дали Антонине, не нашла соответствующей статьи). Не могли бы Вы показать на примере, как картинки интегрируются в код, или дать ссылку на кроссворд с картинками?

  133. 133. Sosnovskij

    Наталия, Антонина нашла ответ на свой вопрос у другого человека :)

  134. 134. Андрей

    Здравствуйте! Спасибо за статью! Но что-то не найду эту строку «Copyright 2000-2007 Green Eclipse»

  135. 135. Наталия

    Sosnovskij, Вы ответили Антонине, что картинки можно вставить в конечный файл, который загружается на хостинг, поэтому я подумала, что Вы сможете мне помочь.
    Пока что пользуюсь Eclipse для кроссвордов с определениями и Hot Potatoes для кроссвордов с картинками, но Eclipse с картинками смотрелся бы компактнее.
    Кстати, слова и определения в Eclipse можно вносить сразу единым списком, не вписывая их каждый раз в соответствующие графы.

  136. 136. Андрей

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

  137. 137. Sosnovskij

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

  138. 138. Наталия

    Sosnovskij, Антонина задала вопрос (цитирую): «Нарисованные в фотошопе цифры или цветные квадратики как вставить в кроссворд?» (а не на хостинг).
    Насколько я поняла из Ваших уклончивых ответов, Вы не знаете, возможен ли импорт изображений в Eclipse. Как говорят мои дети, пИчалька. :oops:

  139. 139. Sosnovskij

    Наталия, если бы я на 100% понял, что вы хотите, то либо подсказал, что делать, либо сказал, что не знаю как это сделать :) Квадратики, хостинг, сайты, кроссворды — все слилось воедино. :)

  140. 140. Наталия

    Sosnovskij, по-моему, я достаточно четко сформулировала вопрос в своем первом посте (цитирую): «как вставлять картинки вместо определений в кроссворд».
    Сформулирую более развёрнуто: При разгадывании кроссворда люди читают определения (подсказки) и догадываются о значении слов. Как сделать так, чтобы вместо словесных определений в кроссворде появлялись картинки? Что для этого нужно изменить и что добавить в javascript и html код страницы?

  141. 141. Sosnovskij

    Наталия, так я не знаю :) А как они догадываются? Если залезают в исходный код страницы, то кусок, который отвечает за показ ответов, можно вырезать :)

  142. 142. Наталия

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

  143. 143. Sosnovskij

    Наталия, этот вопрос, скорее, к верстальщикам, программистам или к разработчикам программы. Я таковым не являюсь :)

  144. 144. gelel

    А как эту работу сделать менее монотонной чем «копи,паст»?

  145. 145. Sosnovskij

    gelel, какая работа здесь монотонная?

  146. 146. Елена Олейникова

    Наталия, у меня кроссворд с картинками school-meteor.ru/crossword_1.html ;-)

  147. 147. Наталия

    Елена Олейникова, большое спасибо! Это именно то, что я искала.

  148. 148. Сергей

    Добрый день, Сергей! Очень понятная статья, спасибо большое! Но я столкнулся с такой проблемой. Сделал всё по инструкции, а у меня получилось в итоге немного не то: mobile-dom.ru/crossvord1.html
    Куда исчезло закрашенное серое поле в фоне кроссворда? В английском варианте если открывать, то всё отображается красиво.

  149. 149. Sosnovskij

    Сергей, как-то неправильно сделали :) Как вариант, самому русифицировать английскую версию.

  150. 150. Сергей

    Sosnovskij, Код скопировал, вставил и получилась вот такая ерунда)

  151. 151. Сергей

    Русифицировал, всё получилось! Спасибо большое!) Один вопрос: как его по центру страницы поместить?

  152. 152. Sosnovskij

    Сергей, оберните содержимое кроссворда в div и центрируйте его. Пример здесь kurilka.co.ua/archives/centering-page-in-block-layout/

  153. 153. Елена Олейникова

    Duna, да это просто делается. Надо щелкнуть на ссылку Options, потом нужно пройти на вкладку Web и поставить галочку в самом верху. Ну, или вручную вырезать html-код — строчку, начинающуюся с Word = new Array

  154. 154. Андрей

    Все сделал по инструкции, но с кодировкой все равно проблемы?

  155. 155. Sosnovskij

    Андрей, это вопрос или утверждение?

  156. 156. Юлия

    Здравствуйте! У меня тоже не все получается :sad:
    Сам кроссворд сделала, сохранила в кодировке, как в статье написано, заменила строчки и появились иероглифы. Подскажите пожалуйста, что сделать?

  157. 157. Sosnovskij

    Юлия, если иероглифы, то проблемы с кодировкой.

  158. 158. Юлия

    я меняла кодировку, как у вас написано, но все равно ничего не изменилось

  159. 159. Sosnovskij

    Юлия, а кодировка самого файла у вас какая?

  160. 160. Юлия

    ой, а как это посмотреть? :twisted:

  161. 161. Sosnovskij

    Юлия, пришлите файл на почту https://sosnovskij.ru/contact/

  162. 162. Юлия

    Подскажите пожалуйста еще один момент. Насчет загрузки на сервер. Файл с кроссвордом готов, создала страничку на сайте «Кроссворд». Куда его на сервере нужно загрузить? И как потом сделать так, чтобы на странице «Кроссворды» он отобразился? Помогите пожалуйста :lol: не могу разобраться :oops:

  163. 163. Sosnovskij

    Юлия, его можно загрузить куда угодно, главное правильную ссылку указать, где он находится. По поводу второго вопроса не могу ответить. Во-первых, мало данных. Во-вторых, не сильно разбираюсь в верстке :).

  164. 164. Татьяна

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

  165. 165. Sosnovskij

    Татьяна, проблема в кодировке сайта и файла с кроссвордом.

  166. 166. Альберт

    Спасибо Сергей! 2-3 часа искал как изменить иероглифы! И вот у тебя нашел :idea:

  167. 167. Евгений

    Sosnovskij, это работает?

  168. 168. Sosnovskij

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

  169. 169. Оксана

    Я может, что-то не поняла, но мне бы очень хотелось научиться составлять кроссворды (анимированные, интерактивные) и вставлять их в презентации. Очень надо для уроков. Заранее спасибо

  170. 170. Александра

    Буду очень благодарна, если точно так же доходчиво объясните, как закачать кроссворд на сайт вордпресс

  171. 171. Sosnovskij

    Александра, загрузите его на хостинг и дайте ссылку в посте на то место, где он будет находиться :)

  172. 172. Андрей

    Сергей добрый день. Спасибо за знания я думаю мне очень пригодиться в создании и пиаре своего сайта. Хочу спросить один вопрос, по поводу закачки сохраненного HTML файла, во-первых, я не совсем понял, вернее совсем не понял в какой кодировке сохранять для вордпресса? Кодировать в UTF-8 без ВОМ или Кодировать в UTF-8??? И еще, я на сервер(sprinthost) сбросил, но на сайте ничего не происходило? Можете более подробно сказать в какую папку мне надо сбросить, спасибо!

  173. 173. Sosnovskij

    Андрей, кодировать для вордпресс в UTF-8 без ВОМ. В любую папку. Можно в головную, чтобы он был доступен по адресу site.ru/krossword.html

  174. 174. Владимир

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

  175. 175. Екатерина

    Спасибо большое за полезную статью! Отличное решение для кроссвордов, а то тоже сначала начала искать в гугле или плагины, или сервисы, а все не то((

  176. 176. Ирина

    Большое спасибо! Давно искала описание программы для составления кроссвордов. Ваша статья очень подробно всё расказывает!

  177. 177. Asio

    Доброго времени суток! Спасибо за нужную информацию, мне очень помогло, не сразу все получилось, но разобралась, еще раз спасибо! Но вопрос есть: можно ли как-то фиксировать, какой пользователь и как ответил? Нужно для английского конкурса. Сама додумалась только до отправки на ящик скрина выполненного кроссворда. Может есть и другие варианты? Заранее спасибо за ответ.

  178. 178. Sosnovskij

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

  179. 179. Asio

    Sosnovskij, точно ведь, спасибо за идею :smile: Была мысль о ключевом слове, но в этой программе подобных опций не нашла и идею отбросила… А зря, оказывается, еще раз спасибо!

  180. 180. SPASSKIY

    A у меня на странице с кроссвордом появляется надпись:

    «Этот интерактивный кроссворд требует JavaScript и любые последние веб-браузер, в том числе Windows Internet Explorer, Mozilla Firefox, Google Chrome или Apple Safari. Если вы отключили веб-страницы сценариев, пожалуйста, включите его и обновите страницу. Если это веб-страницы, сохраненные на вашем компьютере, возможно, потребуется нажать желтую панель информации в верхней или нижней части страницы, чтобы разрешить головоломку для загрузки.»

    Объясните пожалуйста что нужно сделать.

  181. 181. Sosnovskij

    SPASSKIY, в 9-м пункте вы выбираете «Interactive with Javascript»?

  182. 182. Ольга

    Здравствуйте! Не знаю, отвечаете ли вы на вопросы к старым постам, но у меня возникла проблема, которую не могу пока решить. Я не могу прописать русские слова, когда создаю кроссворд! Если писать английскими буквами — все нормально, слово запоминается, а русскими вообще нет. Возможно проблема в том, что я нахожусь в Швейцарии? Там есть закладка язык, я меняла на кириллицу, не помогает.

  183. 183. Sosnovskij

    Ольга, русскими буквами при написании ответов и вопросов в кроссворде? Что значит, что слово не запоминается? :)

  184. 184. Ольга

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

  185. 185. Sosnovskij

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

  186. 186. Ольга

    Sosnovskij, уже все это делала :( Как будто программа распознаёт, что я не в России нахожусь!

  187. 187. Sosnovskij

    Ольга, теряюсь в догадках. К сожалению, помочь не смогу. Попробуйте обратиться в поддержку программы на сайте eclipsecrossword.com/help.html

  188. 188. Дмирий

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

  189. 189. Sosnovskij

    Дмирий, спасибо! Поправил.

  190. 190. руслан

    А как выделить цветом некоторые его клеточки, чтобы потом посетитель блога мог составить, допустим, слово?
    И как сделать, чтобы он не открывался в новом окне? Чтобы посетитель не уходил с блога?

  191. 191. Алексей

    Плохо, что такой кроссворд ссылку оставляет активную.

  192. 192. Sosnovskij

    руслан, это к верстальщику.
    Алексей, это некое спасибо разработчикам программы. Ее можно и убрать.

  193. 193. Светлана

    Большое спасибо! Давно искала описание программы для составления кроссвордов. Ваша статья очень подробно всё расказывает!но вставляю на страницу код

    файл брошен в корень сайта. но на сайте ничего не появляется! Что делаю не так?

  194. 194. Sosnovskij

    Светлана, мало исходных данных для помощи :)

  195. 195. Светлана

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

  196. 196. Sosnovskij

    Светлана, вы открываете кроссворд по ссылке vashdomen.ru/krossword/krossword.html?

  197. 197. Светлана

    да!

  198. 198. Sosnovskij

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

  199. 199. Дмитрий

    Здравствуйте!
    Подскажите, что не так, если после вставки кода появляется сообщение: «Please wait while the crossword is loaded…» и сохраняется «EclipseCrossword © 2000-2010»?

  200. 200. Sosnovskij

    Дмитрий, появляется сообщение и больше ничего не делается?

  201. 201. Дмитрий

    Sosnovskij, да.

  202. 202. Sosnovskij

    Дмитрий, при создании кроссворда выбираете «Interactive with Javascript»? Включен в браузер яваскрипт?

  203. 203. Дмитрий

    Sosnovskij, да. Да.

  204. 204. Sosnovskij

    Дмитрий, попробуйте опубликовать кроссворд без русификации. То есть тот вариант, который предлагает программа.

  205. 205. Дмитрий

    Sosnovskij, публикуется без проблем.

  206. 206. Sosnovskij

    Дмитрий, тогда попробуйте русифицировать сами :)

  207. 207. Станислав

    Для того, чтобы составить кроссворд я пользуюсь этим методом, а вот вывожу кроссворд на сайте плагином Responsive Crossword Puzzle Game. Как по мне, так выглядит симпатичнее. Результат работы плагина можно посмотреть здесь: russkiiyazyk.ru/category/interesno/krossvordy

  208. 208. Анна

    Здраствуйте, не могу изменить язык, почему-то вместо моих вопросов какието непонятные буквы

    • 209. Sosnovskij

      Нужно поменять кодировку. 10-й пункт в инструкции.

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

 

* Нажимая на кнопку "Добавить комментарий" я соглашаюсь с Политикой конфиденциальности.

Привет! А еще у меня есть телеграм-канал @sosnovskij. Туда я публикую чаще =).
Это короткие, но емкие посты по SEO: эксперименты, наблюдения, личный опыт. Заходите, читайте, подписывайтесь ;-) .