Dreamweaver テンプレートに自動更新日付を追加する。

Dreamweaver

本日は、Dreamweaver のテンプレートに自動更新日付を追加したいとおもいます。【テンプレートを開く】ファイル（メニュー） → 開く → テンプレートを選択して開く。【挿入する。】更新日を入れたい部分に例）<p>更新日：</p> と入力。入れたい部分にカーソー…

2014-04-27

Dreamweaver テンプレートの作成

Dreamweaver

本日は、Dreamweaver でテンプレートの作成を行いたいと思います。【<div id="main">だけを変更可能にしたい場合】 <div id="main">を選択します。選択方法は・・・ ① ドラッグする ②<div#main>をどこでもいいのでクリックすると出てくる、コードメニュー下をクリックする。【編集可能領域を設定</div#main></div></div>…

2014-04-24

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

JavaScript

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

2014-04-23

JavaScript Math.random()　ランダムに数字を表示する。

本日は、JavaScript でランダムに数字を表示する方法を記載したいと思います。 1. １～10の数字をランダムに表示する。＜表記結果＞ 5 10 9 8 2 1 5 2 2 3 <html lang="ja"><head><meta charset="utf-8"><title>Mathオブジェクトのメソッド</title></head><body><script type="text/jscript">var maxnum=10;var num;for( var i=0; i<10; i++){ num=Math.floor(Math</body></html>…

2014-04-21

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

JavaScript

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

2014-04-20

jQuery　写真をスライド表示する（NivoSlider）

jQuery

本日は、 jQuery 写真をスライド表示する（NivoSlider）を行いたいと思います。【準備：DLをする】・Nivo Slider™ - Dev7studiosのHPにて、 Download jQuery Plugin をクリック → DLする。【準備：サイト管理をする】何故サイト管理が必要なのか？必要…

2014-04-16

jQuery HTML | CSSを操作する

本日は、jQuery で HTML | CSSを操作する命令をまとめたいと思います。【使用する理由】アニメーションなど、あるタイミングで画面を動かしたい時等、もともと書いてあるスタイルシート側の命令を書き換える際に使用します。【基本】 <script> $(function(){ $('※</script>…

2014-04-15

jQuery cssのセレクター一覧

jQuery cssのセレクター一覧を記載したいと思います。【復習】 $(function(){ $('※※').css('○○','○○'); }); セレクター＝※※部分 CSSでよく利用されるセレクター要素セレクター $(’要素名’).css('○○','○○') → 例）$(’li’).css('○○','○○') IDセレクター $(’…

2014-04-14

jQuery 基本（jQueryをDLする　記載する順番）

jQuery 基本（jQueryをDLする記載する順番） jQuery に入ってきました！ jQuery は、有るタイミング（クリックされた等）でイベント（色を変える等）を起こしたいときに使用します。【準備】 jQueryをDLしていきます。 http://mtw.cocotte.jp/blog/diary/h…

2014-04-13

JavaScript Form　name属性 (radio text）標準体重を求める

本日は、JavaScript Form name属性 (radio text）を使用して、計算結果を表示させたいと思います。【計算過程】ユーザーに男性か女性か選択してもらう。ユーザーに身長を入力してもらう。計算ボタンをクリックしてもらう。標準体重が表示されます。【…

2014-04-11

JavaScript　ユーザー定義オブジェクト　画像をランダム（Math.random）に表示する。（画像の名前が文字の場合）

本日は、JavaScript ユーザー定義オブジェクト画像をランダム（Math.random）に表示する。※画像の名前が文字の場合【準備】ランダムに表示させたい画像を6枚用意画像の名前をone two three four five six にして保存します。この時、フォルダ名はimgと…

2014-04-10

JavaScript　ユーザー定義オブジェクト　画像をランダム（Math.random）に表示する。（画像の名前が数字の場合）

本日は、JavaScript ユーザー定義オブジェクトを使って、画像をランダム（Math.random）に表示させてみたいと思います。※画像の名前が数字の場合【準備】ランダムに表示させたい画像を6個用意。画像の名前を1 2 3 ４５６の数字にして保存します。こ…

2014-04-09

JavaScript　演算子の一覧

本日は、JavaScript 演算子について記載したいと思います。演算子算術演算子 + → 加算 - → 減算 × → 乗算 / → 除算 % → 余剰（演算子の左側を右側で割った余りを返す） ++ → インクリメント（演算子の左側の値を1増やす） -- → デクリメント（演算子の左側…

2014-04-06

関数の定義

本日は、関数の定義について記載したいと思います。関数関数は、複数の命令をまとめ、一括で実行する事が出来ます。ユーザーが独自に関数を定義する事が出来ます。（ユーザー定義関数）関数は、functionオブジェクトです。function 関数名(引数){ 処理…

2014-04-05

JavaScript　while文　無限ループの中断(break)

JavaScript while文無限ループの中断(break) について記載したいと思います。【復習】【while文】 while文は、()によって指定されている条件が真の間中括弧内{ }で囲まれた処理ブロックが繰り返し実行される。注意！）つまり、真（true）で有り続ける繰…

2014-04-03

JavaScript　break文　繰り返し処理の中断

break文 for文 while文で使用する場合は、「中断」したい時に使用。 switch文で使用する場合は、ブロックの外へ抜け出したい時に使用。 for文 while文で継続条件がtrueの場合でも、break文をブロック内に記載することで、強制的にブロックの外に抜ける事…

2014-04-02

JavaScript while 反復処理（繰り返し）を行います

本日は、JavaScript while 反復処理（繰り返し）について勉強してまいりました。【while文】 while文は、()によって指定されている条件が真の間中括弧内{ }で囲まれた処理ブロックが繰り返し実行される。注意！）つまり、真（true）で有り続ける繰り返し条…

2014-04-01

HTML5 float を使ったＷｅｂページのつくり方

本日は、HTML5 float を使ったＷｅｂページのつくり方を勉強して参りました。 floatを使用し、下記の様な順番で画像を並べたいと思います。画像サイズと使用する枚数 300px × 300px 6枚→ 01,11,15,19,30 140px × 140px 22枚→ 03,04,06,07,09,10,12,14,16,17…