« ～第十四回 Flashを編集しましょう♪(2)の巻～ | メイン | ～第十六回 ビビちゃんにっきの編集♪の巻～ »
～第十五回 ビビちゃんハウスの編集♪の巻～
2006年08月30日
こんにちは。サラです♪('∇')ﾉ
前回でトップページは完成しました♪
今回からは各ページの編集に入っていきます。
今日はビビちゃんハウスの編集をしていこうと思います♪
ビビちゃんの小屋をご紹介するページ('∇')
教官に教えてもらってきたことを思い出しながら
がんばって編集していきます！ヽ(｀д´)ノﾌｧｲﾄｰ！
ビビちゃんハウスは………
おうちについて
・ゲージ（2階建て）
・お部屋（暖房付）
・エサ入れ
・給水器
・回し車
・トイレ
エサについて
・ひまわりの種
・ペレット
・野菜等
この9個の項目で 写真と説明文を載せて
みなさんにご紹介していくことにします。
ヘッダーのフラッシュの 『ハウス』をクリックすると
まず『・ゲージ（2階建て）』のページが表示されるようにして
一覧から他の項目の紹介ページが見えるようにします。
では、さっそく編集にはいっていきましょう♪('∇')
＜ビビちゃんハウスの編集で 今までの復習をしましょう＞
1.初めに編集するページのPSDをphotoshopで開いて
ページのイメージを作りましたね。『第9回の編集』で行った
『必要な画像だけを残して必要ないものを消していく作業』でした。
2.これにページの完成イメージとして編集していくんでしたね。
それは『第10回の編集』でした。
『同じ文字でも画像とする部分とフォントとする部分の区別や
写真をバランスよく配置していく作業』でしたね。
3.イメージができあがったので入れ替えたり編集した画像の
保存作業に入ります。 『第11回』で勉強しました。
『スライスでWeb用に保存を保存方法を指定しての作業』でした。
ココを間違えないように注意して画像の保存をしましたね。
4.しっかり保存ができたらDreamweaverで確認！
画像の変更が反映されていますね。
5.次に文章の変更です。『第12回での編集』でした。
『まず文字コードを変更してからページの文章を入力していく作業』
ページのバランスを考えて見やすいように編集していきました。
6.ではブラウザで確認してみましょう♪
『ビビちゃんハウス』の『ゲージ』のページができました♪
今までの復習をしながらハウスの1ページは無事完成しました♪
ハウスの紹介は全部で9項目。そのうちの1項目ができあがりました。
残りの8項目もこのゲージの紹介ページと同じ形で編集していくので
写真と説明文を変えてページを作っていこうと思います♪
ハウスの残りのページもがんばります☆(*'-')ﾉ ｴｲｴｲｵｰ！
～第十六回 ビビちゃんにっきの編集♪の巻～は、9月6日の予定です。
スポンサードリンク
トラックバック
このエントリーのトラックバックURL:
http://blog.templatemonster.jp/mt-tb.cgi/22