Замените flash с jquery/html5

Question

У меня есть проект с использованием flash для большинства страниц. Теперь клиент хочет заменить флеш с помощью jquery/html. Итак, откуда я должен начать?

Проект имеет swf-файл и встроен swfobject (javascript). Может кто-нибудь помочь мне дать идею или шаги, как я могу преобразовать swf в javascript/html?

Answer 1

Если вспышка не содержит огромное количество анимации/динамического взаимодействия, то я бы сказал, что вы должны следить за процессом по этим линиям:

1. Создание HTML документов, в которых содержание структурировано в простой , согласованный формат. Если вы не знаете, как это сделать, я предлагаю вам ознакомиться с некоторыми основными принципами, связанными с семантической разметкой (Google - ваш друг здесь, есть много больших ресурсов, но here's a starter I just came across). Не беспокойтесь о элементах, которые связаны с анимацией или специальным взаимодействием пользователей на этом этапе - просто отложите часть своего HTML, где такие элементы должны быть на данный момент
2. Используйте CSS для компоновки структуры документа с желаемым внешним видом. Сделайте это один шаг за раз - начиная с самых больших элементов на странице и прокладывая путь до самых маленьких (я считаю, что это лучший способ создать свой пользовательский интерфейс надежно, хотя другие могут подойти к нему по-другому).
3. Как только ваши основные страницы структурированы правильно и выглядят хорошо, пришло время сосредоточиться на анимированных/интерактивных аспектах. Самый простой способ сделать это - использовать работу других людей: плагины jQuery. Определите, какие функции вам нужны, и найдите плагины, которые уже предоставляют эту функциональность (т. Е. Вы упомянули функцию слайд-шоу - Google для «слайд-шоу jQuery» и поиграйте с опциями - их будет много).

Реально, если вы не знакомы с HTML/CSS/JS, это не будет простой задачей для вас. Вот несколько другие мысли, которые могут помочь вам:

• Фокус первоначально на структуреконтента: если вы получите это право все еще строит на нем с гораздо меньше боли. Кроме того, Google действительно любит хорошую структуру документа, поэтому это будет очень маленьким способом получения рейтинга результатов поиска на сайте.
• Не беспокойтесь о HTML5: кроме того, что вам нужно сделать дополнительную работу, чтобы сделать ее полностью совместимой с браузером (по крайней мере, если вам нужна большая совместимость с браузером), это просто на самом деле не обязательно использовать такие элементы, как nav или video (пока ваш клиент не разрешит использование Flash-видео, но это для другого обсуждения). Не откусывайте больше, чем вы можете пережевывать.
• Будьте последовательны, это связано с первым пунктом выше - если вы примените структуру к своим элементам последовательно по всем вашим документам, вы можете более легко использовать преимущества тех же CSS и JS.
• Что касается комментариев w3schools в других разделах этой страницы, я бы сказал, что они не используют их для учебных пособий, - но они могут быть полезным справочным источником для изучения элементов и атрибутов HTML и правил CSS (хотя есть много других сайтов, которые может помочь здесь).

Ну, надеюсь, это поможет вам. Извините, я не могу быть более конкретным, но мне нужно более подробное описание вашей проблемы, прежде чем я смогу дать вам гораздо больше ... Удачи

Answer 2

1) Learn вспышки (надеюсь, вы добились того, что)

2) Научитесь Javascript. Изучите html5. Есть много ресурсов и учебных пособий.

3) Возьмите источник флеш-проекта. Прочтите его и медленно перепишите на javascript.

4) После того, как вы перевели проект, он может быть подоптимальным. Подумайте в javascript, чтобы сменить некоторые flash-подобные конструкции на javascript-подобные. Выполняйте небольшие оптимизации, пока вы не удовлетворены результатами.

Answer 3

Вы пробовали или Swiffy? Adobe реагирует на гибель чрезмерного использования Flash в other ways.