授業
グリッドレイアウト本家サイトがあるので、metaなどは入れない。全てが同じfloat命令だけでは入らないので注意。 【HTML】 <html lang="ja"> <head> <meta charset="utf-8"> <title>おかず</title> <link rel="stylesheet" href="css/style.css"> <…</link></meta></head></html>
Google Map API必ず緯度・経度の数字が必要になります。緯度経度検索サイトがあるので、わからなければそこで調べましょう。【リンクで貼る方法】リンクの中の緯度・経度の数字を変えるだけで簡単に表示できます。 <html> <head> <meta charset="utf-8"> <title>Google Map Test</title> </head> <body> <h1>google mapで位置表</h1></body></html>…
アコーディオン＆タブ＊アスキーのJQuery４０分で速習を参照 JavaScriptの新しいフォルダ「JavaScript_basic」をxammpのhtdocsフォルダに作成 DWのサイト管理で新たに「JQuery基礎」を作る。この時、サーバーのアドレスは（htdocs）の（JQuery）で、（ローカ…
指定した回数だけ処理を繰り返す 変数「i」の初期値（「i」は、indexの意）
条件分岐１ボール（直径４０px）を画面（５００px）を左から右に進み、画面端まで行くとまた左からでてくるループをつくります。 ボールに命令 onClipEvent(load) { speed = 10; //移動速度 leftEdge = -20; //左端の座標 rightEdge = 520; //右端の座標 } o…
flashを使った時間の制御ボタンで画像を動かす まずillustratorで画像を作る。（今回は車でしました） シンボルに変換→キーフレームを挿入。80コマまでのクラシックトゥイーンにする。 レイヤーを2個追加し、それぞれ「action」・「ボタン」用とする。 actio…
テストサーバーXAMPPの1.7.4verをダウンロード。（今回はテキストとの画面を合わせるために最新verではないものを使いました）★注意★ 必ずＣドライブ直下にすること 消すときはアンインストーラーを使い、ゴミ箱には捨てない もし赤いエラーがでたら、tmpフ…
フォームには種類があります。 ラジオボタン型 チェックボタン型 メニュー型 テキスト型 テキストエリア型 基本的には <form method="【post】or【get】" action"CGIのURL"></form> で、【post】は個人情報を見せない。【get】は見せる。という違い。→youtubeなどはgetになっている。また、ページを組み合わせることで…
練習１color、font-size、margin、padding、background-colorなどを使ってcssをつくりなさい。【元の文章】 石垣島観光ガイド 石垣島は八重山諸島の中で一番大きな島で、沖縄で3番目に大きな島です。 沖縄からは、空路で約1時間、沖縄より台湾に近く南に位置…
雲を作ろう！【シェイプツール】１、[シェイプツール☁]を選んで、上のツールバーオプションをクリック。更に▼をクリック。[自然]をクリック。２、雲の形を選んで、背景を青、雲は白を選んで書いてみよう。３、この雲レイヤーをコピーしておく。→雲のレイヤー…
CSS SpriteCSS Spriteとはひとつの画像の一部分を見せながら、画像を移動させ、変化したように見せること。 今回はボタンをつくりました。 反応後はバックにグラデーションがかかるように作っています。 【HTML】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSS Sprit</title> <link href="css/base.css" rel="stylesheet" media="screen, print"> </head> <body> <div id="nav"> <ul> </ul></div></body></html>
練習課題1以下の画像と同じように表示させるCSSを記述しなさい【HTML】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>リストメニュー（１）</title> <link rel="stylesheet" href="css/style.css" media="screen, print"> </head> <body> <div id="nav"> <ul> <li class="first"><a href="#">リストメニュー１</a></li> <li><a href="#">リストメニュー…</a></li></ul></div></body></html>
選択範囲を選ぶ細かい微調整ができたり、便利なツールの使い方は是非覚えておこう！ 【 Ctrl＋D 】 選択範囲をすべて解除する。 【 選択範囲＋shift 】 カーソルに「＋」がつき、今の範囲からさらに追加して選べる。 【 選択範囲＋alt 】 カーソルに「−」が…
風姿花伝能の世阿弥の一節。 その「モノ」になって考えること、一体化することから見えるものがある。 *webのデザイン*付加価値をいかにつけるか、感じさせることが大切。人が欲しい、と思うのはどんなもの？なぜ？流行っているものには必ず理由がある。街中…
以下の画像と同じように表示させるCSSを記述しなさい <html lang="ja"> <head> <meta charset="UTF-8"> <title>正しく構造化されたHTMLの例（CSSが適用されている場合）</title> <link rel="stylesheet" href="css/style.css" media="screen, print"> </head> <body> <div id="shopping"> <h2>今日買った物</h2> <ul> <li>豚肉</li> <li>じゃがいも</li> <li>たまねぎ</li> …</ul></div></body></html>
セレクタidセレクタサイトをレイアウトするためのdiv要素など、ページ内で１回しか出てこない部分を指定するようにする。 <h1 id="colorgreen">大見出し要素</h1> .クラスセレクタ同じ要素の中で特定の部分にだけスタイルを適用させたい場合に使う。同じページ内で複数の場所に指定が…
リンクの文字色（擬似クラス）【以下のような表示を作りなさい】 <body> <ul> <li><a href="#">LINK-link-coral</a></li> <li><a href="#">LINK-visited-turquoise</a></li> <li><a href="#">LINK-hover-skyblue</a></li> <li><a href="#">LINK-active-lawngreen</a></li> </ul> </body> </html> <html lang="ja"> <head> </head></html>
スタイルシート line-height(ラインハイト） 行の高さ。（×→行間ではないので注意。） ラインハイトをうまく使うことで、paddingのように四方を設定せずにも使える。*大きさは％、em、pxがあるが、基本【％】か【em】。 photoshop Ctrl+Rキーでルーラーを出…
ボックスボックスはWebブラウザでは長方形の領域で表示される領域 border（境界線）：ボックスの外枠となる部分 pading（余白）：ボーダー辺に対し、コンテントの読みやすさを確保するために空ける空間を指す margin（マージン）：ブロックとブロックの間の…
table内のセルを統合しよう rowspan＝上下に統合 colspan＝左右に統合 ３×３のtableをつくって、１と４を上下に、５と６を左右につなぐ記述↓ <table border="1" width="500"> <tr> <td rowspan="2">14</td> <td>2</td><td>3</td> </tr> <tr> <td colspan="2">56</td> </tr> <tr> <td>7</td><td>8</td><td>9</td> </tr> </table> リンクをつけようリンクをつけたい文字の前後につける。 【 _blank】は別ウィンドウで開く…
色や文字の大きさなど、styleを変えることをエンベッドという。 (例）h1{ color: #ff0000; } 適用先のことをセレクタと呼ぶ。 色は０〜９とA〜Fを組み合わせた６つの要素でできている。０が最小、fが最大。 (例）＃ff0000 ６つの数字のうち、２桁ずつでＲ・…
illustrator リフレクトツール 回転ツール 拡大・縮小ツール グループ＆整列ツール Shift,Alt,Ctrlキーなどを組み合わせた左手の操作が作業効率をUPさせるので習得しよう。HTML <p> <html lang="ja"> <head> <meta charset="UTF-8"> </head> </html> </p> ul：unordered list＝リスト順序無し。黒丸。 ol：ordered list＝順序…
記事を書いてみよう！ ・記事タイトルの重要性 ・インデックス ・文章構成（アフォーダンス）HTMLでの記述 今日の料理 今日の献立>今日は、子供も大人も好きなカレーを作ろうと思います。カレーの材料 カレー・ルー 豚肉 じゃがいも たまねぎ にんじん illus…
