Обратил внимание, что в настоящее время программисты Google начали использовать новую форму представления своих презентаций.
Типичный пример, еще пример — мы видим фреймы, эффекты, изображения, общий стиль.
Несложный поиск привел к удобному шаблону, который при своей простоте позволяет создавать неплохие презентации с легко внедряемыми элементами
Пример использования и его исходный код показывают возможности этого на мой взгляд удачного инструмента.
Copy Source | Copy HTML
- <article>
- <h3>
- Slide with bullet points that builds
- </h3>
- <ul class="build">
- <li>
- This is an example of a list
- </li>
- <li>
- The list items fade in
- </li>
- <li>
- Last one!
- </li>
- </ul>
-
- <div class="build">
- <p>Any element with child nodes can build.</p>
- <p>It doesn't have to be a list.</p>
- </div>
- </article>
Как видим, слайды разделяются тегом article. Поскольку у нас полный html, то нет проблем внедрить код и фреймы для примера, что бывает важно для демонстрации возможностей API.
Copy Source | Copy HTML
- <article class="nobackground">
- <h3>Style in Code - new!</h3>
- <iframe src="http://code.google.com/apis/maps/documentation/javascript/examples/layer-fusiontables-styling.html"></iframe>
- </article>
- <article class="nobackground">
- <pre>
- ... var australia = new google.maps.LatLng(-25, 133);
- map = ...
- layer = new google.maps.FusionTablesLayer({
- query: {
- select: 'geometry',
- from: '815230'
- },
- styles: [{
- polygonOptions: {
- fillColor: "#00FF00",
- fillOpacity: 0.3
- }
- }, {
- where: "birds > 300",
- polygonOptions: {
- fillColor: "#0000FF"
- }
- }, {
- where: "population > 5",
- ...});
- layer.setMap(map);</pre>
- </article>
Все исходники доступны, на их основе можно создавать свои шаблоны презентаций.
Пример эталонной презентации.