Кроссворд для сайта

Кроссворд для сайта

Многие люди любят тренировать свой мозг с помощью кроссвордов. И не многие умеют их составлять, хотя хотели бы это делать систематически. На помощь таким людям приходят компьютерные программы. Они могут быть как десктопные, так и онлайновые. Результат работы таких программ по-разному может быть использован: – простая распечатка на принтере или в PDF-файл готовой графической схемы кроссворда с заданиями (отдельно ответы); – интерактивное представление кроссворда на интернет-странице для заполнения и проверки посетителями сайта. В данном обзоре представлено три сценария работы над кроссвордом: 1. десктопная программа, 2. онлайн-сервис, 3. javascript-библиотека. Для каждого сценария по одному примеру.

Eclipse Crossword

Очень компактная и внятная десктопная программа с помощью которой можно «убивать двух зайцев», т.е., делать кроссворд и для печати, и для сайта. Работа в программе строится по принципу мастера, т.е., по шагам. На скриншоте представлен основной шаг – добавление новых слов с их значениями:

Eclipse Crossword

В поле Word набиваете новое слово, в поле Clue даете его значение и нажимаете кнопку [Add word to list]. На этом шаге ваш лист слов со значениями можно сохранить в отдельный файл с тем, чтобы с ним работать при следующем запуске программы. Рекомендую сохранять лист (жми кнопку [Tools]). Формат этого файла очень простой, т.ч., с этим листом вы сможете работать в текстовом редакторе а потом лист загружать в программу Eclipse Crossword.

Небольшой нюанс на этом шаге. Если вы решите посмотреть значение уже набранного слова и двойным кликом перенесете слово из поля Word List в поле Word, то не забудьте нажать потом кнопку [Add word to list] даже если с вашей стороны не было редактирования, иначе слово из списка пропадет.

Читать статью  Продвижение сайтов в Москве

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

На последнем шаге выбирается выходной формат кроссворда: или в текстовой статичный файл, например, в RTF, или в графику, например, в EPS, или в интерактивный HTML+JS. Меня, как вебмастера, заинтересовал вариант для сайта, который в терминологии программы зовется Interactive with Javascript и находится на закладке Share online. Результат вы можете потестить ниже:

Как с этим кроссвордом работать: нажмите на любую пустую ячейку – будет выделена цветом строка и значение загаданного слова, наберите слово. В конце заполнения всех ячеек нажмите кнопку проверки кроссворда, чтобы узнать результат.
Скачать портабельную бесплатную версию программы вы можете по ССЫЛКЕ. В папке программы для примера присутствуют файлы Cities_list.ewl и Cities_project.ecw — это файлы с листом слов и с проектом.

Crossword Labs

Простой онлайновый конструктор интерактивных кроссвордов с возможностью встраивания кроссворда на ваш сайт. Нажимаете на [Make a Crossword], задаете имя кроссворду, и составляете контент по шаблону: слово > пробел > значение слова. На каждую пару слово-значение отводится одна строка. Потом нажимаете кнопку [Save & Finish]. Кроссворд опубликован на сервисе и готов к использованию. По кнопке [Share] есть возможность получить код для вставки на свой сайт. Пример кроссворда «Голова»:

Кроссворд также можно экспортировать в PDF. Кроссворду можно задавать пароль.
На сервисе уже составлено много различных кроссвордов и можно воспользоваться поиском по названию и словам. Если вы не хотите, чтобы ваш кроссворд был на всеобщем обозрении и искался по поиску на этом сервисе, то надо зарегистрироваться.

Читать статью  Tinder, Mamba, Badoo: как маркетологу «продать себя» на сайтах знакомств

Если говорить об онлайн-генераторах кроссвордов, то обращу внимание еще на сайт http://puzzlecup.com/crossword-ru/. На этом сайте применен альтернативный подход к созданию кроссвордов: сначала рисуется геометрия кроссворда, а потом к нему подбираются подходящие по размеру слова из словаря. Своё слово также можно внедрить. Каждому слову пишется опрелеление. После создания кроссворда он публикуется и для него генерится ссылка, которой можно поделиться со всеми. Отредактировать ваш кроссворд также можно по другой сгенеренной ссылке.

Qurossword

Небольшая частная js-библиотека от пользователя jweisbeck на Github.
Поcмотрите файл script.js в его проекте. В нем вы сможете создать свой кроссворд, заменив многомерный массив puzzleData, один элемент которого посвящен одному слову и имеет такую структуру:

где
clue: значение слова
answer: задуманное слово
position: номер слова
orientation: направление чтения слова
startx: координата X для первой буквы слова
starty: координата Н для первой буквы слова

Конечно, чтобы пользоваться данной заготовкой надо иметь готовую схему кроссворда, чего jweisbeck не предоставляет. Но выкрутиться всегда можно. Я, например, для создания схемы использую Crossword Labs, а для конечного вида кроссворда использую решение Qurossword, т.к., оно мне больше подходит по интерфейсу.

Покупайте фриланс-услуги
в один клик

Разработка и IT

Kwork — это потрясающе удобная фриланс платформа, которая включает:

Магазин фриланс услуг

Хотите экономить деньги, время и нервы? Такая экономия возможна только тогда, когда freelance нацелен на результат. В этом плане Kwork, являясь маркетплейсом, имеет огромное преимущество перед любыми другими биржами исполнителей.

Фрилансеры оформляют свои услуги в виде кворков, которые можно купить в один клик. То есть работа исполнителей продается как товар, а это экономит массу времени, денег и нервов. Идеально подходит для типовых задач: логотипы, баннеры, SEO и др.

Читать статью  Seo продвижения сайтов

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

Кроме того, маркетплейс идеален для покупки фриланс услуг, когда у вас нет четкого ТЗ – вы просто выбираете тот кворк, который больше подходит. Если вы новичок или у вас нет опыта – начните именно с магазина, в нем разберется даже ребенок.

Биржа фриланса

Вы создаете задание, и оно становится доступно тысячам фрилансеров, которые могут отправить вам предложения. Остается только выбрать лучшее и начать работу. Такой подход к удаленной работе – идеальный вариант для решения больших и уникальных задач.

Отличительной чертой биржи Kwork является качество заявок от фрилансеров. Если вы когда-нибудь работали на других фриланс площадках, то знаете, какая это боль получать множество нерелевантных предложений от исполнителей, которые даже не прочитали текст вашего задания. Но на Kwork всё по-другому – благодаря особому функционалу любому фрилансеру приходится ценить каждую отправленную заявку. Поэтому подавляющее большинство полученных предложений поступают от исполнителей, внимательно ознакомившихся с сутью задачи и сразу предлагающих то или иное решение.

И еще один важный момент, на бирже фриланса и в магазине Kwork безопасная оплата заказов, которая проходит через систему — исполнитель получает деньги, только когда вы одобрите результат. В случае просрочки денежные средства можно вернуть на свой счет в один клик.

Источник http://www.newart.ru/htm/myzavr/mz147.php

Источник https://kwork.ru/

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *