« ~第十七回 ビビちゃんフォトの編集♪の巻~ | メイン | ~第十九回 ビビちゃんのホームページのサイトマップ♪の巻~ »
~第十八回 ビビちゃんレターの編集♪の巻~
2006年09月20日こんにちは。サラです♪('∇')ノ
この連休は台風が日本を襲ってきて大変でしたね。。。(>_<。)
朝夕が涼しくなってすっかり秋の季節になりました。
さて今週もホームページの編集を進めていきましょう♪
前回はビビちゃんのかわいい写真がみれるページを作りました。
今日はビビちゃんへレターのページの編集をしていこうと思います♪
ビビちゃんレターは……
・リンク集
・サラ&ビビちゃんより
・メッセージ記入枠
で、構成しようと思います。
リンク集は
このホームページを作るのに利用させてもらった
『テンプレートモンスタージャパン』と
ビビちゃんのホームページができる過程が見れるように
サラのこの『テンプレートモンスタージャパン ブログ』
を載せることにしました♪(=´∇`=)
では、さっそくいつものように編集していきましょう♪
<ビビちゃんレターの編集で 今までの復習をしましょう>
1.初めに編集するページのPSDをphotoshopで開いて
ページのイメージを作りましたね。『第9回の編集』で行った
『必要な画像だけを残して必要ないものを消していく作業』でした。

2.これにページの完成イメージとして編集していくんでしたね。
それは『第10回の編集』でした。
『同じ文字でも画像とする部分とフォントとする部分の区別や
写真をバランスよく配置していく作業』でしたね。

3.イメージができあがったので入れ替えたり編集した画像の
保存作業に入ります。 『第11回』で勉強しました。
『スライスでWeb用に保存を保存方法を指定しての作業』でした。
ココを間違えないように注意して画像の保存をしましたね。
4.しっかり保存ができたらDreamweaverで確認!
画像の変更が反映されていますね。

5.次に文章の変更です。『第12回での編集』でした。
『まず文字コードを変更してからページの文章を入力していく作業』
ページのバランスを考えて見やすいように編集していきました。

6.ではブラウザで確認してみましょう♪

『ビビちゃんレター』のページができました♪
とうとう次回はビビちゃんのホームページのラスト1ページの編集です♪
ホームページの壁掛けの絵のコンテンツ部分では
『ハウス』、『にっき』『フォト』『レター』の
4つの項目しかないですが、トップページの所でサイトマップのページへ
直接行くことができるように作ってあります。
『サイトマップ』を作ればホームページは完成します☆('∇')v
ホームページの開設まであともう一息だヽ(´▽`)ノワーイ♪
~第十八回 ビビちゃんのホームページのサイトマップ♪の巻~は、9月27日の予定です。
スポンサードリンク
トラックバック
このエントリーのトラックバックURL:
http://blog.templatemonster.jp/mt-tb.cgi/25
