Як швидко скласти кросворд
Традиційне складання кросвордів
Я пам'ятаю, ще в школі, коли мама проводила різні розважальні заходи, наприклад "Веселий вечір фізики" (моя мама була вчителем фізики), то готувалася вона до складання тематичних кросвордів приблизно так:
- Покладала перед собою зошит в клітинку, і брала в руки олівець.
- Становила список слів, які, ймовірно, належали до теми кросворду.
- Мала ці слова на листочку, в кожну клітину вказувала по одній букві, при цьому починала з найдовших слів, потім заповнювала порожній простір короткими.
Якщо розібратися, то складання кросворду - це відмінна розминка для мізків і допомагає систематизувати інформацію, сприяє запам'ятовуванню матеріалу, це одна з тих причин, чому так часто використовується в школі. При цьому для того, щоб скласти кросворд необхідно витратити купу часу - адже потім доведеться переносити його в формат WORD або табличку.
Програми для складання кросвордів
Зрозумівши той факт, що кросворди допомагають відвідувачам перевірити свій інтелект, а блогерам отримати такі бажані поведінкові фактори я почав шукати програми, які допомогли б мені швидко генерувати кросворди.
Ще один недолік - це немає можливості взяти, наприклад, кросворд створений кимось і автоматично імпортувати його в програму. Але, при цьому, простота рішення і швидкість складання роблять цю програму дійсно зручною для вирішення цього завдання.
Після запуску програми (перш її доведеться встановити) можна починати складання свого кросворду. Із запропонованих двох варіантів (верхній: створити новий кросворд, нижній: відкрити кросворд з файлу) необхідно вибрати перший варіант - або ж другий, якщо нам потрібно просто відкоригувати свій старий кросворд, який ми зберегли раніше. Після установки прапорця натискаємо кнопку "Далі (Next)".
На цьому кроці ми також будемо стояти на роздоріжжі вибору - "Створити новий список ключових слів" або ж "використовувати старий, збережений раніше". В даному випадку у нас ще немає збережених раніше слів для нашого кросворду - значить вибирати будемо перший (той що вище) варіант і натискаємо кнопку Далі (Next)
Тепер ми прийшли до самого ключового моменту - власне складання самого кросворду. Для цього заповнюємо даними поля:
- WORD - вставляємо слово, яке буде відгадувати відвідувач
- Clue for this word - вказуємо опис до цього ключовим словом
- Кнопка ADD WORD TO LIST додасть нове слово в кросворд
- Кнопка REMOVE WORD видалить доданий помилково слово з кросворду
- Кнопка TOOLS дозволить зберегти слова кросворду в список або додати зі списку збереженого раніше
Якщо ми вже визначилися з словами і натиснули кнопку NEXT (Далі) то програма дбайливо запропонує зберегти список введених слів (щоб в разі якогось збою не довелося їх потім вводити заново). Ми природно не хочемо втрачати свій час даремно - натискаємо "Так" тим самим зберігаємо список введених слів і визначень нашого кросворда в форматі EWL.
Далі у нас також є варіант вибрати слово, щодо якого буде будується наш новий кросворд, або ж надати можливість програмі складати кросворд на свій розсуд. Дана фукнція знадобиться тоді, коли у нас є одна ключова тема (наприклад довге слово на 20 букв) щодо якої ми будемо будувати всі інші слова. Я ж сам особливо цим не морочитися і встановлюю прапорець біля першого значення і натискаю кнопку Далі (NEXT).
На сторінці, яка відкриється можна буде задати "Тема" свого щойно створеного кросворду і копірайт. Поля не є обьязательно - але я все ж їх заповнюю. Також коли вже буду публікувати на сайті кросворд - то зможу видалити або змінити введену інформацію вже у вихідному коді.
Після продовження (натискання кнопки Далі (NEXT)) необхідно ввести розміри полів кросворду, а саме скільки клітинок буде займати кросворд по горизонталі і скільки буде займати по вертикалі. Я розумію, що ширина мого поста обмежена, і якщо слів багато, то я просто по ширині даю менше число, а по висоті більше. Втім, на перший раз можна залишити так як запропонувала програма за замовчуванням, а в подальшому якщо необхідно повернутися на крок назад і змінити розміри полів.
У наступному вікні програма видасть вікно попередження про те, що мовляв хочете ви створити кросворд? Все введено вірно? Ми погоджуємося натисканням кнопки Далі.
Якщо список слів був не більшим, то вже через кілька секунд ми побачимо сгенерированную комбінацію розташування слів нашого щойно створеного кросворду.
Якщо ж нам не сподобалося розташування, яке відразу запропонувала програма - то ми можемо не соромитися і натискати на посилання "Make another puzzle like this one" - таким чином ми дамо програмі команду перегенеріровать розташування ключових слів нашого кросворду.
Але, крім того, щоб зберегти свій створений кросворд необхідно захистити його вихідний код, щоб будь-хто, хто зайде на сторінку не зміг витягнути ключові слова кросворду з вихідного коду сторінки. На скільки я бачу, багато блогери, які створювали конкурси кросвордів не звертали на це увагу.
І так на скріншоті нижче установка першого прапорця прибере з сторінки ключові слова, і створить з них хеш код - іншими словами, відгадувати кросворд буде можливо, але витягнути слова з вихідного коду вже не вийде.
Друга опція дозволить захистити сторінку з кодом від перебору ключових слів за словником будь-якою програмою, яка здатна це здійснити. Користувач зможе тільки один раз перевірити кросворд на помилки - і якщо він припустився помилки - йому доведеться почати відгадувати кросворд спочатку (власне для програм які займаються перебором це буде витрата додаткового часу).
Вищий пілотаж по роботі з програмою для складання кросвордів полягає в створенні словників в текстовому файлі, і збереженням його з розширенням .ewl. Це означає, що якщо ми підготуємо файл у вигляді:
Де у нас ключові слова нашого кросворду написані у верхньому регістрі, а опису в будь-якому текстовому вигляді (увага, теги використовувати не можна) після двокрапки - то ми зможемо по-перше скласти список слів до нашого кросворду набагато швидше, по-друге використовувати цю можливість можна для імпорту кросвордів інших людей в програму - а значить скласти свій тематичний кросворд буде ще простіше.
Як інтегрувати кросворд в свій пост на WordPress (або Joomla)
Походивши по блогам, я побачив, що організатори конкурсів або не бажають морочитися інтеграцією кросворду в пост, або ж вважають що це не важливо. Але, якщо виходити про важливість поведінкових факторів - то все ж це дійсно варто того, щоб задурити. Суть інтеграції кросворду на сторінку поста полягає в вставці коду. Але, спробувавши так зробити, я побачив, що не все так просто - кросворд щось не запускався, то запускався але кострубато.
Я зважився розібрати вихідний код сторінки кросворду, який створила програма EclipseCrossword. Насамперед що я виділив - це стилі, які йдуть на сторінці. Щоб дійсно вони мені не заважали, я просто виніс їх в окремий файл з розширенням CSS. Нижче йде цей код - при бажанні можна собі відразу його і скопіювати і створити собі файл наприклад style.css
Далі за кодом йде змінна, яка в кожному нашому кросворді буде різною. Я вставляю код нижче свого кросворду, вам же потрібно буде знайти цю частину коду вже в файлі, який складе генератор кросвордів. Зберегти цей код необхідно в файлі з розширенням JS (вийде наприклад KrossWord.JS).
Наступним йде скрипт логіки нашого кросворда, який буде малювати табличку і дозволить користувачу розгадувати кросворд в інтерактивному режимі на вашому блозі. Нижче надано видозмінений код (частково переведений на українську мову). Зберегти його необхідно в файлі з розширенням JS (вийде наприклад файл Funcsion.JS - назва можна давати будь-яке). Цей файл буде загальним для всіх наших кросвордів, він не змінюється ніколи.
Наступний файл, який я також створив - ви ж можете не створювати, а використовувати запропонований програмою-генератором код. Це буде також файл з розширенням JS в якому буде міститися лише одна строчка. Назву цей файл BeginCrossword.JS (вміст файлу по тексту нижче)
Далі я просто підключаю необхідні частини скрипта вже в HTML (в тих місцях, де був скрипт буде конструкція яка підключає зовнішній файл). Нижче по тексту надав вид конструкцій, які допоможуть підключити зовнішні скрипти, які ми зберегли раніше.
Таким чином, вже маючи окремо всі складові частини нашого кросворда, ми можемо створити шаблон, в якому повинна здійснюватись лише підключення файлу з самим кросвордом і природно оформлення в HTML у вигляді заголовка кросворду і його опису. Ось як виглядає код, який виводить кросворд на сторінках мого блогу (приклад створеного кросворду: Тестовий кросворд)
Думаю, про те, що залити створені файли, і змінити посилання вам не потрібно нагадувати? На цьому у мене все - сподіваюся допоміг!
До речі, в планах у мене розібратися ще з однією чудовою програмою для складання інтерактивних кросвордів, яка все ж (мені здається) на порядок краще, ніж EclipseCrossword - але про це ви вже зможете почитати підписавшись на оновлення блогу в нових постах. Особливістю програми є російська локалізація (без танців з бубном) та можливість замість питань додавати картинки.
До речі, потрібно і мені подумати над тим, що б кроссвордік у себе на блозі робити). Дякую за підказку і розжовування матеріалу за програмою!
Ось ще раз переконуюся, стільки у тебе цікавого, Юра, матеріалу на блозі.
Ой, так здорово без капчі, прямо кайф. І що ж я раніше не реєструвалася!
Дякую Таня.
Керівництво писав в першу чергу для того, щоб для себе мати шаблони під руками і не зберігати окремі татка на комп'ютері.
Думаю, може ще комусь знадобляться - так як кросворди здорово піднімають ПФ - а це зараз дуже важливо в плані просування сайту.
Я якось теж вирішила придумати кросворд. Створила. Але потім щось не виходило його поставити на блог. Потрібно було або на хостинг закидати в папку блогу. Не пам'ятаю. Так і кинула цю затію. хоча мені дуже хотілося. щоб на блозі були кросворди.
Для того, щоб розібратися з цим питанням і була написана ця публікація.
Найскладніше, це зібрати слова, написати визначення, при цьому це можна робити в звичайному блокноті в форматі "СЛОВО: визначення" - а потім імпортувати в програму.
Щодо всього іншого - то складнощів бути не повинно - мені взагалі сподобався процес складання кросвордів і їх публікація.
Не обов'язково взагалі щось там заливати на сервер - можна відразу вставляти код в публікацію - але мені зручніше все ж розділяти скрипти на частини і заливати їх окремо на хостинг.
Цікаво, а чому ж Андрій не виходить вставляти кросворд в сторінку, у чому власне складнощі полягають?