Web応用

JavaScriptはじめの一歩

おすすめサイト 梅ちゃん堂 > JavaScript 入門 犬でもわかるJavaScript講座 http://homepage2.nifty.com/melcafe/ 左下のボタンをクリックするとポップアップが表示されます 記述したのは3行のみ

愚直に・・・

さあ、復習です!前にできていたことも手が忘れています。 クロスフェードの作り方復習です http://homepage2.nifty.com/melcafe/flash/gucyoku.swf

復習:トンボとトリムマークの違い

http://d.hatena.ne.jp/weizm/20080105 トリムエリア(トンボ)→Web環境で使用する 「Illustrator」のデータを指定した大きさで「Photoshop(JPEG/GIF)」に変換する。 トリムマーク→DTP環境で使用する 「Illustrator」のデータを規格サイズの印刷物に仕上げ…

Bindサイト10ページ作成!

http://homepage2.nifty.com/melcafe/wits/ ページが多くなってくると管理ドキュメントの必要性を感じます やはりサイトマップと全体のガイドラインとラベリング(名前)が一覧で見られるような資料がないといちいち各ページに行かないといけません。今後ペ…

Bind

http://homepage2.nifty.com/melcafe/wits/pg003.html チラシのデータはきれいですね そのままはりつけて1ページ完成です

formは「ふぉーむまん」が楽です

chiriさんのブログ http://d.hatena.ne.jp/chiri777/20080217 でフォームをみてBindサイトにこれを取り込めないかなと考えていましたがやはりcgiファイルの設定が面倒であきらめました。Bindも動作保障はしないと書いていたのでトーンダウンです。 そこで手…

CSSハック/ブラウザハックとは

http://d.hatena.ne.jp/ilife/20080218 課題がまた増えている!というか前に出ていたのにほったらかしといたものがリマインドされています 課題のポイント(さっぱりわかりませんので調べたいと思います) ブラウザハック 透明PNG ボーダーを使用しない囲み …

Bindダウンロードファイルをのせたい時

http://www.digitalstage.jp/support/bind/archives/2007/11/pdfexcel.php 「_userdata」フォルダにPDFやExcelデータ等のファイルをコピーしてリンクをはる excelマークをクリックするとダウンロードできるようになりました http://homepage2.nifty.com/melc…

Bind

http://homepage2.nifty.com/melcafe/wits/ 写真をexcelに貼り付けた図の状態でもらいました。 これをHTML上にのせるにはどうしたらよいでしょうか? photoshopにむりやりコピーしてWeb用に保存としたら画像が荒くなってしまいました。 うまく修正することは…

BIND操作手引

募集要項など変更時に誰でもメンテナンスできるよう簡単な手引を作成しました A4サイズで作成しましたが小さかったです・・・ http://homepage2.nifty.com/melcafe/bindsousatebiki.html

photoshop復習

ブースカちゃんのお陰です!ありがとう! ↑これを元に ↑これを重ねてみました イメージ→色調補正→カラーの適用(ソースに取り込みたい写真を指定)

flash復習:神様目線

バナー的4コマ漫画形式の作り方 550×400サイズの写真を準備(サイズは任意) 読み込み→ライブラリに読み込み 1フレームに1シンボル(キーフレームの挿入) 各写真をシンボル化(右側にシンボルとして表示) 10位づつキーフレームを設定し(最初と中間と最…

bindは簡単でいいですね!

とりあえず新しい情報のみでものせたいというご要望でUPしました。 念の為、すでにできているHPデータをダウンロードしてバックアップしました。 UP後にキャッシュが残っているのか変わらない変わらないと連絡がありましたが PCを立ち上げ直してもら…

復習

tableを積み重ねる方法 全体のtableサイズを決めずに1行づつ増やすイメージ このやり方は便利!文法的にもOK!<table summary="maincontent" width="715" border="0" cellspacing="0" cellpadding="20"> <tr> <td width="376" valign="top"><img src="imagetop/text_00.gif" alt="" width="376" height="58"> </td> </tr></table>

flash復習

素敵なサイトです。写真をうまく使用していると 外部から読み込む「.cgi」タイプ。 書体を見せる形(DTP的)でのせている。<ビジュアル重視>http://www.forests-forever.com/cgi-bin/index.cgi 富士フィルムのサイト(FORESTS FOREVER)1)図形を動かすや…

実践

HP作成依頼元から会社案内のパンフレットがPDFで送られてきました。 このイメージで作成して欲しいと・・・ PDFファイルをphotoshopでひらき切り貼りして何とか雛形を作成。しかし、書体もパンフレットと同じにして欲しいとの要望があり フォームもふぉーむ…

CSS文字の回りこみ

http://homepage2.nifty.com/melcafe/trip/trip.html

アイコン作成

CSS復習:繰り返しのレイアウトはdiv class

http://homepage2.nifty.com/melcafe/arst/index.html はじめの写真をh3にして次の矢印を背景画像にして文字をPにしてひとくくりとしました。 位置ががたがたになったのでもっとうまい方法があると思われます。

復習:だんだんのってきます

基本の形をいかに組み合わせるか(拡大縮小・自由変形・反転・コピー・・・) パスファインダのどのメニューが適切か パスをつなげるのはどのようにするか(アウトラインにして微調整・線の角を丸める・・・)

ウォーミングUPはアイコン作成

復習

ブースカのおかげです!ありがとう!「アイコン作成練習帳」お借りします!

データ管理(二次災害を避ける)

これをアップしていたらサブディレクトリの設定を忘れうまくUPできず他のサイトデータを消去してしまい・・・・ どれが最新データかわからなくなりリカバリに時間がかかってしまいました。 自分のパソコン・USB・スクールPCなどなどどれが最新かきちんと管理…

CSS練習 篤姫式ロールオーバー

左のサイドナビを3つの画像合体型でコントロール http://homepage2.nifty.com/melcafe/tantei/tantei.html <li id="s_nv01"><a href="#">浮気・行動・素行調査</a></li>#s_nv01 a{ display: block; height: 20px; width: 180px; background-image:url(images/snv_01.gif); background-repeat: no-…

sitemapを設計せよ

伝わる文章、伝わる画像をまとめよ サイトマップ このサイトについて 検索(はじめはダミーでもOK)トップページはキャッチ(3つくらいのポイントで) Nextページでパンくずリストを付ける 自分が作った作品をすべて登録する robots.txt robots.txt とは、…

CSS練習「emとvisibility: hidden」

全体のブロックレイアウトとメニューの作成 http://homepage2.nifty.com/melcafe/dental/dental.html ソースが<ul> <li id="menu01"><a href="#"><em>歯科求人検索</em></a></li> <li id="menu02"><a href="#"><em>掲載のお申込</em></a></li> <li id="menu03"><a href="#"><em>掲載までの流れ</em></a></li> <li id="menu04"><a href="#"><em>料金</em></a></li> </ul>

サイトは文章ありき!文書構造を考えよ!文章が主、画像は補佐!

コンセプトを決める テーマを決める(どういうコミュニケーションをしたいのか決める) h1は何か(キーワードを決める:これで検索する人がいるという想定をする) h2は何か(3つくらいのポイント:ここにはこんなメリットがあるよ) h3は何か(メリットがあ…

篤姫式ロールオーバー

http://webftp.athuman.com/~haa170238/cafe.html このページのケーキの部分が2枚1つの画像になっています

バリエーションを増やせ!今あるサイトを分析せよ!

Web Developer 日本語版 活用せよ! 画像の幅と高さを表示 CSSを表示 ソースを表示 これで材料は揃う! テスト用サイトを作れ! 篤姫の「h1 a」と「h1 a hover」の画像が背景1枚になっている部分をまねしてみよ CSSの背景で背景イメージを指定し、どこから見…

復習BIND

http://homepage2.nifty.com/melcafe/dazaifu