課題
HTML5でカラムレイアウト 楽しいおかず 実物 <html lang="ja"> <head> <meta charset="UTF-8"> <title>楽しいおかず-グリッドレイアウト</title> <link rel="stylesheet" href="css/style.css"> </link></meta></head></html>
【HTML5課題21】 補足情報も含めて表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題21</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
【HTML5課題15】 地図のPDFを表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題15</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
【HTML5課題09】 面積の単位を表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題09</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
【HTML5課題07】 ルビをふって表示させなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題07</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
【HTML5課題04】 「ロールケーキ」の部分を、他との違いを表して記述しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題04</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
【HTML5課題01】 ドキュメントタイプ宣言を記述し、エンコードタイプを「UTF-8」で記述しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題01</title> <link rel="stylesheet" href=""> <script src=""></script> …</link></meta></head></html>
擬似クラスを含むレイアウト:まとめ <html> <head> <meta charset="UTF-8"> <title>Green and Plain</title> <link rel="stylesheet" type="text/css" href="style.css" media="screen, print" /> </head> <body> <div id="header"> <h1>Green and Plain</h1> <p>Design by Free CSS Templates</p> </div></body></html>
オブジェクトアクション onClipEvent (load) { var speed:Number = 5; var left:Number = 0; var right:Number = 550; } onClipEvent (enterFrame) { if (this._x > right - this._width / 2 || this._x < left + this._width / 2) { speed*= -1; this._xsca…
AS課題11（仮） オブジェクトアクション。 どうしても枠内で反転しない…。 また再挑戦します。
【AS05】 ムービークリップを作成なさい。 ロードした時に、ムービークリップのX座標が左端から300の位置に移動するスクリプトを記述しなさい。 onClipEvent (load) { this._x = 300; } 【AS06】 ムービークリップをクリックした時に、ムービークリップのX座…
擬似クラスを含むレイアウト <lang="ja"> <head> <meta charset="UTF-8"> <title>XHTML+CSS</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, print"> </head> <body> <div id="container"> <h1></h1></div></body></lang="ja">
架空のケーキ屋、Wants Cakeを構築 作ったページ http://puisto.moo.jp/wants_cake/index.html index <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
応用 各ブロック同士の空きは、「10px」 幅「800px」を前提に、他の数値の変化は適宜おこなうこと <lang="ja"> <head> <meta charset="UTF=8"> <title>確認テスト2</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, print"> </head> <body> <div id="container"> <div class="wrapper"> <div id="header"> <h1>heade…</h1></div></div></div></body></lang="ja">
ナビゲーションの復習 以下のリストを、「縦並びボタン」と「横並びボタン」に設定してみましょう。 サイズ・色は自由。 <ul> <li><a href="#">HTML+CSS</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">PHP</a></li> <li><a href="#">WordPress</a></li> <li><a href="#">ActionScript</a></li> </ul>
【CSS11】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで 記述場所はエンベッド XHTML 1.0 Transitional テキスト無し（すべて画像で、代替文字は空
【CSS10】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで 記述場所はエンベッド XHTML 1.0 Transitional 背景画像は作成する（アプリケーションは自由選択） メニューは擬似クラスで指定
Form を習ったので練習兼、前回できなかったところをやり直しました。 【CSS09】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで XHTML 1.0 Transitional 記述場所はエンベッド フォームボタンを設定（できなければ、段落内…
【CSS09】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで XHTML 1.0 Transitional 記述場所はエンベッド フォームボタンを設定（できなければ、段落内に画像２つ）
【CSS08】 以下の画像と同じように表示させるCSSを記述しなさい リセットは、全称セレクタで XHTML 1.0 Transitional 記述場所はエンベッド
【CSS07】 サイズは適宜、調整すること 定義型リストに「float」の設定が必要 XHTML 1.0 Transitional <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
block 要素を使わずborder を重ねていたのでやり直してみました。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
【CSS20】 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
【CSS18】 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
【CSS15】 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </meta></head></html>
授業内容兼、課題 【CSS16】 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </meta></head></html>
追記：li a に marginを足したり少し変更しました。 【CSS14】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 Webデザインの勉強｜忘筌 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
【CSS13】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 Webデザインの勉強｜忘筌 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
【CSS12】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 Webデザインの勉強｜忘筌 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
【CSS05】 空きはリセットをせず、個別に指定する Webデザインの勉強｜忘筌 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
