2012-03-06 2 views
2

Обычно я не использую продукты Adobe для веб-разработки, потому что они создают страницы, которые настолько неразборчивы.Adobe Illustrator to HTML/JS

Однако я начал получать серию запросов, которые в основном связаны с добавлением ссылок и подсказок инструментария JQuery к сложному изображению для создания своего рода интерактивного плаката на одной веб-странице. Поскольку все исходные файлы находятся в Illustrator, я подозреваю, что может быть хороший способ сделать такую ​​страницу без написания сложного CSS с нуля.

У меня есть доступ к Illustrator, Fireworks, Dreamweaver ... Каков наилучший способ сделать страницы?

Мои неудобные, но прагматичные приоритеты: 1. Простота/скорость рабочего процесса 2. Скорость/качество фронтального опыт & кросс-браузер/совместимость устройства 3. Доступность, действительный синтаксис и т.д.

Спасибо!

ответ

1

Я предлагаю создать ImageMap с помощью Fireworks.

http://help.adobe.com/en_US/Fireworks/10.0_Using/WS4c25cfbb1410b0021e63e3d1152b00d35d-7fe4.html

+0

Спасибо. Только так, я полностью понимаю, я могу сохранить изображение в виде нарезанного html-файла с различными фрагментами, сохраненными в форматах в соответствии с содержимым (например, сплошные цветовые квадраты могут быть сохранены как индекс .gif, а части с фотографиями сохраняются как высоко- качество .pngs). Эта страница определенно загружается быстро. Могу ли я затем сделать карту изображения поверх нее для ссылок и всплывающих подсказок? – Beatrice

+0

Вам даже не нужно нарезать его, вы можете добавлять сегменты с фейерверками, а фейерверк создает для вас карту imagem: http://en.wikipedia.org/wiki/Image_map –

+0

Отлично. Спасибо за помощь. – Beatrice

Смежные вопросы