webページのつくり方 | 学びの道

webページのつくり方、web制作、web作成、学びの道を歩み中!フェリカテクニカルアカデミー「東京・池袋」にてWeb作成を勉強中です。学んだ事をメモしていきます。

JavaScript

javascript ホームページ作成にあたって 画像が自動で入れ替わる

本日は、も備忘録的な記述ですが・・・ javascript ホームページ作成にあたって 画像が自動で入れ替わるやりかた。 はじめは DATEの秒数を使って入れ替えをやろうとおもったのですが、 自動で入れ替えは出来ず・・・。 気が付くのにしばらくかかりました(汗…

JavaScript Dateオブジェクト 残日数を表示する。

本日はJavaScriptで、Dateオブジェクトを使用し、残日数を表示させたいと思います。 【前提】 getFullYear():年を取り出す getMonth():月を取り出す getDate(): 日を取り出す getDay(): 曜日を取り出す getHours():時を取り出す getMinutes():分を取り…

JavaScript 年日時曜日を取得表示する。

本日は、JavaScriptで、今を基点に、年日時曜日を表示する方法を記載したいと思います。 【前提】 getFullYear():年を取り出す getMonth():月を取り出す getDate(): 日を取り出す getDay(): 曜日を取り出す getHours():時を取り出す getMinutes():分を…

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

JavaScript オブジェクト、プロパティ、メソッド JavaScriptで用いられるオブジェクトには、下図の様にWindowオブジェクトを頂点としたツリー構造が定義されています。 JavaScriptでは、Window、Document、Form、Text、の様なページの表示に関するオブジェク…

JavaScript for文 繰り返し処理 

本日は、JavaScript for文 繰り返し処理 について勉強してまいりました。 【for文】 for文は指定した回数だけ処理を繰り返す(繰り返される回数が判明している)。 通常は、for ( 変数の初期値; 繰り返しの条件; 変数の変更 )の直後に続く1文のみが実行処…

JavaScript 画像置換

今回は、下記の画像上へマウスを移動すると、その画像をカラーで表示するJavaScriptを作成したいと思います。 【P!!ポイント】 要素に直接記述(インライン) onMouseOver = " this.src = ' img/◎◎.jpg ' " onMouseOut = " this.src = ' img/◎◎.jpg ' " 【…

JavaScript 画像置換 【Dreamweaverで完成へ②】

2014年3月16日に記載した JavaScript 画像置換【Photoshop】で画像準備まで① の続きです。 先日用意した下記のものを使用していきます。 写真画像 幅540px × 高さ400px → 5枚 写真画像 幅100px × 高さ自動 → 5枚 枠画像 幅600px × 高さ460px → 1枚 【結果】 …

確認テスト JavaScript Form

17日は確認テストでした。 【ポイント】 JavaScript window.alert( ); アラート作成 document.write(' '); ドキュメントに記載する onClick="alert(' ')" クリックするとアラートが出る onmouseover="alert('' )" マウスが上にくるとアラートがでる documen…

JavaScript 画像置換 【Photoshop で 画像準備まで①】

15日は、JavaScript 画像置換を勉強してまいりました。 Photoshop で 画像準備 写真画像 幅540px × 高さ400px → 5枚 写真画像 幅100px × 高さ自動 → 5枚 枠画像 幅600px × 高さ460px → 1枚 1. 【1】幅540px × 高さ400px(作成&保存手順) 作成. Photoshop →…

JavaScript プログラム言語

本日はプログラムについて勉強して参りました。 では 本題へ・・・。 コンピューターでプログラムを実行する方法は2つ インタプリンタ方式 コンパイラ方式 【インタプリンタ方式の特徴】 上から1行1行読んで実行していく メモリーを解放しながら進むので、メ…