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

授業

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

2013-01-30

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

授業

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

2013-01-23

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>

2013-01-22

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>…

2013-01-21

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>

2013-01-18

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

授業

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

2013-01-18

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>…

2013-01-18

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>…

2013-01-17

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> 配…

2013-01-15

1/16(火)テスト準備

定例テスト

（1）JavaScriptの標準化されたものを［ A ］と呼びます（2）マウスを重ねると画像が置換させるには［ B ］を記述します（3）ページが読み込まれたときにダイアログでメッセージを表示させるには［ C ］を記述します（4）マウスがクリックされたときとい…

2013-01-15

Dreamweaverでテストサーバーの設定

Dreamweaver

サイト-新規サイトで以下の順番に設定する

2013-01-15

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>…

2013-01-13

Ken Burns Effect（jQueryクロスフェード）

jQuery

もうどうしても自力で動かせなかったので、動いているソースをフォルダごとコピーさせてもらった。何が問題だったかというと・・スクリプトを書く場所! Kenのスクリプトはbodyの中に書く!headの中ではない！ $(function(){ はいらなかった・・完成品 Ken B…

2013-01-12

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

授業

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

2013-01-11

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…

2013-01-10

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>…

2013-01-09

Illustratorで目から鱗の簡単レモン作画術

Illustrator

※レモンのIllustratorでの描き方（１）下絵をトレース（画像保存、貼り付け、テンプレートにする、新規レイヤ作ってそこに描く）レモンの塗り・・・マルチグラデーション円のグラデーション白-薄い黄色-赤黒い黄色のグラデーション照りを置きたいエリア…

2013-01-09

はてなダイアリーにFlash動画を貼り付ける方法

はてな Flash

はてなダイアリーにFlashをはりつける方法を教えてもらいました下記のページでFlashファイルかFlashファイルをアップロードしたURLを入力すると貼り付けのためのスクリプトが生成されるので、それをはては日記の編集画面に貼り付けます。貼り付ける時、改…

2013-01-09

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>

2013-01-09

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

授業

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

2013-01-08

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>…

2013-01-07

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>…

2013-01-05

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>…