PHP　実際の記載の前に・・・

PHP

PHP 実際の記載の前に・・・文字列の出力方法： ' ' または " " で囲んで記述する。「C:\xampp\htdocs」のことを、①ドキュメントルート②ルートディレクトリと呼ばれる。 PHPのみを記述する場合は、PHP終了タグを記述しない。 HPスクリプトで文字を表示する…

2014-05-19

PHP　PHPとJavaScriptの違いは？

PHP Dreamweaver

PHPの勉強に入ってまいりました。ここで一つ疑問が・・・ PHPとJavaScriptの違いは？でした。 PHPは、サーバサイドスクリプトの１つで、CGIと同様、動的にWebページを生成するための言語です Webアプリケーション開発に特化したものサーバーで動作します…

2014-05-18

ホームページ作成にあたって ”CSSだけで角丸四角を表示する方法”

ｈｔｍｌ Dreamweaver

ホームページ作成にあたって、以外に使えたのが ”CSSだけで角丸四角を表示する方法” です。表示結果 <css> h1{ width:100px; background-color:#99FFCC; border-top-left-radius: 10px; /* 左上 */ border-top-right-radius: 10px; /* 右上 */ border-bottom-le</css>…

2014-05-17

ホームページ作成にあたって　id名　class名　の一覧

ホームページ作成にあたって、次回作成時に気を付けたい箇所の一つに、 id名 class名を何にしたらいいのか？があります。次回は下記を念頭にhtmlを入力したいと思います。 headerheader-inner logo globalNavigation localNavigation container wrapper co…

2014-05-15

PHP プログラミングの準備　②Dreamweaver　テストサーバーのフォルダ設定

PHP

PHP プログラミングの準備 ②Dreamweaver テストサーバーのフォルダ設定前回の続きです。ドリームウィーバーを起動して、テストサーバーのフォルダ設定を行います。注意】XAMPPは起動させたまま。サイト（ツール） → 新規作成より、サイト設定を行いま…

2014-05-15

PHP プログラミングの準備　①XAMPPをダウンロード【Windoｗs】

PHP Xampp

PHP プログラミングの準備 ①XAMPPをダウンロード【Windoｗs】 XAMPPのダウンロード PHPを入力して、内容があっているか？を確認するにはアップロードが必要になります。が・・・それを（アップロードを）しなくても確認する方法の一つにXAMPPを使用する方法…

2014-05-14

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

JavaScript

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

2014-05-13

html jQuery　ホームページ作成にあたって　サイドバーを、アコーディオンパネルを工夫して作成してみました。

ｈｔｍｌ jQuery

html jQuery ホームページ作成にあたってサイドバーを、アコーディオンパネルを工夫して作成してみました。ホームページ作成時にサイドバーを工夫してみました。備忘録になってしまってすみませんが、次回の作成の為に失礼します！私が作成したいサイド…

2014-05-12

ホームページを作成するにあたって

ｈｔｍｌ

ホームページ制作をするにあたって、今回の反省。各ブラウザで表示されたりしないのが有るので、必ず確認すること。一番大事なのは、クライアントが見られる事。・firefox ・chrome ・Internet Explorer 等 Windowsと MAC では、表示される文字の大きさ自…

2014-04-28

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…

2014-03-29

JavaScript イベントハンドラ

JavaScript イベントハンドラ本日は、イベントについて記載したいと思います。イベントハンドラ webページを見ている閲覧者が、クリックをする、マウスを乗せる、ボタンを押す、入力をする、等のアクションを起こした際に、イベントが起こるスイッチの様な…

2014-03-28

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

JavaScript

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