html5的powerpoint


最近(其實都兩個月了)Google 在其http://code.google.com 上公開一套可以使用 HTML5 Slide Template .

用家只需要簡單的步驟就可以得到類似powerpoint的presentation 效果了!

Demo 在此: http://html5slides.googlecode.com/svn/trunk/template

工具在此:http://code.google.com/p/html5slides/

簡單講就係一個HTML網頁加上JS,咁就係HTML5。

syntax 都係一樣看下面,所以有基本HTML認知就可以了,非常簡單。

<article class=’smaller’>
        <h3>
          Slide with bullet points (small font)
        </h3>
        <ul>
          <li>
            Use this template to create your presentation
          <li>
            Use the provided color palette, box and arrow graphics, and
            chart styles
          <li>
            Instructions are provided to assist you in using this
            presentation template effectively
          <li>
            At all times strive to maintain Google’s corporate look and feel
        </ul>
      </article>
      <article>
        <h3>
          Slide with a table
        </h3>
        <table>
          <tr>
            <th>
              Name
            <th>
              Occupation
          <tr>
            <td>
              Luke Mahé
            <td>
              V.P. of Keepin’ It Real
          <tr>
            <td>
              Marcin Wichary
            <td>
              The Michael Bay of Doodles
        </table>
      </article>
      <article class=’smaller’>
        <h3>
          Slide with a table (smaller text)
        </h3>
        <table>
          <tr>
Advertisements

About 阿目

塵世中一個迷途小書僮

Posted on 2011/07/22, in New Tech, tools, Tutorial, Uncategorized and tagged , , , , . Bookmark the permalink. 發表留言.

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

%d 位部落客按了讚: