Сьогодні я вам покажу, як зробити кросворд на сайті. Насправді, нічого складного в цьому немає, і ви самі в цьому переконаєтеся, прочитавши статтю повністю. А в самому кінці поста вас за традицією чекає черговий кросворд на blogiseo.ru №6 з грошовими призами.
Кросворд, як відомо, є чудовим інструментом, тренирующим пам'ять і логічне мислення. Розгадуючи кросворди, можна з користю для себе провести час, а іноді просто тупо його вбити.
Як зробити кросворд на сайті
Робити «зарядку для розуму» на блозі ми будемо за допомогою спеціальної програми. Так як програма не має в своєму функціоналі української мови, буду показувати всю послідовність складання з скріншот і поясненнями. Отже, приступимо.
Програма, яка допомагає зробити кросворд на блозі, називається eclipse crossword. Завантажити її можна за цим посиланням. Установки вона не вимагає, після скачування її просто потрібно запустити. Перед вами з'явиться ось таке вікно:
Тут нічого робити не потрібно, просто натискаємо кнопку «Next» і переходимо в наступне віконце:
Аналогічно, натискаємо кнопку «Next». А ось в цьому віконці і буде формуватися наш кросворд:
Введення слів і питань для отримання повноцінного кросворду я показувати не буду, це ні до чого. А поясню на прикладі одного слова з питанням, що б було все зрозуміло. Отже, дивимося на скріншот, пояснюю. У першому полі вводиться слово, яке потрібно розгадати, в другому полі - питання. Третє, тиснемо «Add word to list» для запам'ятовування пари (слово / питання), що далі:
- Після натискання кнопки «Add word to list», слово переноситься в віконце, де формується весь список слів, які відвідувач повинен буде розгадати.
- Тут ведеться підрахунок слів.
- Якщо раптом ви випадково ввели слово з помилкою або вам воно просто вже не подобається, і ви хочете його видалити, виділіть таке слово курсором мишки і натисніть «Remove word». Слово разом з питанням зникне із загального списку.
- Після того, як весь список буде сформований, в залежності від того, наскільки великий він у вас буде. Я зазвичай роблю кросворд на 18-20 слів, тиснемо кнопку «Next» і перед вами спливає віконце, в якому пропонується його записати:
Тиснемо «Так» і зберігаємо у себе на ПК.
Далі, вас перекине в наступне вікно:
- У цьому полі вам потрібно придумати і ввести ім'я вашого майбутнього кросворду.
- У цьому полі, ваше ім'я.
Обидва імені, будуть відображатися на сторінці при розгадуванні його відвідувачем (приклад):
Після чого, знову натискаємо «Next» і нас перекидає ось сюди:
Що нам буде потрібно зробити в цьому вікні? А тут нас просять вказати мінімальну ширину і висоту. На 20 слів я ставлю 18/18, можна зробити і менше, але програма може не згенерувати кросворд, якщо зробити більше, він буде занадто рідкісним.
Загалом, тут самі можете по експериментувати, складного нічого немає. Завжди можна буде ввести нові значення, в разі невдалої спроби. Встановили, тиснемо «Next». Після того, як програма згенерує наш кросворд, він з'явиться в новому вікні:
Знизу, я підкреслив на скріншоті, програма показує, скільки слів було задіяно і розміри. Якщо вас влаштовує таке розташування слів, тиснемо «Next». Якщо немає, можете натиснути «Make another pazzle like this one» і програма згенерує його заново і видасть вам інше розташування слів.
Тепер залишається зберегти кросворд для подальшого його використання:
Зберігаємо відредагований файл. Для завантаження його на сторінку блога, необхідно закинути html - файл з кросвордом в кореневу папку вашого ресурсу. Я завів в корені блогу окрему папку «krossvordi» і закидаю їх туди за допомогою ftp - клієнта. А вже в самому тексті поста вам потрібно буде вказати посилання на нього.
Кросворд на blogiseo.ru №6 з грошовими призами
А тепер, як і обіцяв, черговий призовий кросворд! Правила ті ж, ознайомитися з ними можна тут. Призи сьогодні такі:
Призи за сьогоднішній розгаданий кросворд:
1 місце - 150 рублів
2 місце - 100 рублів
3 місце - 50 рублів
Підказка для кодового слова: квітка! Гарних вражень.
Переможці за традицією будуть оголошені в наступній статті. НЕ пропустіть.
На цьому у мене все. Бажаю всім удачі і відмінного настрою. Поки, до швидких зустрічей!
може скажеш як ті ж пазли можна на сайт закинути
Микола, спасибі за докладне пояснення. Я пробувала вже складати кросворд на блозі, за допомогою русифікованої програми від Іллі. Але там ніяк не могла позбутися від вилазять крокозябра. Сподіваюся, що тут буде все нормально, і слова будуть по-російськи, і завдання до них.
Тимур, а для того, щоб вставити в блог завдання з пазлами, взагалі ніяких проблем не виникає. Хіба що, картинку для пазла скласти якусь цікаву, наприклад, ребус. У мене цілий супер-пупер конкурс на цьому заснований: ребуси, пазли і просто питання. А зробити пазл можна ось за цим посиланням flash-gear.com/puzzle (тільки все зайві посилання приберіть, на початку і в кінці коду)
Будь ласка. Кракозябри в кросворді виникають через неправильну кодування. Це легко вирішується збереженням файлу в UTF-8 за допомогою чудової програми notepad ++.
Давно хотів складати кросворди на своєму сайті, розуміючи, що це буде збільшувати час перебування відвідувачів на сайті. І, ось, нарешті, як кажуть, дійшла черга і до цього.
Дякую за дохідливо написану статтю. Думаю, що з її допомогою у мене все вийде.
Привіт, Олександре Івановичу!
Обов'язково вийде! Якщо що, звертайтеся. Обов'язково допоможу.
Микола, нарешті я вмовила себе зробити свій перший кросворд на блозі! І у мене все вийшло! ДЯКУЄМО!
Завжди будь ласка! Радий, що у вас все вийшло.
Добрий день, Миколо! При розміщенні кросворду на блозі у мене виникла проблема.Еслі я просто відкриваю сторінку з комп'ютера - все відкривається нормально і кросворд з українським текстом. Але коли я відкриваю його за посиланням зі статті в блозі, то замість тексту з'являються знаки питання.
Не підкажете як виправити ці косяки?
Добрий день, Тетяна!
Зробила як ви написали, але все залишилося як і раніше.
Тоді спробуйте задати кодування HTML - файлу з кросвордом ANSI. Повинно все вийде.
За це вам належить винагорода в розмірі 100 рублів. Надсилайте номер гаманця і я перерахую вам гроші!