2015-03-01から1ヶ月間の記事一覧
指定した回数処理を繰り返す（while文との違い） ＝＝ 公式 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ｆｏｒ（変数の初期値；繰り返し条件；変数の増減）｛ 実行される処理 ｝ ==＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ カウンタ変数名はｉ，…
連想配列とは「数値の変わりに意味のある文字列をインデックスとする」「インデックスのことを『キー』と呼ぶ」 図書館の蔵書検索で使われているような機能 ＝＝ 式 ＝＝＝＝＝＝＝＝＝＝ var 連想配列名 ＝ ｛ キー１：値， キー２：値， キー３：値｝； ＝…
ーー 式 ーーーーーーーーーーー 変数の初期値；while（繰り返し条件；）｛ 実行される処理変数の変更；｝ ーーーーーーーーーーーーーーーー ・反復処理を行う・while文は繰り返す回数が決まっていない場合に使われる（延々と繰り返す） → 記述を間違うと無…
【自作課題】「日本で最も大きい県はどこ？」のクイズを作る。 ※答えを入力するボタンを押すと入力画面が表示されるようにする※正解（岩手県）を入力された場合は「正解」、それ以外は「不正解」を警告画面で表示するようにする 【ソースコード】 <body><p>日本で最も</p></body>…
【例題１】 「10-5の答えは？」という問題の答えを入力してもらい、それが 5 の時は「正解！」と表示する。それ以外の時は「残念！と表示する。 ⇓ 【考え方】 画面に答えを入力してもらい、その値を「x」と定義する ・・・Aもし（if）xが５ならば（ x = 5 ) …
function 関数名( ) { ・・・・・・・} <body><h3>問題</h3><p>14+59=</p><p><button onclick="ans()">答えを見る</button></p> <script>function ans( ) { var kai = 73; //変数kaiを宣言し、解37を代入 alert ( kai ); //kaiを表示させる}</script></body> 表示例 ↓↓ <button onclick="関数名( )">〜「ボタンに表示させたい内容」〜</button>を覚えよう！
インクリメント ある変数の数を１増やすことa = a + 1 ;aの数を1増やした値をaに代入し直す、という意味 a += 1; とも書ける デクリメント ある変数の数を１減らすことa = a-1 ;aの数を1増や減らした値をaに代入し直す、という意味a -= 1; －－－－－－－－…
数値が入る変数の型・・・数値型（Number） 何も付けない文字列が入る変数の型・・・文字列型（String）。シングルクォーテーション「’’」で囲む ※ｘ = 3, y = 5とする ①数値型同士を結合させる場合 varｘ= 3;var y = 5;var total = 3 + 5; 結果は「8」 ②文…
演算子 例 結果 +（プラス） a = 5 + 5 10-（マイナス） a = 5 - 5 0*（アスタリスク） a = 5 * 5 25/（スラッシュ） a = 5 / 5 1%（パーセント） a = 5 % 5 0 ・・・５割る５の余りの数値 a = 5 / 0 の結果 ・・・Infinity（無限）a = 5 % 0 の結果 ・・・N…
［記述場所］ ①<body>内の</body>の前に、<script>～</script>の間に書く <body> ・・・・・・ <script> ・・・・・・・ </scrpit> </body> ②headタグの間に関数を記述する <head> <title>~~~~</title> <script> ・・・・・・・ </script> </head> ③HTMLファイルで外部ファイルから読み込むことも可能 <script src="sample.js"></script> src属性を使用する …
Javascriptの基本 ①初期値を与える ②演算の命令をする ③出力する 例： ①var x = 12;var y = 6; ②var z = x + y; ③document.write( z ); //ブラウザに結果を表示させるconsole.log( z ); //consoleに結果を表示させる var x = 12; 変数宣言 ・・・varx ・・・…
今日の講義はpositionについてです。 positionが使われているのはどんなところ？ 例えば 「ケンコーコム」 一番上にあるロゴやグローバルナビは、CSSを無効化してみると、HTMLのかなり下の方に記述されているのがわかります。 このように、HTMLで記述された…
本日の課題の企業系サイトが完成しました。 ＜諸条件＞ 授業内５時間で画像制作からコーディングまで 色彩計画・キービジュアル画像は適宜 全体は、#conatiner幅「980px」 ヘッダー情報とフッター情報の見栄えは、ブラウザ幅全体を利用する 横幅「140px」ピ…
来週作成する企業系サイトのポイント。
サイトや印刷物のデザインのイメージをガラッと変えてしまう力のあるフォント。 一般的にもよく使われるフォントを集めてみました。 こちらのまとめがとっても詳しいのでご参考に 【デザイナー必見】直感で選んでない？シーン別欧文フォントリスト【サンセリ…
自習時間に注意された、「排他制御」について調べてみました。
＜初心者向け＞Dreamweaverの初期設定とワークスペースのリセット方法
PhotoshopでCSSスプライトでの横ナビゲーション画像の作成手順
完成図 イラストレーターで横ナビゲーション用のボタンを作る 上が通常時、下がマウスオン時ボタン１個のサイズは幅140px 高さ50px ＝ 全体幅980px 1pxでもズレないように、画像作成時は時々チェックすること ①枠線・・黒 1pxで長方形を作る （幅980px 高さ5…
ナビゲーション用の簡単なボタンのIllustratorでの作成方法
グローバルナビゲーション用ボタンをつくる（CSSスプライトで） ［Illustratorの設定］ ①新規作成→・新規ドキュメントプロファイルは「Web」 ・800px以上のサイズのものの場合は1024×768pxにする ・「新規オブジェクトをピクセルグリッドに整合」を必ずチェ…
間違いやすいCSSのおさらい
HTMLとCSSの、間違いやすいポイント ＜条件＞ #container：幅 840px・上の空き無し・左右は自動空き #header：高さ100px #nav：幅160px・高さ50pxのナビゲーションボタンが５個（nav1～nav5） #content：幅500px・高さ300px #footer：下余白50px 背景色は、…
Illustratorのペンツールでトレースの練習をしました
HTMLのフォームの目的は、ユーザーの情報・意見の収集です。フォームで集めたい情報から、内容・体裁・信頼性などからプログラムをくみ上げることが大事です。とりあえずHTML・CSSでのフォームのマークアップについて書いていきます。
１．コピースタンプツール 「コピースタンプツール」機能は、指定した場所の画像をコピーして、別の場所にペイントする機能です。この機能を使用すると、画像からゴミやキズなどの不要な部分を綺麗に取り除いたり、複数の画像を合成したりできるため大変便利…
リストを横ナビゲーション ナビゲーションの種類 グローバルナビ →実はあまり使われない サイドナビ →ローカルナビ フッターナビ →ローカルナビ パンくずリスト →現在位置を示す役割 横ナビゲーションの特徴・注意点・各メニューの横幅指定が必要・float: le…
解像度とレイヤーマスク - Webデザインの勉強 風姿花伝 | 2月20日開講クラス 練習課題（1） - Webデザインの勉強 風姿花伝 | 2月20日開講クラス 解像度について １インチあたりのピクセル数Macは72 dot/inch (dot per inch, dpi)Winは96 dot/inch紙データは7…
3月10日 午後 ぼかしの練習 写真の補正 ＜ショートカットキー＞ Ctrl + A 画像全体を選択 Alt + backspace 描画色で塗りつぶす Ctrl + backspace 背景色で塗りつぶす Ctrl + I 選択範囲を反転 画像 角版 ・・・全体の情報（背景も含む） 例えば洋服なら、着…
３月10日 午前 レイアウトの種類 floatの練習 レイアウトの種類 固定レイアウト 可変レイアウト ：情報の優先順位が付けられないと難しい ・リキッドレイアウト ・フレキシブルレイアウト 例：ケンコーコム - 健康メガショップ、Amazon.co.jp ・可変グリッド…
