10月の授業日記

10/3 JavaScript

JavaScriptとは

html	文章の構造を定義
CSS	文章の見栄えを修飾
JavaScript	ユーザーのアクションに応じてブラウザを制御

基本書式

オブジェクト.プロパティ=値;
オブジェクト.メソッド（値）;

オブジェクト

ブラウザのパーツのJSでの呼称

window.document

ドットでつないでいく

メソッド

オブジェクトができる機能を実行する

window.alert();
document.write();

プロパティ

オブジェクトの持つ設定値を変える

document.bgColor=値;

イベントハンドラ

ユーザーのアクション（ブラウザに対する働きかけ）に応じて命令を実行できる
タグの属性

＜タグ　イベントハンドラ＝”命令文＂＞

簡単な命令ならこの中に直接記述できる
htmlのイベントハンドラをきっかけにJSがhtmlやCSSを制御できる

今日の一言

今日は割と簡単でした。

10/10 関数

JavaScriptの基本文型

オブジェクト.メソッド（値）

オブジェクト.プロパティ＝値

わたしのひみつ

ウインドーをサイズ指定して開く

windou.open('url','window名','width=xx,height=xx')

オプションの間はカンマで区切る
サイズ指定は同一オプション＝一つのクオート内をカンマで区切る

プロパティを表示させる

docment.write(オブジェクト.プロパティ)

文字列ではない数値や値を示すときにはクオートを入れない

関数

複数の命令をひとまとめにして名前を付けたセット

関数の定義法

function 関数名（引数）{命令文}

引数は値などを入れる時の入れ物。使わない場合でも空で（）だけ付けておく

関数の呼び出し

＜ダグ　イベントハンドラ＝"関数名（引数）"＞

複数の命令をシンプルに実行出来る

関数クイズ

関数を利用してウインドーを開く

9月
- 7月を何度も開くような場合簡単のなる
- URL毎に関数を作らなければいけない

関数に変数を利用してウインドーを開く

7月
6月

変数を利用すると一つの関数で様々なバリエーションが作れる

function 関数名（変数名）{変数,&'ウインドウ名','width=X,height=y'}

引数を変数（クオート入れない）にすればイベントパンドラの引数の値を代入できる

＜タグ　イベントパンドラ＝"関数名（変数に代入できる値）"＞

今日一言

大変難しかったというか、そもそもプリント間違い何とかして頂きたい所存。以上。

10/17 DWによるJavaScript

外部JSファイル

スクリプトを記述した拡張子.jsのファイルにリンクすれば外部ファイルに記述したスクリプトを実行できる

外部ファイルに記述されている関数等をイベントハンドラで呼び出す使用法が多い

ライブラリとフレームワーク

外部jsファイルにパーツや画像などのファイルを組み込んだりしたものをライブラリやフレームワークと呼ぶ
JSを記述できなくても様々な機能が利用でき、こうした方法が主流に

代表的なもの

jQuery
Spry>adobe純正でDWのインタフェースに組み込まれていた

DWによるJavaScript

DWにはスクリプトを記述しなくてもJSによるページが作れるプリセットが搭載されている

ビヘイビアー
ロールオーバーイメージ
jQuery UI

ビヘイビアー

DWでのJSのプリセット

10/24 ライブラリ/フレームワーク

ビヘイビアー復習

アラート

画像を入れ替える

スワップイメージ

ビヘイビアーによる切り替え

ロールオーバーイメージ

挿入からリンク付きで指定できる

CSS

あおじ。

ブロックレベル化し背景画像に指定すれば同じペースで異なるテキストで使いまわせる
a:hoverで背景画像をチェンジ

Jsフレームワーク

外部スクリプトの大規模化したものがフレームワーク

jQuery

もっとも普及しているフレームワークの一つ

jQuery UI

adobe独自のフレームワークSpryをjQuery用に手直ししたもの
挿入し保存すると必要なファイルがサイト内へコピー・リンクされる

Datepicker

日付をカレンダーから選べるjQueryのインターフェース

フレームワークの注意点

多くの外部ファイルを使用するのでファイル管理・リンク管理が重要
コードが様々な場所に記述されるので移動・削除等しない

今日の一言

プリント端折ってる部分多すぎます。（というか前後で内容変わってるのやめて欲しい。）