6/3授業メモ　PHP

授業 PHP

index.php …

2014-06-01

5/29授業メモ　PHP　

授業 PHP

index.php …

2014-05-27

問い合わせフォームの作成 -PHP-

授業 PHP

今日の授業で問い合わせフォームの作成しました。まず、xampp→htdocs→phpの中にmailフォルダを作成し index.php check.php thanks.php init.php を作る。 -----index.php---- <html lang="ja"> <head> <meta charset="UTF-8"> <title>お問い合わせ入力フォーム</title> <link rel="stylesheet" href="css/style1.css"> </link></meta></head></html>

2014-05-24

大阪府門真市のエステとスクールサロン | はぐほぐサロン

私の通っている職業訓練校のフェリカTAでHP制作課題があったので、友人が経営する大阪府門真市にあるエステとスクールサロンのはぐほぐサロンのHPを制作させて頂きました。思っていたよりも、うまく出来ませんでした。でも、はじめて作ったわりにはなかな…

2014-05-12

今日からPHP

授業 PHP

今日からPHPの授業が始まりました。まずテストサーバーを構築する所から始まりました。授業ではXAMPPを使用します。テキストは、10日でおぼえるPHP入門教室第4版を使って行きます。 ①php.iniの編集 ②文字を表示 ③変数を記述などをしていきました。 PHP…

2014-05-08

今日はHP制作課題の発表をしました。

日記

職業訓練が始まって3ヶ月経ったという事で、はじめてHPを１から制作をして作品を発表しました。まだ完成していませんでしたが今日発表しました。私は、友人が経営しているサロンのHPを制作しました。制作してみた感想ですが、自分が創造していたものより…

2014-04-25

[ jQuery ] アコーディオンパネルその2

<body><div id="container"><ul class="navi"><li><div class="category">ファッション</div><ul class="menu"><li><a href="#">アウター</a></li><li><a href="#">インナー</a></li><li><a href="#">ボトム</a></li><li><a href="#">バッグ</a></li><li><a href="#">靴</a></li><li><a href="#">アクセサリー</a></li></ul></li><li></li></ul></div></body>

2014-04-25

[ jQuery ] アコーディオンパネル - テキスト p１３ -

<body><div id="container"><dl><dt>テキスト１</dt><dd><p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p></dd><dt>テキスト２</dt><dd><p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテ</p></dd></dl></div></body>…

2014-04-18

[ jQuery ] Lightbox風モーダルウィンドウ - テキスト p217~222 -

授業 jQuery

画像をクリックすると下記のように拡大表示する。 <body><div id="container"><h1>jQueryを利用したモーダルウィンドウの作成</h1><ul> <li><a href="img/01.jpg" class="modal"><img src="img/th01.jpg" alt="シャンデリア"></a></li> <li><a href="img/02.jpg" class="modal"><img src="img/th02.jpg" alt="バラ"></a></li> <li><a href="img/03.jpg" class="modal"></a></li></ul></div></body>

2014-04-17

[ jQuery ] eqセレクタを使ってリスト画像を表示させる -

jQuery 授業

2014-04-15

[ jQuery ] 四角をクリックしてalertを表示

授業 jQuery

jQueryで四角をクリックしてalertを表示させる <style>#box { width: 100px; height: 100px; background-color: #F90; cursor: pointer;}</style> ※cursor: pointer; はマウスが四角の上に来たときに矢印から指にかわる。<body><div id="box"></div><script>$('#box').click(function( ) { alert('クリックされ</script></body>…

2014-04-15

[ jQuery ] 子孫セレクタ -

jQuery 授業

複数のセレクターをスペース区切りで指定する事により、特定の要素の内側にある要素をさらに絞り込めることが出来ます。 <script> $(function( ) { $('.first strong').css('color', 'red'); });</script><body><h1>jQueryの練習(子孫セレクタ)テキストp30</h1><ul><li class="first"><strong>いぬ</strong>いぬいぬいぬいぬいぬ</li><li class="second"><strong>ねこ</strong></li></ul></body>…

2014-04-15

[ jQuery ] クラスセレクタ -

jQuery 授業

クラスセレクタは、特定のclass属性を持つ要素に対して命令を実行します。 class属性の値に .(ドット) を付けたものをセレクターとして利用します。 <script> $(function( ) { $('.second').css('color','red'); });</script><body><h1>jQueryの練習(クラスセレクタ)テキストp29-30</h1><ul><li class="first">いぬ</li></ul></body>…

2014-04-15

[ jQuery ] IDセレクタ -

jQuery 授業

IDセレクタは、特定のid属性を持つ要素を対象にします。 <script> $(function( ) { $('#first').css('color','red'); $('li#second').css('color','blue'); });</script><body><h1>jQueryの練習(IDセレクタ)テキストp28</h1><ul><li id="first">いぬいぬいぬいぬいぬいぬ</li><li id="second">ねこねこねこねこねこねこ</li><li id="third">さるさるさるさ</li></ul></body>…

2014-04-15

[ jQuery ] h1を赤く liを青く

jQuery 授業

jQueryを使って h1を赤く liを青くしました。 <script> //jQueryの命令をここに記述 $(function( ) { $('h1').css('color', 'red'); $('li').css('color','blue'); });</script><body><h1>jQueryの練習</h1><ul><li>いぬ</li><li>ねこ</li><li>さる</li><li>きじ</li></ul></body>

2014-04-14

[ jQuery ] 文字を赤くする

jQuery 授業

jQueryを使って文字を赤くなるように記述しました。 <html lang="ja"><head><meta charset="utf-8"><title>jQueryの練習</title><script src="js/jquery-1.11.0.min.js"></script><script> //jQueryの命令をここに記述 $(document).ready(function( ) { $('h1').css('color', 'red'); }); </script></head><body><h1>jQueryの練習</h1></body></html>

2014-04-14

今日からjQueryの授業がはじまりました

jQuery 授業

今日からjQueryの授業がはじまりました。 jQueryの基本を理解するために Webの現場で使えるjQuery UIデザイン入門を読みました。 jQueryはJavaScriptのライブラリのひとつなのだそうです！私たちの学校では jQueryデザイン入門（ASCII社）をテキストとし…

2014-04-11

DOMで文字色を設定

JavaScript 授業

DOMを使用して文字色を赤に設定しました。 <html><head><meta charset="utf-8"><title>DOMで文字色を設定</title></head><body><h1 id="myid">DOMによる要素の指定</h1><script type="text/javascript">document.getElementById('myid').style.color = '#F00';</script></body></html>

2014-04-11

windowオブジェクトを使って新規ウィンドウを開く

JavaScript 授業

開くボタンを押して空の画像を開く。 <html lang="ja"><head><meta charset="utf-8"><title>ウィンドウを開く</title><script>function openWin() { var win = window.open('', '', 'width=550, height=480'); win.document.open(); win.document.write('<img src="img/01.jpeg">'); win.document.write('<form><p>'); win.document.w…</p></form></meta></head></html>

2014-04-11

formオブジェクトを使って標準体重を計算

JavaScript 授業

formオブジェクトを使って下図のような標準体重を計算できるように作成しました。 <html lang="ja"><head><meta charset="utf-8"><title>フォームの利用</title><script>function stdWeight(myForm) { var height, weight; height = Number(myForm.height.value); if(myForm.sex[0].checked) { weight = (height - 80) * 0.7; } e</meta></head></html>…

2014-04-10

写真の上に文字をのせてみました

PhotoShop 授業

今日の授業で写真画像の上に文字をのせてみました。～作り方～ ①写真を準備する。 ②写真を「イメージ→色調補正→色相・彩度」を選択し彩度を-10０にしてモノクロ写真に加工。 ③文字を適当な場所に配置する。 ④写真をコピーする。 ⑤コピーした写真レイヤーを…

2014-04-09

今日の授業で、サイコロの目をランダムに表示させました

JavaScript 授業

今日は、JavaScriptを使用してサイコロをランダムに表示できるように作成しました。下記のように記述して表示させることが出来ました。 ①ランダムに表示させる(更新すると表示されるサイコロの目が変わる)。 <html lang="ja"><head><meta charset="utf-8"><title>サイコロの目をランダムに表示させる</title></head><body><script>var r =Math</body></html>…