2011-01-01から1年間の記事一覧
カラムレイアウト 授業の時間内で思うようにレイアウトが組むことができず、先週は落ち込み続き。テキストを見て復習し、なんとか3カラムが理解できたような気がする。。 で、やっと先週の木・金曜日のレイアウトができた・・。よかった。。。忘れないうちに…
jimdoでのブログがやっとなんとか形になりました。 更新できるテーマに悩み、時間がかかりました。 たいしたテーマでもなく表に出すのが恥ずかしいくらいですが、更新することに意義があるということで、なんとか続けていきます。 まだ、タイトル名、タイト…
CSSテスト 時間中にできませんでした。。。 navと2ページ目の真ん中の画像がうまく表示できませんでした。 全然練習が足りてないことを痛感・・・
横スライドのサイト 左右の手のイラストをクリックすると横にスライド。 デンマーク・コペンハーゲンのフォントデザイン会社のサイトで、手掛けたプロジェクトの紹介をしており、それ自体も結構インパクトがあるのに、横スライドによってさらにインパクトが…
＜JavaScript＞ウィンドウを開く・閉じる 別ウィンドウを開く指示の中で、menubar,toolbar,scrollbarの付加の指示までできるなんてすごいなあと思った。あたりまえのことなんだろうけど・・・。 いやあ、奥が深いなあ。。 ＜ActionScript＞リップル効果 とり…
＜javaScript＞マウスイベント ①背景色の変更 ②表示内容を置換 ③サムネールで画像置換 下記は、宿題課題と勘違いをして、授業前にあわてて作成したものです。 ついでに記載します。 背景画像を使わず、大きい画像にはcssでborderを設定しました。 http://mit…
Action Script 練習1〜3をやっとUPします！ 【練習1】 【練習2】 【練習3】
JavaScriptでnav設定 < <html> <head> <meta charset="utf-8"> <title>nav：JavaScript</title> <style type="text/css"> <!-- nav{ width=800px; } ul{ list-style-type: none; } li{ display: inline; float: left; } li a{ width: 160px; display: block; text-decoration: none; } --> </style> </head> </html>
サイト構築の練習をしました。 ケーキショップよりは早くできましたが、とても時間がかかりました。 でも、ケーキショップの時よりは少しは楽しくできた気がするなあ・・・ 大好きなパンの画像が多かったからかも。 http://mitani.kurushiunai.jp/panshop/in…
クリックして楽しめるサイト SAAB自動車『SAAB』のサイト。 ページごとにクリックボタンがあって楽しめる。 シンプルながら、自然や身近なものをうまく使って、SAABの機能を紹介している。 すっきりしていて、アカ抜けている印象を受けた。 クリックして動く…
シンプルでわかりやすいサイト ソフトウェアのデザインおよび開発会社。 非常にシンプルで内容がわかりやすく、また配色やイラストもきれいで見やすく疲れにくい。 特に個性的なサイトというわけではないけれど、目的が明確なことに加え、配色、レイアウトが…
先日、レイアウトがくずれていたのが直りました。 原因は、cssでclass名で、完全に同じ名前というわけではないけれど、ほぼ同じだったために、色んな部分に影響を及ぼしていたようです。名前の付け方も重要だとひしひし感じました。IE6.0の対策においても、…
課題の「ケーキショップサイト」を作成しました。 【作成時間：1日以上】が、何度調整しても、navの「商品のご案内」がずれてしまいます。理由がわかりません。また、bodyのbackground-colorが途中でとぎれ、つぎはぎのようになっています。 classの適切な使…
かわいいイラストやロゴ、配色が参考にできるサイト とてもかわいいイラストレーターさんのサイトを見つけました。タッチが優しく、特に配色がすごくきれいで、しばらく見入ってしまいました。
クロスフェード練習しました 全然面白味がない画像なので、もっと趣向を凝らし、もっと使いこなそう！
課題をアップするサイトを作りました。 これからは課題はこちらにアップします。 まだまだ未熟なので、これからも手を加えていく予定です。http://mitani.kurushiunai.jp/kadaiUPsite1022.html
学習内容 【form】 ＜form＞から＜/form＞がひとつのフォーム。 フォームは通常ひとつのサブミット（実行）ボタンを持つ。 各入力部品に値を入力し、サブミットボタンを押すと、method 属性で指定した転送方法で、action 属性で指定したアクションを呼び出す…
学習内容 【position】 ボックスの表示位置を決める配置方法を指定するプロパティ。必ず基点は左上。 「static」･･･通常の配置方法。ブロックレベル要素の場合は垂直方向に順に配置、インライン要素の場合は水平方向に順に配置。 「relative」･･･「left」「t…
先日作成した2カラムをもう一度作成してみた。 今回本当は、ヘッダーやサイドバーや、画像をすべて右側に設定したかったけど、全然できなかったため、あきらめて元通り左に設定した。でも、食べ物の写真だけは左にしてみたけれど、content h3「シーフードス…
横にすすむサイト 右上のメニューをクリックすると、車が横に走りだし、クリックしたコンテンツの場所で車が止まるというデザイン。横にすすむサイトはあまりみたことがないのでおもしろい。イラストもゆるい感じでいい。ただ、車が止まって、クリックした際…
配色がきれいなサイト ロシアのWebデザイナーのポートフォリオサイト。配色がとてもきれい。。。色使いを参考にしようと思う。
フラッシュ？が非常に良いサイト 海外の家具サイト。動画が凝った動きをしていてとてもきれい。配色も赤・白・グレーの3色で非常にシンプル。都会的な感じを受けました。デザインはもとより、何よりもスムーズな動画に非常にひかれました。
次回はもっと手の込んだものに挑戦してみよう。あれ、画像が表示されない・・・なぜ？
学習内容 Jimdo ヘッダー部分を作成（画像挿入） レイアウト着手 独自レイアウト（css,htmlをひたすら入力） Jimdoレイアウト（操作方法にしたがって入力） フォトショップ ドロップ＆シャドウ作成時注意事項 画像の上に角丸シェイプを重ねる レイヤースタイ…
2カラムレイアウト 先生の回答のcssをできるだけ見ないで入力してみたらレイアウトがボロボロ、地道に少しづつ少しづつ間違い探しをしてやっとここまでたどり着いたものの、「今月のおすすめ」が微妙に右寄りで直らない。そして、下部の「copyright」は左寄…
Irrustrator Photoshop
宿題内容 ［ボタンを作成（角丸矩形）し、CSS Spriteで設定しなさい。］※アップロードがうまくいかなかったので、イラストレータで作成時のものを添付します。 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> </html>
かわいくて、おもしろいサイトを発見！キャラクターがとてもかわいい上に、キャラクターひとつひとつに名前と性格が有り、凝っている。 PIZA MENUでは、ピザ名を選ぶと、そのピザにトッピングされるキャラクターが出動し、フライパンの上で踊っているうちに…
シンプルだけど素敵なサイト！海外のフリーWEBデザイナーのサイト。トップページのデザインに非常にひかれました。 配色もとても素敵で、シンプルなレイアウトなのにとても印象に残りました。 今まで手掛けた作品を見ても、デザインも見やすく、特に配色がい…
課題内容：ボタンを作りなさい ［つねに宿題に出しているように、いろいろなサイトをみてブログに残してあるはずです。 その中のボタンをまねして作りなさい。 書き出したデータをブログにアップし、元サイトのリンクもつくりなさい。 サイズ・文字は自由］◎…
