« ?第十八回 ビビちゃんレターの編集♪の巻? | メイン | ?第二十回 ビビちゃんのホームページ開設!!!の巻? »

?第十九回 ビビちゃんのホームページのサイトマップ♪の巻?

2006年09月27日
 

こんにちは。サラです♪('∇')ノ 
今回は『サイトマップ』の編集でしたね♪
このホームページの ページ編集はこれがラストになります。

サイトマップとは。。。
サイト内にどんなページがあるのか一目でわかるようにしたページのこと。コンテンツごとに 各ページの一覧が見れる形にしました。
コンテンツによってページ数が異なっていて、
それぞれどれだけのページで内容がなんなのかわかりませんが
サイトマップのページを見れば一目でわかって見やすいですよね♪


このページは
・更新履歴
・サイトマップ   の2項目になっています。


今後ページが追加されたら 
『更新履歴』の欄に記録していこうと思います♪

では さっそく編集に取り掛かりましょう('∇')b


<サイトマップの編集で 今までの復習をしましょう>

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


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


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

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


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


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

『サイトマップ』のページができました♪


サイトマップから全てのページに移動できるようになっているので
間違いがないか しっかりリンク先のチェックをしました。重要です☆
どのページにもここを見るとすぐに移動できるようになりました♪
これでホームページ内で迷子にならなくていいね(=´∇`=)


とうとう次回は ビビちゃんのホームページの開設です☆('∇')v
今までコツコツと作ってきたページを
インターネット上でみなさんに見てもらうことができますね♪
次回がとっても楽しみですヽ(´▽`)ノワーイ

?第二十回 ビビちゃんのホームページ開設!!!の巻?は、10月4日の予定です。



スポンサードリンク