« ?第十七回 ビビちゃんフォトの編集♪の巻? | メイン | ?第十九回 ビビちゃんのホームページのサイトマップ♪の巻? »

?第十八回 ビビちゃんレターの編集♪の巻?

2006年09月20日
 

こんにちは。サラです♪('∇')ノ 
この連休は台風が日本を襲ってきて大変でしたね。。。(>_<。)
朝夕が涼しくなってすっかり秋の季節になりました。

さて今週もホームページの編集を進めていきましょう♪
前回はビビちゃんのかわいい写真がみれるページを作りました。
今日はビビちゃんへレターのページの編集をしていこうと思います♪

ビビちゃんレターは……

・リンク集
・サラ&ビビちゃんより
・メッセージ記入枠

で、構成しようと思います。
リンク集は 
このホームページを作るのに利用させてもらった
『テンプレートモンスタージャパン』と
ビビちゃんのホームページができる過程が見れるように
サラのこの『テンプレートモンスタージャパン ブログ』
を載せることにしました♪(=´∇`=)

では、さっそくいつものように編集していきましょう♪

<ビビちゃんレターの編集で 今までの復習をしましょう>

1.初めに編集するページのPSDをphotoshopで開いて
 ページのイメージを作りましたね。『第9回の編集』で行った
  『必要な画像だけを残して必要ないものを消していく作業』でした。
18-1.jpg


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


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

 
4.しっかり保存ができたらDreamweaverで確認!
 画像の変更が反映されていますね。
18-3.jpg


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


6.ではブラウザで確認してみましょう♪
18-5.jpg
 『ビビちゃんレター』のページができました♪


とうとう次回はビビちゃんのホームページのラスト1ページの編集です♪
ホームページの壁掛けの絵のコンテンツ部分では
『ハウス』、『にっき』『フォト』『レター』の
4つの項目しかないですが、トップページの所でサイトマップのページへ
直接行くことができるように作ってあります。
『サイトマップ』を作ればホームページは完成します☆('∇')v

ホームページの開設まであともう一息だヽ(´▽`)ノワーイ♪

?第十八回 ビビちゃんのホームページのサイトマップ♪の巻?は、9月27日の予定です。



スポンサードリンク