Здравствуйте, друзья! 25 февраля, в честь дня рождения блога FairHeart.ru был проведен первый конкурс по разгадыванию кроссворда. Такая практика не нова и применяется на многих блогах для развлечения публики, улучшения атмосферы и увеличения числа комментариев. В этой статье я хочу рассказать, как создать кроссворд для блога.

Как создать кроссворд

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

Хотелось бы только разъяснить некоторые моменты, которые в том посте не раскрыты.

Удаление подсказки

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

Дабы не удалять каждый раз эту строчку кода, лучше сразу отключить в программе EclipseCrossword автоматическую вставку подсказок. Это делается в разделе Options, закладка Web, опция «Do not allow cheating».

Отключение подсказок

Выравнивание по центру

По умолчанию кроссворд выводится на странице слева. Большой объем свободного пространства справа смотрится некрасиво. В данном случае удачным решением будет расположить кроссворд по центру.

Для этого все содержимое тега body заключаем в div с идентификатором krossvord (id=«krossvord»). Далее в файл style.css приписываем следующие стили:

# krossvord {
	width: 700px;
	margin: 0 auto;
}

Проблема с кодировкой

Проверять правильность кодировки страницы с кроссвордом нужно на сервере!

К примеру, я поставил кодировку UTF8 без BOM, воспользовавшись бесплатным редактором Notepad++. Если открыть страницу на своем компьютере, то кодировка будет нарушена, и вместо русских букв вы увидите нечитабельные иероглифы. С другой стороны, если ее же загрузить на сервер и открыть через браузер, то все слова будут выводится корректно.

На этом собственно все. Создать кроссворд на блоге не сложно, гораздо труднее подобрать к нему интересные слова. Спасибо за внимание! Берегите себя.

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.