2013-01-01から1ヶ月間の記事一覧

ビジネスマナー

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

デジタル時計の作成

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

CSSテスト - 1カラム

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

透過PNG/random関数

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

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>

カンプ作成手順

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

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

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

関数/横スクロールとlightBox

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

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

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

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

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>

Flash if文

第1回サイト作成に向けて【1月末締切】Googleドライブでプレゼン発表(前回からの続き) FLASHステージ内のオブジェクトの移動 SCRATCHの紹介 オブジェクト指向の感覚がつかめるフリーソフト Flash ボール(ball_mc)が左から右へ移動(繰り返し) ステージ…