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

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

Вообще, идею создания кроссворда мне подсказал Сергей Сосновский, но вот те проблемы которые при этом возникают меня не очень устраивали и полезла я тогда к всезнающему Google в поисках — может нашелся добрый человечек, который бы облегчил создание кроссворда на русском языке. И таковой нашелся – им оказался Илья, автор блога “Мужское хобби”. Именно благодаря Илье знаменитая программка EclipseCrossword стала создавать интерактивные кроссворды на русском языке и при этом скрывать ответы на вопросы, но все по порядку.

Итак, создание интерактивного кроссворда начинается с того, что мы скачиваем программу EclipseCrossword здесь, а затем ее просто запускаем, нажав на EclipseCrossword.exe файл. Хоть кроссворд и получается в результате на русском языке, но интерфейс программы на английском, но это нас не остановит.

После запуска программы появляется диалоговое окно

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

где ставим галочку напротив строки I would like to start a new crossword (Я хочу создать новый кроссворд)(стрелочка 1) и затем сразу же нажимаем на кнопку Next (стрелочка 2).

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

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

Так как мы создаем новый кроссворд, то естественно ставим галочку в пункте Let me create a word list from scratch now (Создаем новый лист) и снова нажимаем кнопку Next.

Перед нами в следующем шаге открывается окно добавления ответов и вопросов для нашего кроссворда.

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

В поле Word нам необходимо прописать ответ на наш вопрос (то слово, которое читатель должен будет ввести в кроссворд) – в данном примере пусть это будет “буратино”.

В поле Clue for this word прописываем вопрос, ответ на который мы прописали в поле Word. Например у меня вопрос такой – мальчик с длинным деревянным носом.

Нажимаем на кнопку “Add word to list” (добавить слово в список). Наша слово после этого оказывается в поле “Word list”

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

И таким образом поступаем внося все слова создавая кроссворд для нашего блога. Если Вы в процессе составления кроссворда передумали вставлять то или иное слово в интерактивный кроссворд, то его достаточно выделить в поле “Word list” и нажать на кнопку “Remove word” (удалить слово).

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

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

Если необходимо это сделать, то нажимаем “Да” и в появившемся окне сохраняем наш кроссворд для дальнейшего редактирования с помощью программы EclipseCrossword. Я же нажимаю на кнопку “Нет” и появляется окно, где мне предстоит задать имя моему кроссворду в поле Name of this crossword, а так же вписать имя автора кроссворда (хотя это можно и не делать)в поле Your name

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

На пятом шаге создания кроссворда для блога предлагается нам установить размер ячеек. Я по умолчанию оставлю 10х10  рх

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

Снова нажимаем на кнопку Next и перед нами открывается окно с возможным вариантом отражения нашего кроссворда. Если предложенный вариант нас не устраивает, то смело жмем на ссылку “Make another puzzle like this one” (сделать другую раскладку пазлов) пока не увидим желаемого результата

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

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

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

Появляется окно, в котором меня интересует вкладка Web

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

открыв которую мне необходимо поставить галочку в пункте Do not allow cheating

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

и нажать на кнопку Ок. Нас снова перекидывает на страницу сохранения кроссворда, где на этот раз меня уже интересует вкладка Save as web page  (сохранить как веб-страницу),

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

где нам предстоит выбрать вариант сохранения кроссворда. Я выбираю “Interactive with Javascript”,

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

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

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

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

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

Отлично, мы создали кроссворд для блога теперь осталось только его вывести на блог. Делается это очень просто – в корневом каталоге нашего сайта ( там где хранятся все папки и файлы блога, где лежит файл robots.txt) создаем новую папку, которую предположим называем krossvord и именно в эту папку на хосте и перекидываем созданный кроссворд. После этого в адресной строке браузера набираем следующий адрес http://sitename.ru/krossvord/buratino.html

где:

  • http://sitename.ru – это имя нашего сайта
  • krossvord – папка, где хранится кроссворд
  • buratino.html – название кроссворда

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

 

А вот еще один кроссвордик, который был составлен при написание данного поста – это чтобы Вам не скучно было.

кроссворд

<<—Начать разгадывать кроссворд—>>

На этом я сегодня прощаюсь, всем удачи и пока- пока.

С уважением, Отчаянная

[youtube]-JQEoFnW42I&feature=youtu.be[/youtube]

 

Вам понравилась статья? Расскажите о ней друзьям!