3 雛型 HTML Slidy の XHTML の雛形 (ファイルは UTF-8 で保存) href=" /> <script src="

Size: px

Start display at page:

Download "3 雛型 HTML Slidy の XHTML の雛形 (ファイルは UTF-8 で保存) href="http://www.w3.org/talks/tools/slidy/slidy.css" /> <script src="http://www.w3.org/talks/tools/slidy"

えのとこたに
9 years ago
Views:

1 HTML Slidy パッケージソフトを使用せずにプレゼンテーション用資料を作成することができます (XHTML と JavaScript の技術を使用しています ) １公式サイトのＵＲＬ 2 HTML Slidy の操作方法キー操作マウスクリックスペースキー次のスライド " " or "Page Up"キー前のスライド " " or "Page Down"キー次のスライド Home キー先頭のスライド End キー先頭のスライド "C"キーまたは contents? をクリックコンテンツテーブルの表示 "F11"キーフルスクリーン F キーフッタの表示と非表示の切り替え A キー全てのスライド表示の切り替え S キーフォントサイズを小さく B キーフォントサイズを大きく 1

org/talks/tools/ 2 HTML Slidy の操作方法キー操作マウスクリックスペースキー次のスライド " " or "Page Up"キー前のスライド " " or

2 3 雛型 HTML Slidy の XHTML の雛形 (ファイルは UTF-8 で保存) href=" /> <script src=" type="text/javascript"></script>... your slides marked up in XHTML... 2

3 4 基本ルールひとつのスライドは... の中に記述します <h1>... </h1>タグで囲んだ内容がスライドのタイトルになりますスライドの CSS と JavaScript スライドショーのスタイルシートスライドショーの JavaScript meta タグに name="copyright" を指定することで最下部に著作権表示ができます５リスト要素などをマウスをクリックするごとに表示したい場合 <ul class="incremental"> </ul>を使用します (記述例) マウスをクリックするごとに順番に First point Second point Third point が表示します <ul class="incremental"> <li>first point <li>second point <li>third point </ul> (ソースコード) ファイルは UTF-8 で保存 href="slidy.css" /> <script src="slidy.js" charset="utf-8" type="text/javascript"></script> <h1>1 ページ目</h1> test <h1>2 ページ目</h1> <ul class="incremental"> <li>first point <li>second point <li>third point </ul> 3

js meta タグに name="copyright" を指定することで最下部に著作権表示ができます５リスト要素などをマウスをクリックするごとに表示したい場合 <ul class="incremental"> </ul>を使用します (記述例) マウスをクリックするごとに順番に First point Second point Third

4 (動作) (1) マウスクリック前 (2) マウスクリック 1 回目 (3) マウスクリック 2 回目 (4) マウスクリック 3 回目 4

5 ６アウトライン表示 class="outline" を指定するとクリックしたときに子要素が開きます class="expand"を指定するとクリックしたときに子要素が閉じます (記述例) <ol class='outline'>  <li>topic 1 <ol> <li>subtopic a <li>subtopic b  <li class="expand">topic 2 <ol> <li>subtopic c <li>subtopic d (ソースコード) ファイルは UTF-8 で保存 href="slidy.css" /> <script src="slidy.js" charset="utf-8" type="text/javascript"></script> <h1>1 ページ目</h1> test <h1>2 ページ目</h1> <ol class='outline'> <li>topic 1 <ol> <li>subtopic a <li>subtopic b <li class="expand">topic 2 <ol> <li>subtopic c <li>subtopic d 5

-- topic 2 starts expanded --> <li class="expand">topic 2 <ol> <li>subtopic c <li>subtopic d (ソースコード) ファイルは UTF-8 で保存 href="slidy.

6 (1) 表示 (2) Topic1 をクリック (3) Topic2 をクリック 6

7 ７ pre タグを使った時の表示 class="incremental"の使用例 (class="incremental"は pre タグや ul タグにも使用可能です ) 2 ページ目の表示についてはキーまたはマウスをクリックする毎に文字が画面に表示する動作をします 7

8 (ソースコード) ファイルは UTF-8 で保存 href="slidy.css" /> <script src="slidy.js" charset="utf-8" type="text/javascript"></script> <h1>1 ページ目</h1> <pre> phpmyadmin MySQL 用 phppgadmin PostgreSQL 用 ibwebadmin Firebird 用 XOOPS コンテンツ管理 XOOPS Cube コンテンツ管理 NetCommons コンテンツ管理 OpenPNE SNS サイト運営用 PHPNuke コンテンツ管理 WordPress blog/cms ツール phpbb 掲示板 EC-CUBE EC パッケージ PukiWiki PHP で作られた Wiki oscommerce EC サイト構築システム </pre> <h1>2 ページ目</h1> <ol class="incremental"> <li>サーバ側で実行する HTML 埋め込み型のスクリプト言語 <li>文法は C 言語に似ている <li>microsoft の ASP より便利な関数が多い <li>ほとんどのデータベースに対応 <li>perl の CPAN のようなライブラリ(PEAR[ペア])がある <li>テンプレートエンジン(smarty[スマーティー]など)を使用することで<br /> ロジックとデザインの分離が可能<br /> (最初の読み出し時だけ PHP ファイルに変換する処理が実行されるので遅い ) <li>多数の Web アプリケーションフレームワークがある <br /> (Maple, CakePHP, Ethna, symfony, Piece Framework, ZendFramework など) 8

OpenPNE SNS サイト運営用 PHPNuke コンテンツ管理 WordPress blog/cms ツール phpbb 掲示板 EC-CUBE EC パッケージ PukiWiki PHP で作られた Wiki oscommerce EC サイト構築システム </pre> <h1>2 ページ目</h1> <ol class="incremental"> <li>サーバ側で実行する

9 ８ HTML Slidy をローカルで利用したい場合 W3C から"slidy.js"と"slidy.css をダウンロードすることで可能です href="slidy.css" /> <script src="slidy.js" type="text/javascript"></script>... your slides marked up in XHTML... 他にも紹介していないことがあります興味がある方は以下のサイトをご参照ください (探せば日本語訳などもあると思います ) HTML Slidy: Slide Shows in XHTML 9

js" type="text/javascript"></script>... your slides marked up in XHTML.

WebARENA SuiteX V2 EC-CUBE 2.13 インストールマニュアル ( 標準 MySQL+ 非 SSL ) 作成 :2014 年 2 月 Ver.1.1

WebARENA SuiteX V2 EC-CUBE 2.13 インストールマニュアル ( 標準 MySQL+ 非 SSL ) 作成 :2014 年 2 月 Ver.1.1 注意事項 EC-CUBE は株式会社ロックオンの提供するソフトウェアですここでは株式会社ロックオンから提供されている EC-CUBE バージョン 2.13 のパッケージをご利用される前提で基本的な設置手順を掲載しております