2011-10-01から1ヶ月間の記事一覧
◎海外のWEB制作会社。 ◎縦型の仕掛けサイト。ジュースの中身が、スクロールで変化するのが、面白い。 この間習った、position:fixedとbackground-attachment scrollで作っているらしい（多分）。Z-indexも指定していた。 構造は、私には難しいけど、習った事…
課題のcakeshopは、出来上がってるんだけど、大問題が解決しない。footer部分が、なぜかFirefoxだけ表示されない。DreamWeaverの画面でも，GoogleChrome,Opera,Sfari,Device Central上では問題無く見える。 でも、Firefoxだけが出てこない・・。何故？？？ …
◎Dreamweaverでcakeshopの制作 図書館で借りた本で、見覚えがあるのに、時間内に全くできなかった・・・。全く覚えてなかったのは、我ながらまずい！ もっと、数をこなそう。◎Flashのクロスフォードの別バージョン これは、休日の課題。
◎Flashでクロスフェードの練習 方法はこちら→風姿花伝 ◎jimdoにアップロード ◎イラストレーターで、ラフ制作
◎jimdoの作成。Fhotoshopでのバック画像作り。 2日悩んだ見出し文字の問題が、ここを見て解決した！ 独自レイアウトのhtml ◎formのラジオボタン、チェックボックス、メニュー型の練習。 Googleドキュメントのフォームが，結構使える。 簡単に作成できて、メ…
今日は、頭がこんがらがった・・ ◎＜form＞〜＜/form＞がひとつのフォーム ◎通常ひとつのサブミット（実行）ボタンを持つ。 ◎入力部品に値を入力した後サブミットボタンを押すと、method 属性で指定した転送方法で、action 属性で指定したアクションを呼び出…
position static ●基準値。特に配置方法を指定しない。 ●この値のときには、top、bottom、left、rightは適用されない。 relative ●ブラウザの左上が基点となる。 ●top.leftで指定する。 absolute ●親ボックスにpositionのstatic以外の値が指定されている場合…
有名な「とらや」が展開するカフェ。 すっきりとシンプルで、無駄な物が無いモダンなデザイン。 サイトの基本とも言える構成で、分かりやすい
半年間の集大成に、どこか小さなお店の商用サイトを作りたいと思っていたけど、決まりそうです。 吉祥寺にある、美人親子で経営している、小さくて可愛いカフェです。お母様手作りの、ロールキャベツが名物とか。若い芸術家達に、壁を貸してもいます。 HPが…
昨日のGoogleのトップは、メアリー・ブレアのイラストでした。あれ？っと思ったら、メアリー・ブレア氏の生誕100周年の日だったんだそうです。 好きなので、記念に載せておきます。 彼女は、ディズニーのコンセプトアートを担当していて「イッツ・ア・スモー…
元受講生の方による、ECサイト展開の依頼 北欧のアクセサリーのサイトの展開について。具体的に話を聞くと、いろんな問題点をクリアして、初めて成功するのだと思う。 ECサイトは、未経験だし分からないが、誰でも店舗を開くチャンスを持てるのは夢がある反…
本日は皆のプレゼンテーションを聞く。 いろいろなアイディアがあって、面白かった。 皆さん、しっかり考えているなあと、感心した。 私は、つい作りやすさ＝ビジョアルから入ってしまう。やはり、WEB制作には作り手の愛が無いといけない。 でも、その前にCS…
◎photoshopでクリッピングマスクを作る。 （1）画像レイヤーの上にシェイプを描く （2）シェイプレイヤーを画像レイヤーの下に移動する （3）画像レイヤーを選択し「レイヤー」→「クリッピングマスクを作成」 ※シェイプレイヤーと画像レイヤーの間の線を「al…
◎jimdoのヘッダー画像部分を差し替える。 昨夜、突貫で作ったのを入れて安心したら、レイアウトは自分でカスタマイズとの事。webの道はこれから。。。 その前に、課題のカラムをやらねば〜。 hatenaのカスタマイズも放置状態だけど、この白さが案外気に入っ…
◎photshopで矢印の作り方の説明。 ◎雲のイラストのbgパターンを作る。 ◎バックにグラデーションを敷く。 ◎jimdoの説明 忙しくて、headerを全く準備出来ていない・・・。
もう、クリスマス商戦の時期なんですね。 LOFTカラーの黄色を基調として、各ページともこだわった作りでかわいらしい。 各ページの楽しさが、LOFT商品のイメージとうまく合っている。 チラシをWEB展開する、良い見本だなあと思いました。
課題1 遅れましたが、参考のボタンを見つけて作る課題です。 面白いボタンは無いかと見ていたら、バックにイメージを敷いたボタンを見て、作りたくなりました。PSDデータが落とせたので、効果を参考に（写した？）したけど、結構ためになりました。 ただ、見…
SS Spriteの縦型の練習。縦51PXで作ってみました。 @charset"UTF-8"; *{ margin: 0; padding: 0; } body{ background-color: #fff; } #nav { width: 200px; height: auto; margin: 50px 0 0 50px; } #nav ul{ list-style-type: none; } #nav li{ float: left…
イラストレーターで起こしたボタンで、SS Spriteを制作。 どうして一枚の画像で、影分身の術が出来るのかいまだに不思議です・・・。ボタンは、個別に作るより、まとめて作った方が良いそうです。↓猿頭なので、まとめてみました ◎イラストレーターはアンチエ…
Photoshop 今日もテクニックをいろいろ教わり、充実していました。 家のがCSなので新機能も多く、一から学ぶ感じです。先生からやり方が古いと言われました〜。 そして、切り抜きの機能が凄すぎる！。昔ならこれで食える。 illustrater イラストレーターでボ…
body背景の設置 background-repeat: repeat; /* 画像の繰り返し */ background-repeat: no-repeat; /* 画像の繰り返さない */ background-repeat: repeat-x; /* X軸方向に画像の繰り返し */ background-repeat: repeat-y; /* Y軸方向に画像の繰り返し */ 画…
CSSの超初心者用課題が、やっと終わりました。 超初心者用なのに、結構時間をかけてるのは問題かも。 これは、Jindoに貼付けるのですね。まだ、手つかずで・・。 遅くなりましたが、ピエト・モンドリアンです。 今見ても新鮮な感じがします。
先生が書いていたボタン制御をやってみようと、以前描いた絵で作ってみたら、 タイムライン：フレーム「１」の記述というのがよく分からず、うまく動かない。 ので、結局ボタンに記述してしまいました。 多分、基本的な事が分かっていないのだろうなあ。Fras…
フォルクスワーゲンが、環境を考えた車作りを提案する「Think Blue」 Flash系を選んでみました。全面flashで展開しています。 アイコンもシンプルで、統一感があります。 縦ロールは、飛ばなくて見るのが楽だし、結構仕掛けがあるサイトが多くて、気になって…
Flashのボタン 「start_btn」「stop_btn」「back_btn」 タイムライン「１」に、ActionScript2.0を記述します。 1. ステージ全体の時間軸を止める 2. スタートボタンで、時間軸をタイムラインにそって動かす 3. ストップボタンで、時間軸を止める 4. バックボ…
今日は、Apple創業者スティーブ・ジョブズ氏の逝去の知らせに驚き、学校に行ったらテスト試験があって、又びっくり。 html（宣言以外です）は書けたものの、cssはまるでうろ覚えで、カンニングを遂行してしまいました〜。 要所要所は覚えてるんですが、組み…
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> </meta></head></html>
* ナビゲーションは、各ページへのリンクをまとめたものでありリンク集のひとつである * 項目を列挙したものといえる * リンクの価値は同質なので、番号のない箇条書きとして扱うボタンとして反応させるには、「面積」の設定が必要 #nav li a { display: blo…
ナビゲーションをつくるとき、必ず設定するのが「擬似クラス」◎ a href="#"←＃を使うと、エラーになる飛び方をしない。 (ヌルリンク）指定されてないリンク ◎ list-style-type:none ←ulに対して指定（liの方では無い） ◎ div#nav ← divを取るのは、スピード…
今日は、floatを使った段組みレイアウトとイラストレーターの練習でした。 唯一使えるイラレで、なんと間違ったやり方を長年していた事が判明〜。 他にも、いっぱいありそうな・・・。 floatの段組みレイアウト(10PXの余白があるレイアウト) ↑相当こんがらが…
