« ?第十四回 Flashを編集しましょう♪(2)の巻? | メイン | ?第十六回 ビビちゃんにっきの編集♪の巻? »

?第十五回 ビビちゃんハウスの編集♪の巻?

2006年08月30日
 

こんにちは。サラです♪('∇')ノ 
前回でトップページは完成しました♪
今回からは各ページの編集に入っていきます。

今日はビビちゃんハウスの編集をしていこうと思います♪
ビビちゃんの小屋をご紹介するページ('∇')
教官に教えてもらってきたことを思い出しながら
がんばって編集していきます!ヽ(`д´)ノファイトー!

ビビちゃんハウスは………

おうちについて
・ゲージ(2階建て)
・お部屋(暖房付)
・エサ入れ
・給水器
・回し車
・トイレ
エサについて
・ひまわりの種
・ペレット
・野菜等

この9個の項目で 写真と説明文を載せて
みなさんにご紹介していくことにします。

ヘッダーのフラッシュの 『ハウス』をクリックすると
まず『・ゲージ(2階建て)』のページが表示されるようにして
一覧から他の項目の紹介ページが見えるようにします。

では、さっそく編集にはいっていきましょう♪('∇')


<ビビちゃんハウスの編集で 今までの復習をしましょう>

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

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

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

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

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


今までの復習をしながらハウスの1ページは無事完成しました♪
ハウスの紹介は全部で9項目。そのうちの1項目ができあがりました。
残りの8項目もこのゲージの紹介ページと同じ形で編集していくので
写真と説明文を変えてページを作っていこうと思います♪

ハウスの残りのページもがんばります☆(*'-')ノ エイエイオー!


?第十六回 ビビちゃんにっきの編集♪の巻?は、9月6日の予定です。



スポンサードリンク