ビジネスマナー

メラビアンの法則人の印象は93％が第一印象で決まる立ち居振る舞い立ち方：頭、背中、お尻、踵を壁につける。顎を引く。その姿勢をキープ。歩き方：よい姿勢で軽く腕を振って前を見て。座り方：足を揃えて、手は腿の上で軽く組む。表情：口角を上げて…

2013-01-23

デジタル時計の作成

授業 JavaScript

windowオブジェクトの「setTimeoutメソッド」を使用おまけ：DreamWeaverの日付挿入機能で更新日を自動表示 <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイマー</title> <style> input { width: 90px; font-size: 66px; font-family: monospace; padding: 8px; } p { font-size: 40px; } </style> <script> var hourBox, minBox, </meta></head></html>…

2013-01-20

CSSテスト - １カラム

制作

<html lang="ja"> <head> <meta charset="UTF-8"> <title>インテリアショップ a Interior</title> <link rel="stylesheet" href="css/style.css" media="print,screen"> </head> <body> <div id="container"> <h1>インテリアショップ a Interior</h1> <div id="content"> <div class="menu"> <h2><a href="#"></a></h2></div></div></div></body></html>

2013-01-18

透過PNG／random関数

授業 JavaScript photoshop Illustrator

透過PNGを作成 [Illustrator] テンプレート配置した画像をトレースドロップシャドウ効果を付けるレイヤーを複製ラインツールで任意の場所に線を引くパスファインダーで分割。任意の場所を削除効果→スタイライズ→ドロップシャドウ web用保存 PNG24 東名…

2013-01-14

JavaScriptオブジェクト／サイト作成の便利ツール

授業 JavaScript サイト制作

JavaScript Dataオブジェクト Dateオブジェクトを生成 <html lang="ja"> <head> <meta charset="UTF-8"> <title>オブジェクトを生成する</title> <script> var now; now=new Date(); document.write('<h1>',now.toString(),'<h1>'); </script> </body> </html> 指定した日時のDateオブジェクトを生成 <html lang="ja"> <head> </head></html>

2013-01-12

カンプ作成手順

授業 photoshop

カンプのつくり方カンプとはクライアントに仕上がりを確認してもらうためのもの。ブラウザで表示したときにどう見えるのか？というところを確認してもらう。画像として見目良く作りこむことに意味はない。 photoshopで作成ポイント幅960px、余白は1文…

2013-01-11

アコーディオンとタブメニュー

授業 JavaScript

「40分で覚える！jQuery速習講座」 http://ascii.jp/elem/000/000/498/498710/JQueryツール入手 http://jquery.com/ http://jqueryui.com/

2013-01-10

関数／横スクロールとlightBox

授業 JavaScript

関数関数の定義ユーザー定義関数戻り値横スクロールとlightBox

2013-01-09

JavaScript while文／Jquery スライド／Flash 関数

授業

JavaScript while文変数の初期値； while ( 繰り返し条件； ) { 実行される処理変数の変更 ; }例：和暦（平成）と西暦を並べて表示 var MAX = 25; var i =1; while(i <= MAX) { document.write('<tr>'); document.write('<td>', i, '</td>'); document.write('<td>', i + 19</td></tr>…

2013-01-08

JQuery lightbox／JavaScript　for文

授業

JQuery lightbox 写真はPhotoshopで準備欲しい写真サイズの新規画面を作成して作業 JavaScript for文指定した回数だけ処理を繰り返す「JavaScript」と10回記述 <html lang="ja"> <head> <meta charset="UTF-8"> <title>for文の練習（1）</title> </head> <body> <script> var i; for(i=0; i<10; i++) { document.write('<p>JavaScript</p>'</script></body></html>…

2013-01-07

JavaScript 演習（if文・switch文）／修了生の作品紹介／Jquery　Lightbox

授業

JavaScript 演習（変数と演算）平成を西暦に変換して、ブラウザに結果を書き出し <html lang="ja"> <head> <meta charset="UTF-8"> <title>平成を西暦に変換する</title> </head> <body> <script> var heisei; var seireki; var message; //ブラウザに値を表示させる heisei=25; seireki=heisei+1988; message='平成'+heisei+'年は西暦'+sei</body></html>…

2013-01-05

JavaScript演習／カンプ作成準備／ポラロイド風画像

授業

JavaScript 演習ページを開いた瞬間にアラート表示 <html lang="ja"> <head> <meta charset="UTF-8"> <title>年賀</title> <script> document.write('あけましておめでとう！'); alert('今年もよろしく。'); </script> </head> <body> </body> </html> 写真クリックでアラートを表示 <html lang="ja"> <head> <meta charset="UTF-8"> <title>FRE…</meta></head></html>