ピンキー・ローン・ピッグ

テンプレ制作日記：実録編　第３回「新テンプレ"そら（仮称）"」 その３

さて、前回でPhotoshopでのだいたいの作業を終え、あとは画像を切り取って実際にHTML & CSSに起こす作業に入ろうと思っていたのですが、その前にちょっとだけ問題発生。

問題というほどのことでもないのだけれども、ええっと、いまは雲と空の背景画像がどかーんと大きくありますが、これは横幅1200pxで作ってるんです。



てことは、1200px以上の解像度の方へは、このままだと背景画像が途中で途切れてしまうんですわいのう･･･

うーむ、まったく考えて無かった･･･
どうしよう。背景画像の右側に雲を追加して、HTMLの背景色を白にして雲が続いてるように見せるのが無難でしょうか。
こんな感じ？



なんだか逃げの一手っぽいけど、むう、コレで行きますかッ。
前の1200px版と比べてみるとこんな感じ。

さて、お次はこのフォトショで作った画像を切り取って作業に入りまする。
まずはガイドをがっつんがっつん引いていって、



各部位ごとに切り取り。
んでもって、DreamWeaverを起動して、HTML & CSS起しの作業に突入。

てか、やはりDWでの作業を実況するのはキツいかも、と今更ながら思う次第でありますｗ
とりあえず、DWでの作業がすべて完了したあとに、どのような感じでHTMLやCSSを組んだかをここで紹介という形を取ろうかと･･･

いやね、ほんとHTML & CSSの作業は一進一退なの･･･
ああでもない、こうでもない、とやってるもんだで･･･

んだば、次回はほぼ完成した形のものをお見せいたしまする！

背景画像

の右側に雲を追加して、HTMLの背景色を白にして雲が続いてるように見せるというのが、いい腕をしてるなーと思いました。

にしても、Dreamweaverというソフトを始めて聞きました。調べてみたら、有名なソフトなんですかね。

次回、楽しみにしてます。