Наша взаимовыгодная связь https://banwar.org/
Добрий день, шановні читачі і гості 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]