website/challenge1.html in sgl-0.4.0 vs website/challenge1.html in sgl-1.0.0
- old
+ new
@@ -1,91 +1,91 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
- <link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>
- 特別課題1
- </title>
- <script src="javascripts/rounded_corners_lite.inc.js" type="text/javascript"></script>
-<style>
-
-</style>
- <script type="text/javascript">
- window.onload = function() {
- settings = {
- tl: { radius: 10 },
- tr: { radius: 10 },
- bl: { radius: 10 },
- br: { radius: 10 },
- antiAlias: true,
- autoPad: true,
- validTags: ["div"]
- }
- var versionBox = new curvyCorners(settings, document.getElementById("version"));
- versionBox.applyCornersToAll();
- }
- </script>
-</head>
-<body>
-<div id="main">
-
- <h1>特別課題1</h1>
- <div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/sgl"; return false'>
- <p>Get Version</p>
- <a href="http://rubyforge.org/projects/sgl" class="numbers">0.4.0</a>
- </div>
- <h2> テーマに沿ったアニメーション</h2>
-
-
- <ul>
- <li>課題: ある一つのテーマを選択し，5個のアニメーションによって表現する．
- <ul>
- <li>テーマ設定の例: 奥行感，透明性，虫の動き，色の対比，など．</li>
- </ul></li>
- </ul>
-
-
- <h2>絵コンテ</h2>
-
-
- <p>まず課題のテーマを考え，どのような動きをプログラムで実現するべきかを絵コンテにまとめる．</p>
-
-
- <p>次回の授業の最初に絵コンテを提出する．授業時間内に絵コンテは返却する．</p>
-
-
- <h2>発表</h2>
-
-
- <p>次次週の授業時間内にプレゼンテーション形式で発表する．</p>
-
-
- <p>テーマ説明，プログラムを実行する(5個を順番に見せる)，プログラムの内容
-説明(工夫した点など)，という順番で発表する．</p>
-
-
- <h3>プログラムの注意点</h3>
-
-
- <ul>
- <li>windowの大きさは自由．最低200×200以上とする．</li>
- <li>コマンドを定義する機能を最低3個は使うこと．</li>
- <li>ファイル名は指定のものにすること．</li>
- <li>ファイル名: special1a.rb, special1b.rb, special1c.rb, special1d.rb, special1e.rb</li>
- </ul>
-
-
- <h3>採点</h3>
-
-
- <p>テーマ選び，絵コンテも含め，内容を重視した採点をします．</p>
- <p class="coda">
- 20th June 2007<br>
- </p>
-</div>
-
-<!-- insert site tracking codes here, like Google Urchin -->
-
-</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" />
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>
+ 特別課題1
+ </title>
+ <script src="javascripts/rounded_corners_lite.inc.js" type="text/javascript"></script>
+<style>
+
+</style>
+ <script type="text/javascript">
+ window.onload = function() {
+ settings = {
+ tl: { radius: 10 },
+ tr: { radius: 10 },
+ bl: { radius: 10 },
+ br: { radius: 10 },
+ antiAlias: true,
+ autoPad: true,
+ validTags: ["div"]
+ }
+ var versionBox = new curvyCorners(settings, document.getElementById("version"));
+ versionBox.applyCornersToAll();
+ }
+ </script>
+</head>
+<body>
+<div id="main">
+
+ <h1>特別課題1</h1>
+ <div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/sgl"; return false'>
+ <p>Get Version</p>
+ <a href="http://rubyforge.org/projects/sgl" class="numbers">1.0.0</a>
+ </div>
+ <h2> テーマに沿ったアニメーション</h2>
+
+
+ <ul>
+ <li>課題: ある一つのテーマを選択し，5個のアニメーションによって表現する．
+ <ul>
+ <li>テーマ設定の例: 奥行感，透明性，虫の動き，色の対比，など．</li>
+ </ul></li>
+ </ul>
+
+
+ <h2>絵コンテ</h2>
+
+
+ <p>まず課題のテーマを考え，どのような動きをプログラムで実現するべきかを絵コンテにまとめる．</p>
+
+
+ <p>次回の授業の最初に絵コンテを提出する．授業時間内に絵コンテは返却する．</p>
+
+
+ <h2>発表</h2>
+
+
+ <p>次次週の授業時間内にプレゼンテーション形式で発表する．</p>
+
+
+ <p>テーマ説明，プログラムを実行する(5個を順番に見せる)，プログラムの内容
+説明(工夫した点など)，という順番で発表する．</p>
+
+
+ <h2>プログラムの注意点</h2>
+
+
+ <ul>
+ <li>windowの大きさは自由．最低200×200以上とする．</li>
+ <li>コマンドを定義する機能を最低3個は使うこと．</li>
+ <li>ファイル名は指定のものにすること．</li>
+ <li>ファイル名: <code>special1a.rb, special1b.rb, special1c.rb, special1d.rb, special1e.rb</code></li>
+ </ul>
+
+
+ <h2>採点</h2>
+
+
+ <p>テーマ選び，絵コンテも含め，内容を重視した採点をします．</p>
+ <p class="coda">
+ 30th June 2007<br>
+ </p>
+</div>
+
+<!-- insert site tracking codes here, like Google Urchin -->
+
+</body>
+</html>