Как имитировать ощущение презентации Powerpoint, используя HTML / CSS и javascript

Question

Я смотрел презентацию HTML5 и задавался вопросом, знает ли кто-нибудь, как была создана настоящая презентация.Вы можете увеличивать и уменьшать масштаб и просматривать все слайды.Вы также можете перемещаться с помощью клавиатуры.

Вот сайт со слайд-шоу: http://slides.html5rocks.com/#slide5

Answer 1

Вы определенно можете делать то, что предлагает Робусто, просматривать исходный код и идти оттуда.

Но вам, возможно, будет проще получить более урезанную версию, перейдя на http://studio.html5rocks.com/#Deck и загрузив оттуда образец. В принципе, это то же самое, но с меньшим количеством внешних зависимостей и меньшим количеством начальных слайдов, поэтому с ним легче работать. По сути, поместите содержимое каждого слайда в

...

так, как вы видите его с четырьмя примерами слайдов в исходном коде.

Answer 2

Существует очень полезная библиотека CSS3, HTML5, которая называется strike.js в http://bartaz.github.com/impress.js/

Answer 3

Прежде всего, это не совсем похоже на PowerPoint.Это превосходит PowerPoint.:) Во-вторых, он делает то, что подразумевает URL: покачивая свой мир с помощью HTML 5. Каждый слайд является примером разметки и CSS (и Javascript), доступных в HTML 5. Чтобы узнать все о том, как они это делают, щелкните правой кнопкой мыши настраницы и выберите «Просмотреть исходный код» ... он покажет вам всю разметку, скрипты и т. д.