くろひょうのwebデザインのお勉強帳

フェリカテクニカルアカデミー web制作科の受講生です。授業の要点、復習でつまづいた点などを記録し、レベルアップに励みます。

クリエイターになるための、お勉強の記録帳

2015-04-01から1ヶ月間の記事一覧

[jQuery]jQueryの基本

jQueryはJavaScriptの1つ。 CSS(Cascading Style Sheets)に近い記述方法をする クロスブラウザー設計(ブラウザーによる実装の差異がほとんどない、見た目が同じ) HTMLとCSSを操作するためのプログラミング言語 jQueryを使う準備 2つの方法 ① jQueryフ…

[FLASH]クロスフェード 

FLASHでクロスフェードの動画を作成します。 クロスフェードとは:複数の画像がフェードイン・フェードアウトしながら、自動的に切り替わるもの。 ○各画像のレイヤー○全体の再生停止等の指示をするレイヤー○再生・停止を指示するボタンのレイヤー を分けて作…

[Flash]ソフトフェアのダウンロード

FlashはAction Script2.0で作っていきます。これからFlashをダウンロードする方は要注意なのが、Flash CCはAction Script2.0に非対応です。Flash CS6以下にする必要があります。 Adobeでなかなか見つからないCS6のダウンロードページでしたが、運良くここで…

[CSS][Illustrator]透過PNG画像を使い画像の重なりをつくる

完成予想図 見出し画像の上にロゴマーク画像が重なっている状態を目指します。イラストレーターでロゴの透過PNGを、画像の重なりはCSSのPositionを使います。幅:800px 1.イラストレーターでの透過PNG画像作成 ロゴマーク画像をイラストレーターで開いてお…

[Illustrator]キャラクターのマーク作成

イラストレーターで、動物のキャラクターを使ったマークをつくります。 ①猫のイラストを描く 顔や目の輪郭は楕円ツール、ヒゲや口はペンツールで。リフレクトツール、回転ツールを多用し、左右対称に近づけます。完全な左右対称ではありません。 猫のイラス…

[JavaScript]Dateオブジェクト②

(小テストで間違えたところのおさらい) オブジェクト名.メソッド名() ()がないと、メソッドとしての役割でなくなってしまう。また、()内に引数をいれられるので、尚更書かなければならない 参照:組み込みオブジェクト - Webデザインの勉強 風姿花…

[Photoshop]乗算で2枚の画像を合成

乗算は色のかけ合わせをするものです。この方法で2枚の画像を乗算で合成します [参考サイト]Photoshopの描画モード -「乗算(じょうさん)」- - 印刷の現場から-印刷通販WAVEのブログ 元画像 完成図 手順 ① ビルの画像を全選択(Ctrl + A)して、コピー(Ct…

[JavaScript]分岐条件②

・分岐条件が2つの場合 : if文 if ( 変数 ) { 処理A} else { 処理B} ・分岐条件が3つ以上の場合 : if else文 または switch文 if else文 switch文 【例題】

[Photoshop] レイヤーマスクをつかって2枚の写真を合成

1.2枚の画像から一部を切り抜いて、合成写真をつくります 手前のサイを切り抜き、後方の高原にいるような合成写真を作ります ① サイをクイック選択ツール(またはマグネット選択ツール)で選択範囲にします *マグネット選択ツール使用中に、不要なところ…

[JavaScript] 画像置換

①画像にマウスを乗せた時はカラー、マウスを乗せていないときはモノクロ、というように画像が変わる仕組み CSSを使わずにJavascriptで行います。 マウスオフ時 マウスオン時 手順 ① 画像を用意する(Photoshop)② Javascriptを埋め込む 1.画像を用意する(…

[Javascript]for文の多重ループ

for文と多重ループ for文は多重ループ(for文の中にfor文を入れる)にできます for ( 変数iの初期値 ; ; ) { for ( 変数jの初期値 ; ; ) { 処理の結果(J) } 処理の結果(I)} この場合の処理の順序は、次のようになります まず変数iを参照します J…

[JavaScript]Dateオブジェクト

==現在の日時を表示させるDateオブジェクト== d = new Date ( ) ;======================= 主なメソッド スクリプトの中では、それぞれ「Dateオブジェクト名.getFullYear」という形で表します。 .getFullYear ( ) 西暦を表す4桁…

[JavaScript]オブジェクト・メソッド・プロパティ

文字列や数値、関数などJavaScriptで扱うデータは、すべてオブジェクト JavaScriptのオブジェクトとは、キーと値の集合体のこと 連想配列は、オブジェクトの別名です オブジェクトでは、「数値や文字列などを値としてもつ要素 = プロパティ」 オブジェクトで…

[JavaScript]グローバル変数とローカル変数

グローバル変数とは: 関数の外側で定義した変数 varによる宣言を省略した変数 ローカル変数とは: 関数の内側で定義した変数 varで宣言した変数 ・・・その関数の中でのみ変数を参照できる 変数宣言には通常「var」を付ける。 しかし、varをつけずに変数宣…

[JavaScript]自作課題

自作課題2 入力後 * ポイント function関数とpromptを使って入力ウインドウを立ち上げる 入力した数字に消費税8%を掛け、引数として返す 小数点以下を toFixed(0) で切り捨て 別ウィンドウで金額を表示 < ソース> その1(シンプルバージョン) <body><p>税込み</p></body>…

[Javascript]関数

== 関数の定義 ========== function 関数名(){ 処理; } =================== == 関数の呼び出し ======== 関数名(); =================== 関数はfunction文を使って定義する …