10月の授業日記

10/03 JavaSCript

JavaSCriptとは

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

 

基本書式

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

2.オブジェクトメゾット（値）;

オブジェクト

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

・window.document

ドットで繋いでく

メゾット

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

・window.alart();

・document.write();

イベントハンドラ

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

・タグの属性

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

・簡単な命令ならこの中に直接記述できる

・htmlのイベントハンドラをきっかけにJSがhtmlやCSSを制御できる

きょうのひとこと

だいたいできました。


10/12 関数

JavaScriptの基本文型

オブジェクト,メゾット（値）

オブジェクト,プロパティ=値

プロパティを表示させる

・document.write(オブジェクト,プロパティ) 文字列ではない数値や値を示す時にはクオートを入れたい

ウインドーを開く

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

関数

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

関数の定義法

function 関数名(引数){命令文}

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

関数の呼び出し

＜タグ　イベントハンドラ＝＂関数名(引数)"＞

複数の命令をシンプルに実行できる
・関数クイズ

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

  • 9月
  • 7月
  • 6月

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

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

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

    ＜タグ　イベントハンドラ="関数名（変数に代入する値）"＞

    きょうにひとこと

    だいたいできてる

    10/17 DWによるJavaScript

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

  • 9月
    • ・7月をなんども開くような場合簡単になる
    ・URL毎に関数を作らなければならない

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

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

    function関数名(変数名){変数,'ウインド名','width=X,height=y'}

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

    ＜タグ　イベントハンドラ＝"関数名(変数に代入する値)"＞

    DWにはスクリプトを記述しなくてもJSによるページが作れるプリセットが搭載されている
  • ビヘイビア
  • ロールオーバーイメージ
  • jQuery UI

    • ビヘイビア

    DWでのJSプリセット
  • ウインドー開く
  • プロパディを変更
  • テキスト変更
  • きょうのひとこと

    • 外部JSファイル

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

    ＜script src="jsファイルへのパス"＞＜/script＞

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

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

    • 外部jsファイルにパーツなや画像などのファイルを読み込んだりしたものをライブラリやフレームワークと呼ぶ
    • JSを記述できなくても様々な機能が利用でき、こうした方法が主流に
    代表的なもの
    • jQuery
    • Spry>adobe補正でのDWのインターフェースに組み込まれていた
    (C)2019 minase

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

    ビヘイビア復習

    ・アラート

    画像を入れ替える

    スワップイメージ

    ロードオーバーイメージ

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

    CSS

    あおい

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

      • Jsフレームワーク

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

      jQuery

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

      • DatePicker

      注意点

    • ファイルを動かさない
    • コードを改変しない

      • jQuery UI

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

      • 今日の一言

      多分できてません