CSSレイアウト｜夏野-お知らせ 途中まで手を付けたまま挫折していた課題です。 一度、別のレイアウトを最後まで作ったので、それを参考に形にはなりました。 挫折したときは、marginやpaddingじゃなくてborderで余白をとろうとしていたような気が....。

CSSレイアウト｜Topline 2/4のブログに載せた同じレイアウトの見直し版です。 前回のは先生に言われた通りIE5で見るとかなり崩れています....。 先生のお手本を参考にしながら、以下の点を注意して試していくと打開出来るような感じでした。自信は無いですが…

CSSレイアウト｜TopLine 先日の授業でCSSレイアウトに作り直したサイトです。 実際に作っていると、横一列に並ぶ画像のナビゲーションボタンがIEで見た時に階段状に崩れました。 原因は＜li＞ではなく＜a＞にfloat: left; を指定した為。 ＜a＞にfloat: left…

昨日の[a calm]の続きです。 テキストでh1を足して、h1にしていたロゴを背景に、naviをリストにして再度レイアウトしてみました。 ロゴを背景画像にしたことで、レイアウとが大きくずれることは無くなりました。 インテリアショップ｜a calm｜

[インテリアショップ a calm]をCSSレイアウトに変更 CSSレイアウト練習｜a calm｜ 縦位置のロゴをh1にするのと背景にするのでかなり違います。 しかしトップページなのでh1を入れないのもどうかと思って講師日和を覗いたらヒントが出ていたので、これで進め…

サイトの設計図を作る ワイヤーフレーム（illustrator） ↑ 前後（case by case) → カンプ(photoshop) ↓ ペーパープロトタイプ（レイアウトのアイデア 手描き）

先日テーブルレイアウトで組んだページをCSSで組み直す宿題です。 電車の中で、何を設定すればいいかシュミレーションして、いざ始めたのですがそんなに甘くはありませんでした....。 とりあえず完成？。Safariで見える影付き水平線が気になります。 宿題

webdeveloperの使い方がわかって早速インストールしてみました。 インストールしてからは、行くサイトサイトつい中身を見てしまうのですが、CSSできっちり作ってそうなところがテーブルレイアウトだったり、その逆だったりと飽きないです。 下記のサイトはす…

なんとなくh1のbackgroundをピンクで作ってしまったので全体的に成り行きピンクに変わってきました。 まだまだ元のCSSを見ても何がどこのスタイルなのか一発でわかりません。 当りをつけながら色をいじって、「おっ、変わった変わった。」といった感じです。…

まだまだ試行錯誤中ですが、やっと背景を変更できました。がタイトル文字の色が変更できません。 文字サイズは変更出来るのに...?

明日は何もなければ大掃除だけで終われるはず。 今日で仕事も一段落です。 振替休日があったので今年最後の週は怒濤の3日間でした。 来年はもう少し余裕を持ってお仕事を下さい。お客様。 そんな訳で正月ははやくも混乱し始めたCSSの復習です。 本格的なレン…

ブレンドツールを選択 ブレンドしたい図形をクリック 2色の中間色相を出す

人が見て現実と一致するようにすること 立体に対する人間の感覚 135°で光が入ってくる 左に光 右に影 ボタンをクリックしてもらうには ボタンとして認識させる 人は出っぱっている所を押す ボタン部分を立体的作る 押してもらえる

元画像 レッズ残念。 そうそう南米VSヨーロッパの壁はくずせなかった。 トヨタカップなのにの南米VSヨーロッパじゃない決勝なんていまいち想像出来ない。けど、他の地域のクラブでも見てみたいような、見たくないような。

パスファインダパレット 上の段 alt＋クリック（altキーを押すと拡張までする） 下の段 クリックのみ 形状モード 形状エリアに追加 オブジェクト同士をひとつのパスに 拡張で1本のパスになる 頭と胴体二つのパスを選択→形状エリアに追加 alt＋クリックでひと…

クリッピングマスク 下にあるオブジェクトを上にあるオブジェクトで切り抜く １.空の写真とオブジェクトAを選択して ２.オブジェクト→クリッピングマスク作成 1 2 複数のオブジェクトでクリッピングマスク １.AとB、複数のオブジェクトでマスクしたい時 1 ２…

二つ以上のパスをひとつながりのパスにする。 オブジェクト→複合バス→作成

今日のwebの授業 photoshop 写真の取り込みと修正ぐらいには使っていたのですが、以外と知らない事が多く目からウロコの授業でした。 昔、市販のphotoshop本で一通り目を通したりしたことはあったものの、マスクの説明に使われたロゴとかのデザインがあまり…

shift＋ドラッグ 正円 alt＋ドラッグ 円の中心から 円ツールをクリック 数値入力

こういったクローズドパスで構成されているものの方が書き方が想像しやすい。 ドラエモンの三つ又になっている脇は単にペンツールで付け足すだけでいいのか、他の書き方があるのか悩み中。

リフレクトしたい図形を選択 リフレクトツールを選択 alt＋反転させたい点をクリック ダイアログで設定 ペンツールで書いたミッフィーを水平・垂直にリフレクト

ミッフィー 筆の前後関係を気にせず書き始めたら、手間が増えてしまった。

役割 記号化（デフォルメ） 例：アコンを作る バナーを作る こまごま ↑以外のツールの時、Ctrlキーを押すと↑に。 deleteではなくundoを使う。（メモリー不足によるエラーを防ぐため） 数値はポップアップから選ばないで手入力 色はスォッチから選ばない

回転したい図形を選択 回転ツールを選択 alt＋任意の点をクリック 値入力の画面で設定 任意の点をクリック（その点が回転の基準になる） 好きな角度にドラッグ 任意の点をクリック（その点が回転の基準になる） shift＋ドラッグ 45°刻みで回転 計算で回転さ…

拡大縮小したい図形を選択 拡大縮小ツールを選択 alt＋任意の点をクリック 値入力の画面で設定 任意の点をクリック（その点が拡大縮小の基準になる） 外側から力を加える感じでドラッグ 任意の点をクリック（その点が拡大縮小の基準になる） shift＋ドラッグ…

柚 いとこに香りのいい大きめの柚を3つもらいました(^^)v 柚茶、柚風呂ぐらいしか柚の使い方が思いつかないので、 そんな時はいつもココへ↓クックパッド 柚意外に柚を使った料理の幅の広さを知りました。 何にしようか悩み中です。 宿題ドリル01 先生から宿…

コンテンツを管理するシステム（Content Management Systemの略） 先生のHPを見ていたら知らない言葉があったので調べてみました。 読んで意味はわかるのですが要約できるほど理解出来なかったので リンクはります。 CMS はてなダイアリーkeywordより ブログ…

web講座でいきなりブログ作ってます。 とりあえず先生のページをリンク。 講師点描 と、画像をリンク。 最近眺めた本 ＜おまめの豆本づくり 柴田尚美著＞ 先生いわくブログは作文力を試されるらしい。 小学校の作文に嫌な思い出しかない私には試練です。