My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

プログラミング

5/22 [PHP] フォームの練習

本日の授業では、PHPによるフォーム作成の実習を行いました。 以下、本日の演習におけるポイントです。ポイントHTML5に対応させるplaceholderrequiredautofocusencode処理を関数化placeholderその他お問い合わせフォームとアンケートフォームは分けても良い …

5/21 [PHP] アンケートフォームの作成

PHP(アンケートフォームの作成) PHP(アンケートフォームの作成) 1. アンケート送信フォーム作成 Lesson14 (p.116) アンケートフォーム (request1.php) '山田太郎', 'email' => 'yamada@wings.msn.to', 'zip' => '100-0000','sex' => '男性', 'age' => '…

5/20 [PHP] 九九表・名簿作成

PHP 【演習】九九表作成 【演習】名簿を作成 名簿(1) dlで作成 PHP PHP 【演習】九九表作成 以下、自身で作成したコードです。 <html lang="ja"> <head> <meta charset="utf-8"> <title>PHP九九表</title> <style> table { border-collapse: collapse; border: 2px solid #666666; } th, td { border: 1px …</meta></head></html>

5/19 [PHP] 配列

PHP(配列) 【演習】 配列の値を出力する <html lang="ja"> <head> <meta charset="utf-8"> <title>配列の値を出力する</title> <style> table { border-collapse:collapse; border: 2px solid #333333; } th…</meta></head></html>

5/12 [PHP] 開発環境の準備・初めてのファイル作成

PHP(開発環境の準備・初めてのファイル作成) 今日の授業内容PHP( 開発環境の準備・初めてのファイル作成)PHPによるプログラミングの授業に入りました。 使用テキストは、こちらです。10日でおぼえるPHP入門教室 第4版著者 : 山田祥寛翔泳社発売日 : 2012…

4/23 [jQuery]タブパネル

[jQuery] タブパネル 【演習】所定サイトのデモプログラムを修正・実装する手順:1.「jquery.com」にアクセスhttp://jquery.com/ 2.「jQueryUI」タブ(画面)を選択http://jqueryui.com/ 3.「Tabs」を選択http://jqueryui.com/tabs/ 4.jQueryの以下所定配布…

4/18 [jQuery] Slider

jQuery(Slider) jQuery(Slider) Sliderプラグインを利用する 【演習】EasySlider 【準備】 以下サイトより、「Easy Slider 1.7」をダウンロード Numeric Navigation jQuery Slider http://cssglobe.com/easy-slider-17-numeric-navigation-jquery-slider…

4/17 [jQuery] toggle()メソッド / LightBox(プラグイン)

jQuery toggle()メソッド 【演習】toggle()メソッド 演習1. ボタンをクリックする都度表示画像が変化する以下のような画面を作成します。 ① ② ③ ④ この演習のポイント a要素となっている画像をクリックした場合、通常href属性に設定されたリンク先にジャンプ…

4/15 [jQuery]クリックイベント・HTML/CSSを操作する

[jQuery]クリックイベントを扱う [jQuery]HTML/CSSを操作する [jQuery]クリックイベントを扱う 【演習】クリックイベントでアラート表示 課題:下図ボックスをクリックすると「クリックされました」というダイアログボックスが表示されるようにプログラムを…

4/14 [jQuery] 記述練習 (セレクタ) / クロスフェード

[jQuery] 記述練習 クロスフェード 使用テキスト: Web制作の現場で使うjQueryデザイン入門[改訂新版] (WEB PROFESSIONAL)posted with amazlet西畑一馬(著) アスキー・メディアワークス Amazon.co.jpで詳細を見る同内容掲載のサイトはこちらです。↓ http:/…

4/8 [Java Script] 配列の操作

本日の授業テーマ [Java Script] 配列の操作 本日の学習内容 [Java Script] 配列の添え字を活用する 配列の添え字を活用する 配列を操作する 授業の関連記事: http://d.hatena.ne.jp/web-0127/20140506/p1 [演習] 今日の曜日を表示 JavaScriptで今日の曜日…

4/3 [JavaScript] オブジェクトを生成する

本日の授業テーマ JavaScript 本日の学習内容~まとめと感想~ 参考記事(講師ブログ): http://d.hatena.ne.jp/web-0127/20140428 オブジェクトを生成する Dateオブジェクト [課題]オブジェクトを生成する <html lang="ja"> <head> <meta charset="utf-8"> <title>オブジェクトを生成する</title> </head> <body> <script> var now; now = n</body></html>…

3/15 [JavaScript] 画像置換

本日の授業テーマ [JavaScript] 画像置換 本日の学習内容 【演習】 サムネール画像にマウス移動すると、メインの画像が置換されるようにする[ポイント] JavaScript onmouse属性を使用したロールオーバー 要素に直接画像置換命令を記述 [習作] [ソース] <html> <head> <meta charset="utf-8"> <title></title></meta></head></html>…