Web-presentations

26 Кві
26.04.2013

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

 

Серфинг в интернете привел к множеству онлайн конструкторов и наработкам/фреймворкам для создания презентаций. Остановившись на одном из конструкторов, я потратила немало времени, чтоб разобраться что к чем и зачем, не смотря на малый набор инструментов. Создав с горем пополам презентацию, я в очередной раз сделала вывод, что конструктор – это не для меня (кроме Lego) :) .

Через какое-то время, назрел очередной доклад и новая необходимость в презентации. Обдумывая что писать и как, я вспомнила, что когда-то давно просила Вадима Макеева на ЯСубботнике выслать мне ссылку на его  презентацию. Нашла я ее на почте, открыла сорцы, а там… ссылка на GitHub. Вадим Макеев создал очень простой и удобный инструмент для создания презентации ручками, но быстро. Итак, очень рекомендую Shower. Добавить к How to start мне нечего. Создание действительно простое и незамысловатое. Результат моих трудов здесь.

Очень важный момент для тех, кто впервые будет выступать с html-презентацией, пульт работать будет )).

 

Если кому-то захочется поупражняться в изобретении велосипедов и добыть опыт, следует учесть следующее:

— разметка слайдов должна быть гибкой (fluid) и подстраиваться под разрешение экрана, на котором показывается презентация
— перезагружая страницу оставаться на просматриваемом слайде
— слайды можно хранить в отдельных файлах HTML или архивом .mht, структурированных по папкам

 

Что почитать?
Конструктор создания презентации
How to Create Presentation Slides with HTML and CSS – Пошаговое создание презентации вручную
HTML5 Slideshow
Give Your Next Presentation In Your Browser With JQuery
S5: An Introduction
HTML Slidy: Slide Shows in HTML and XHTML
Creating presentations/slideshows with HTML & CSS – Советы и способ создания презентации от Opera
This presentation is an HTML5 website – Презентация об HTML5 технологии

Теги: , ,