授業

PHPでメンバー登録フォームと入力チェック画面を作る(2ページ) | 55日目

入力画面 <html lang="ja"> <head> <meta charset="utf-8"> <title>メンバー登録フォーム</title> <style> body{ /*text-align:center; */ } table{ text-align:left; /* border-collapse:collapse; */ } </style> </head> <body> <h1>メンバー登録</h1> <hr> <br> <table width="500" border="1"> <tr> <td> </td></tr></table></hr></body></html>

PHPでフォームのデータを受け取る | 54日目

名前を入力してもらい、入力された名前を表示するPHP(ページを遷移して入力内容を表示する) [入力画面] [表示画面] <html> <head> <meta charset="utf-8"> <title>自分の名前を表示する</title> </head> <body> <form method="POST" action="ans.php" name="name1"> <label for= "name1">お名前:</label> <input type="text" name="name1" size="35" maxlength="255"> </form></body></html>

最新SEO情報 | 53日目

最新SEO情報 日付の新しいものに検索エンジンは反応する。ブログが効果的なのはこの点にある。 ブログを書き続けること ブログからのリンクを貼ること p、リストは拾われるが、hの重要性は下がってきている タイトルを余りにも頻繁に本文中に登場させてはい…

PhotoshopにSimpleviewerを読み込ませて簡単に見栄えのいいギャラリーを作る | 53日目

Simpleviewer cs2 Postcardviewer photoshopなどで検索して探し出す cs5の場合 ダウンロードしたCS5用ファイルを解凍するとadobe独自のインストール用ファイル(形式mxp)になって、ダブルクリックするとインストールされる。 cs2の場合 ダウンロードしたCS2…

Photoshop にカスタムシェイプ、カスタムブラシを追加して簡単に絵を描く | 53日目

雪が霙になり、積もることはなかったため学校は通常通りに授業が行われました。 ネット上に、Photoshop用のカスタムシェイプ、カスタムブラシが数多く散布されているので、それらをダウンロードしてインストールし、組み合わせて使うことで、絵が上手でない…

PHP編集ソフトとして無料ツールEclipseを設定する | 52日目

eclipseでのPHP環境構築 ※eclepseは毎回格納してあるフォルダ内のeclipse.exeファイルから起動する ※起動時のファイルの関連付けが重要でこれによりうまくいったりいかなかったりする 日本語環境 php.iniの編集 UTF-8 timezone → Asia/Tokyo 実際にPHPを打つ…

1/31 49日目 職業能力基礎講習(3)ビジネスマナー

鈴木先生によるキャリア・コンサルティング3回目 ビジネスマナー 早口言葉で滑舌練習 あいうえおことばで発声練習 立ち方、歩き方、座り方、礼の仕方練習 笑顔練習 敬語訓練 (丁寧語、尊敬語、謙譲語)

1/30 48日目 | WEBサイト作成

最終アップに向けて残件 treatment/index.htmlのレイアウト再構築 「診療の流れ」エリアを置き、痛み、悩みを6カテゴリに分け、2列×3行に配置 フッター →田無タワーの稜線がきれいに出ない。要ブラッシュアップ。

43日目 | javascriptデジタル時計 |

javascriptでデジタル時計を作成します。 デジタル時計 <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイマー1/23 javascript </title> <style> input{ width:90px; font-size:66px; font-family:monospace; padding:8px; } p{ font-size:40px; } </style> <script> var hourBox, minBox,secBox var timer; window.onlo…</meta></head></html>

42日目 | javascript クリックで画像チェンジ | javascriptでサブウインドウオープン

javascript クリックで画像チェンジ TV画像の中をくりぬいて、画像をはめこむ(400×500サイズ)。これを3つ用意する。 http://latte.moto-chika.com/0122/tv.html <html lang="ja"> <head> <meta charset="utf-8"> <title>TVに画像とっかえひっかえ</title> <title>イメージの操作</title> <style> body{ text-align:center; } </style> <script> var imgs; func</meta></head></html>…

41日目 | テスト | 提供された画像を使って1カラムのサイトを作る

提供された画像を使って1カラムのサイトを作りました。インテリアショップのサイトという体です。指定時間2時間。 忍者にアップロードした完成したサイト http://latte.moto-chika.com/interior_shop/index.html html <html lang="ja"> <head> <meta charset="UTF-8"> <title>インテリアショップ a Interior</title> <link rel="stylesheet" href="css/style.css" media="print, screen"> </link></meta></head></html>

40日目 | 透過pngを表示する(IE6対策) ドロップシャドウの表現を実現

テキスト:講師記録2013.1.19 竜の絵にドロップシャドウかけたものをWEBに表示する Illustratorで下絵の竜を配置 そのレイヤーを複製 ペンツールでトレース ドロップシャドウを部分的に作らないようにする(下記の方法で) ラインツールで2箇所線引く パスフ…

40日目 | 配列とrandom関数でおみくじライクなアプリを作る

javascript 配列とrandom関数でおみくじライクなアプリを作ります 表示した瞬間に運勢を表示します。背景におみくじ感を出す画像を置きます。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>おみくじ</title> <style> body{ background:url(img/omikuji/omikuji.gif); } </style> </head> <body> <h1>あなたの今日の運勢</h1> <script> //配列imagesにイメー</body></html>…

40日目 | javascript イメージ画像をランダムに表示する

画像を複数用意し、ブラウザにランダムに表示します。 日付を取得する関数も使用し、本日の日付をテキストで表示しつつ、画像をランダムに表示します。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>イメージをランダムに表示する</title> <style> body{ text-align:center; background-color:#CCC; } </style> </head> <body> <script> numOfImg </body></html>…

39日目 | javascript Stringオブジェクト

new Stringは文字列の文字の数を取得する <html lang="ja"> <head> <meta charset="UTF-8"> <title>Stringオブジェクトの生成</title> </head> <body> <script> var i; var str2 = new String('文字列を1文字ずつ取り出す'); for(i=0; i<=(str2.length); i++){ document.write('<h2>', str2.charAt(i),'</h2>'); } </script> </body> </html> 配…

38日目 | javascript Dateオブジェクト | Mathオブジェクト | レイアウト Golden Grid System / 960

javascript Dateオブジェクト、Mathオブジェクト javascript Dateオブジェクトを使って時間帯により異なるメッセージを表示する <html lang="ja"> <head> <meta charset="UTF-8"> <title>時間によってメッセージを変更する</title> </head> <body> <script> //時間によってメッセージを変更する var today; var hour; today = new Date(); hou</body></html>…

37日目 | Photoshopでカンプを作る

Photoshopで新規作成 CTRL+R ルーラー出す 表示-新規ガイド(水平0,10,35,80,90,252… 垂直0,10,36,120,130,180,420,430,511,600,610) シェイプツール四角 ロゴ(スマートオブジェクト)手本ファイルのロゴレイヤーからドラッグ。スマートオブジェクトなのでカ…

36日目 jQuery アコーディオン(折りたたみ)効果、tab効果

jQueryの勉強はASCIIのサイトを利用するのが良い ASCII40分で覚える!jQuery速習講座(初心者用) http://ascii.jp/elem/000/000/498/498710/ ASCII Web制作の現場で使えるjQuery UIデザイン入門(第二段階) http://ascii.jp/elem/000/000/435/435362/ ASCI…

35日目 jQuery scrollable | javaScript ユーザー定義関数

jQuery scrollable http://latte.moto-chika.com/scrollable/index.html で、できた・・ 左スクロールボタンも出た。 a class指定で、browseだけでなく、prev leftも指定しておかないと左ボタンが動かないことが判明。これが原因だった・・ソースファイル <html lang="ja"> <head> <meta charset="utf-8"></meta></head></html>…

jQuery クロスフェード

jQuery クロスフェード 表示画像をふわーっと切り替えていく魔法のようなもの http://latte.moto-chika.com/0107/lightbox/index4.html <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery クロスフェード</title> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/jquery.cross-slide.min.js"></script> <script> $(f…</meta></head></html>

34日目 | javaScript while文 | jQuery クロスフェード | Flash キーで制御

javaScript while文 while文は「条件が成立している間処理を繰り返す」ものです。 breakで中断します。 switch-case-breakは選択肢に限度があるものに向いている(4方向、曜日など) 作例一番面積の大きい県は? http://latte.moto-chika.com/0109/index3.h…

33日目 | lightbox | さらにjavascript練習

lightbox 写真をサムネイルから原寸表示する効果を作る こんな感じ http://latte.moto-chika.com/0107/lightbox/index2.htm javascript 関数、変数、for文で繰り返し処理 まずは同じ文字の繰り返し http://latte.moto-chika.com/0108/index.html <html lang="ja"> <head> <meta charset="utf-8"> <title>for文の</title></meta></head></html>…

32日目 | さらにjavascript練習 | if文 | if else文 | if文のネスト | switch文

テキスト:ブログ風姿花伝2013.1/2〜1/5 javascript 平成を西暦に変える計算をさせる http://latte.moto-chika.com/0107/index.html ※変数名のつけ方 2つ目の単語の頭文字は大文字にする(例 fullYear) <html lang="ja"> <head> <meta charset="UTF-8"> <title>平成を西暦に変えるjavascript</title> </head> <body> <script> var heisei; var </body></html>…

31日目 | javascript練習

javascriptで、ブラウザに文字表示、警告メッセージ表示 http://latte.moto-chika.com/0105/index.html <html> <head> <meta charset="UTF-8"> <title>javascript練習今年もよろしく</title> </head> <script> window.document.write('あけましておめでとう'); window.alert('今年もよろしく'); </script> <noscript> javascript対応ブラウザで表</noscript></html>…

30日目 | プレゼン3件 | Flash if文練習

ECサイトを作りたい場合 無料では実現無理だそうです。 同じ有料でもJimdo広告なし版 年2万よりはモール形式のカラーミーショップの方がいいそうです。それはモールだから。ただこのショップ自体の上位表示対策はむずかしいのでブログから引っ張ってくるなど…

29日目 プレゼンテーション|1月末締めで仕上げるWEBサイトについて発表

さくらば整骨院WEBサイト制作 休み中に準備すること トップページデザイン案3つ(ナビゲーション) キーワード再考

28日目 | JavaScriptで画像置換

JavaScriptで画像置換するナビゲーションを作る HTMLソース。javascriptで画像置換のスクリプトを書いています。 <html> <head> <meta charset="UTF-8"> <title>ナビゲーション | JavaScript画像置換</title> <link rel="stylesheet" href="css/style2.css" media="screen,print"> </head> <body> <nav> <ul> <li><a href="#"></a></li></ul></nav></body></html>

職業能力基礎講習(2)ジョブカード作成自分の強みを発表

ジョブカード作成 まとめきれず、聴衆(採用担当者)に強く訴えかける事ができなかった。後日個人指導。 現在のアルバイト体験を根拠にした論旨展開では説得力に欠けた。やはり前職での経験を元にすることにしよう。 ケーキショップ続き 帰宅して不具合の修…

27日目 グーグルドライブ・プレゼンテーションでサイト制作説明

グーグルドライブ・プレゼンテーション これから自分で作るサイトについてプレゼンテーションする。(12/27 12/28) 条件: 1月までに制作完了する 材料が準備できる ページ数を欲張らない サイト制作の流れ サイトの役割、サイトを作る目的、メインターゲッ…

26日目 | 卒業生助言 | Flash条件分岐 | デザイン理論

前期卒業生助言 先生のブログを各ページEvernoteでとっておくと都度見られて、検索も簡単ですごく便利。 ジョブカードをはじまって一ヶ月、二ヶ月の時点で作っておいた方がいい。後半はさらに時間がなくなる ポートフォリオに作品をできるだけ多くためること…