【12月25日月例テスト２回目】

メモ

（1）IPアドレスやドメイン名などの管理を行っている団体として正しいものを選びなさい。（a）ICANN （b）IETF （c）W3C （d）CERN （2）インターネットで使われている通信規約(プロトコル)として、正しいものを次の中から選びなさい。（a）TCP/IP （b）HT…

2012-12-20

時間の制御

授業

flashを使った時間の制御ボタンで画像を動かすまずillustratorで画像を作る。（今回は車でしました）シンボルに変換→キーフレームを挿入。80コマまでのクラシックトゥイーンにする。レイヤーを2個追加し、それぞれ「action」・「ボタン」用とする。 actio…

2012-12-19

テストサーバーとクロスフェード

授業

テストサーバーXAMPPの1.7.4verをダウンロード。（今回はテキストとの画面を合わせるために最新verではないものを使いました）★注意★ 必ずＣドライブ直下にすること消すときはアンインストーラーを使い、ゴミ箱には捨てないもし赤いエラーがでたら、tmpフ…

2012-12-14

フォーム

授業

フォームには種類があります。ラジオボタン型チェックボタン型メニュー型テキスト型テキストエリア型基本的には <form method="【post】or【get】" action"CGIのURL"></form> で、【post】は個人情報を見せない。【get】は見せる。という違い。→youtubeなどはgetになっている。また、ページを組み合わせることで…

2012-12-09

実践演習

授業

練習１color、font-size、margin、padding、background-colorなどを使ってcssをつくりなさい。【元の文章】石垣島観光ガイド石垣島は八重山諸島の中で一番大きな島で、沖縄で3番目に大きな島です。沖縄からは、空路で約1時間、沖縄より台湾に近く南に位置…

2012-12-07

Photoshop

授業

雲を作ろう！【シェイプツール】１、[シェイプツール☁]を選んで、上のツールバーオプションをクリック。更に▼をクリック。[自然]をクリック。２、雲の形を選んで、背景を青、雲は白を選んで書いてみよう。３、この雲レイヤーをコピーしておく。→雲のレイヤー…

2012-12-06

illustratorでボタンを作る

授業

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>

2012-12-06

CSS練習課題：横ナビ

授業

練習課題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>

2012-12-04

ぬり絵ソフト「photoshop」

授業

選択範囲を選ぶ細かい微調整ができたり、便利なツールの使い方は是非覚えておこう！【 Ctrl＋D 】選択範囲をすべて解除する。【選択範囲＋shift 】カーソルに「＋」がつき、今の範囲からさらに追加して選べる。【選択範囲＋alt 】カーソルに「−」が…

2012-12-01

デザイン

授業

風姿花伝能の世阿弥の一節。その「モノ」になって考えること、一体化することから見えるものがある。 *webのデザイン*付加価値をいかにつけるか、感じさせることが大切。人が欲しい、と思うのはどんなもの？なぜ？流行っているものには必ず理由がある。街中…

2012-11-30

CSS練習課題：縦ナビ

授業

以下の画像と同じように表示させる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>

2012-11-29

色々なセレクタ

授業

セレクタidセレクタサイトをレイアウトするためのdiv要素など、ページ内で１回しか出てこない部分を指定するようにする。 <h1 id="colorgreen">大見出し要素</h1> .クラスセレクタ同じ要素の中で特定の部分にだけスタイルを適用させたい場合に使う。同じページ内で複数の場所に指定が…

2012-11-29

CSS

授業

リンクの文字色（擬似クラス）【以下のような表示を作りなさい】 <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>

2012-11-28

レンガからでもいい。少しずつ前へ。

授業

スタイルシート line-height(ラインハイト）行の高さ。（×→行間ではないので注意。）ラインハイトをうまく使うことで、paddingのように四方を設定せずにも使える。*大きさは％、em、pxがあるが、基本【％】か【em】。 photoshop Ctrl+Rキーでルーラーを出…

2012-11-27

ボックス

授業

ボックスボックスはWebブラウザでは長方形の領域で表示される領域 border（境界線）：ボックスの外枠となる部分 pading（余白）：ボーダー辺に対し、コンテントの読みやすさを確保するために空ける空間を指す margin（マージン）：ブロックとブロックの間の…

2012-11-26

より見栄えの良いものにするために

授業

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】は別ウィンドウで開く…

2012-11-25

月例テスト第1回

メモ

（1）URLとはURLとは［ Uniform Resource Locator ］の略で［ Webサイトのアドレス］を示す場所です。URLには、［絶対パス］と［相対パス］の２通りの指定方法があります。「http://」は、［ Hypertext Transfer Protocol ］と呼びます。「www.」は、［…

2012-11-23

スタイルシート

授業

色や文字の大きさなど、styleを変えることをエンベッドという。 (例）h1{ color: #ff0000; } 適用先のことをセレクタと呼ぶ。色は０〜９とA〜Fを組み合わせた６つの要素でできている。０が最小、fが最大。 (例）＃ff0000 ６つの数字のうち、２桁ずつでＲ・…

2012-11-21

illustrator、HTML

授業

illustrator リフレクトツール回転ツール拡大・縮小ツールグループ＆整列ツール Shift,Alt,Ctrlキーなどを組み合わせた左手の操作が作業効率をUPさせるので習得しよう。HTML <p> <html lang="ja"> <head> <meta charset="UTF-8"> </head> </html> </p> ul：unordered list＝リスト順序無し。黒丸。 ol：ordered list＝順序…