2014-03-01から1ヶ月間の記事一覧
変数の利用 「変数」は、数値や文字などを格納しておく「箱」のようなものです。 変数に値を入れるには次のようにします。 a = 2;「a」という名前の変数に「2」という数値を入れます。 変数に値を入れることを「代入」といいます。 変数名 変数名には半角英…
オブジェクトとプロパティ オブジェクトとは 操作の対象となる部品のようなものを「オブジェクト」と呼びます。 ブラウザのオブジェクト ブラウザのオブジェクトは、ECMAScriptで標準化されていないためブラウザごとに独自のオブジェクトが実装されています…
ダイアログボクックスに表示 <html lang="ja"> <head> <meta charset="utf-8"> <title>あいさつを表示するスクリプト</title> <script> alert('Hello World!!'); </script> </head> <body> </body> </html> コンソールに表示 <html lang="ja"> <head> <meta charset="utf-8"> <title>あいさつを表示するスクリプト</title> <script> console.…</meta></head></html>
プログラム言語の分類 CPUが理解できる機械語と、人間が理解できる高水準言語がある 機械語（低級言語） コンピュータが直接読み取ることができるもの 2進数で表現される数字の羅列 高水準言語（高級言語） 人間が理解しやすいように設計されているプログラ…
参考ギャラリー バナーデザインアーカイブ バナーデザイン専門ギャラリーサイト | レトロバナー バナーデザインギャラリー バナーデザインデータベース コツ＆レイアウト集 有名企業の事例から学ぶ！高品質なバナー広告を作るための「コツ＆レイアウト」集 1…
イラストを描く Illustratorでの作業 素材 Flashにコピー＆ペースト シンボルに変換 制御：停止 Flashは「自動再生」が基本です。ですから、「止める」設定がされていない場合、繰り替えし再生し続けることになります。 「タイムライン」パネル「１」フレー…
【A01】 変数を使った計算式を書き、出力パネルに結果を表示させなさい。10×（8＋12）÷4 の値は？ var num1:Number = 10; var num2:Number = 8; var num3:Number = 12; var num4:Number = 4; total = num1 * (num2 + num3) / num4; trace(total); 【A02】 「…
演算（計算） プログラムの世界では、計算のことを演算と呼びます。 この段階では、「算数」の計算です。 「数学」の計算は「Mathクラス」を使っておこないます。 var a:Number = 10; var b:Number = 5; var c:Number = 2; var d:Number; 変数 d には、これ…
変数：Variable 「変数」とは、何らかの値を代入して保存しておくもので、必要なときに自由に作ることができます ダイナミックテキストフィールドにテキスト内容を表示するために、情報を保存しておく ユーザーが入力したテキスト内容をサーバーに送信するた…
ActionScriptとは ActionScript（アクションスクリプト）とは、アドビシステムズ社の製品であるFlashに使用されるプログラミング言語 ECMAScript(ECMA-262)を拡張したスクリプト（European Computer Manufacturer Association） ActionScriptでできること タ…
描画のポイント 鉛筆ツールのオプション ストレート スムーズ インク というオプションがあります ストレートやインクで線を描くと、描き方によっては少しガタガタした線になってしまうことがあり、ガイドレイヤーの線として描くと思い通りの動きにならない…
アニメーション 「アニメーション」とは、生命や魂を意味するラテン語の「ANIMA」を語源とする言葉 一般的に、本来静止している絵を生きてるかのように動かす技術 歴史的には、1830年代プラトーの作ったフェナキスティスコープや、ホーナーの考案したゾート…
CSS基礎：演習課題 以下のように表示するよう記述しなさい（値は適宜） 課題01 宮沢賢治作品 いてふの実 そらのてっぺんなんか冷たくて冷たくてまるでカチカチの灼きをかけた鋼です。 そして星が一杯です。けれども東の空はもう優しい桔梗の花びらのやうにあ…
positionとは positionプロパティは、ボックスの配置方法（基準位置）が、相対位置か絶対位置かを指定する positionプロパティで指定するのは、配置方法（基準位置）のみ static 特に配置方法を指定しません。この値のときには、top、bottom、left、rightは…
２カラムレイアウト 以下のように表示されるよう記述しなさい 建築散歩 フンデルトヴァッサー・ハウス ウィーンの市営住宅はこんなに元気だ！ 旅行中に、「フンデルトヴァッサー・ハウス」へ行ってきました。 ウィーンの旧市街を取り囲むリングシュトラッセ…
２カラムレイアウト 以下のように表示されるよう設定しなさい ラップアラウンドで巻き戻す（body背景画像） Photoshopで作成 （1）Photoshopで新規画像を作成 （2）高さの値 34px の正円を新規レイヤーに 描く （3）薄い色を塗る （4）レイヤーを複製し濃い…
インターネット・HTML・CSS 【問１】HTMLの正式名称を書きなさい 【問２】ローカルのデーターをリモートにコピーすることを何と呼ぶか書きなさい 【問３】IPアドレスとホスト名を対応付けるサーバー名を書きなさい 【問４】HTML5のDTDを記述しなさい 【問５…
Illustratorで作るボタン アンチエイリアスの処理 IllustratorからWeb画像に書きだす段階でのアンチエイリアスの処理 プレビュー境界を使用 ピクセルプレビューにチェック ピクセルにスナップにチェック これだけです。 結果は、以下のようにスナップされて…
２カラムレイアウト 以下のように表示されるように記述しなさい 各空き（白色部）は「10px」 各ブロックの背景色は、文字の可読性を考えて指定をすること conatiner幅「800px」 paddingを利用する場合、conatiner幅は「800px-(padding左右を足した値)」にな…
手順のチェック 以下の手順は、必ず実行しましょう。 DTD（HTML5）の入力 HTMLの基本構造の入力 meta（文字コード）の入力 title要素の入力 文書構造の設定（見出し+本文） ブラウザでプレビュー HTML文法チェック←W3C公式サイト CSSは外部リンクで記述 再度…
CSS 【28】CSSとは、何の略か Common Style System Cascading Style Sheet Cast Style Sound Case Style Study 2 CSSは、Cascading Style Sheetの略で、Webのスタイル(デザイン)を定義する技術です。 【29】スタイルシートをヘッダ部に記述する場合に使用す…
HTML 【01】インターネットの説明で正しくないものはどれか 学校や会社などの限定された範囲内のネットワーク コンピュータ同士で情報の共有をしたり、データをやりとりしたりするために利用 Webブラウザで利用 色々なネットワークを世界的な規模でつないだ…
i-modeのロゴを描く （1）楕円ツールで、楕円をひとつ描きます （2）移動パレットで数値を指定しながら、移動コピーをしていきます （3）楕円の左ポイントを押したまま移動コピーをします ※上下の円が重なっているところにくると、マウスポインターが 白い矢…
長方形だけでロゴを描いてみる：IT 下絵を「テンプレート」で配置する 塗りなしの長方形で基準となる形を描く（ユニット） その長方形を複製して規則性をつくる キーオブジェクトを利用して基準の辺に整列させる レイヤーパレットの下絵のアイコンをOFFにし…
地図を描く （1）新規ドキュメント作成 （2）［ファイル］メニュー → ［配置］ （3）配置する写真を選択する。ファイル名「地図下絵.tif」 ※オプションは「テンプレート」のみ、チェックする。 ※「リンク」のチェックは必ずはずすこと。 （4）「テンプレート…
複合パス （1）長方形の上に楕円を大小重ねて２つ描く。 （2）楕円２つを選択し「オブジェクト」→「複合パス」→「作成」 ※穴が空いたように見えます。 ※ただし穴を空ける機能ではなく、階層構造にあるオブジェクトをひとつの階層にまとめて、ひとつのオブジ…
グラデーションとは グラフィックデザインの手法のひとつで、ある異なる2色の色や濃淡が滑らかに連続して変化してゆく表現のことである。 グラデーションツール 線形（リニア） 円形 グラデーションを作る 《グラデーションのポイント》 開始色と終了色を決…
CSS Spriteとは ロールオーバー時の画像置換を、ひとつの画像の一部分の面を見せながら、画像を移動させ変化したように見せる手法です。 読み込まれた画像は「ひとつ」。 これによりレスポンスの問題が解決できます。 ボタン画像素材 <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSS Sprit</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="nav"> <ul> <li id="home"></li></ul></div></body></html>
CSS Spriteで設定 幅200px、高さ50pxをそのままスライド複製をしているためボタンの重なる部分が２pxに見えていますが、表示される部分は、１pxの枠になります <html lang="ja"> <head> <meta charset="utf-8"> <title>CSS Sprites</title> <style> /* reset */ html, body, div, ul, li { margin: 0; padding: 0; line-height:</meta></head></html>…
