ホームページ・ビルダーでWEBサイトを作ろう

設計図の見直し。

■前回は、はじめてのホームページで設計図を書きそれに基づいて、ページも１０ページぐらい作成できました。

初めての設計図では、

・トップページ（index.htmlまたはindex.htm）は、ホームページの入り口のページ。

・「写真ギャラリー」の（photo.html）

・「ペット紹介」の（cat.html）と（cat2.html）

・「リンクのページ」（link.html）

・「自己紹介」の（me.html）

・画像を保存するフォルダは、【images】

写真をもっと紹介したいと【200604】【200607】フォルダを作成しその中にページを保存しアップしました。

だんだん、あれもアップしたい、これもアップと考えることが多くなったきました。

そんな時は、もう一度設計図を見直します。

１ページ増えるだけでもそこには、画像等も貼り付けるのでファイル数は、かなりの数になります。

これからページを増やしていく時の参考になりますように。もう一度設計図を書きましょう！

デジカメの写真の紹介、自分で書いたイラストの紹介等々新しいページを作成してみることにしました。マイドキュメントの中のサイト【homepage】の構造をリニュします。

例１，トップページとコンテンツの種類別のフォルダで管理する設計図

index.htmlのみ表に出して、あとは、フォルダ管理です。

トップのロゴや背景画像など使い回して何度も登場させる画像ファイルは「images」フォルダへ。

毎回更新しないページは「shoukai」フォルダへ。

デジカメ写真の紹介は、毎月するつもりなので年【photo2006】＞月別【200606photo】フォルダで管理することにしました。

イラストも紹介するつもりですが、これは年４回ぐらいになるかなと年【illust2006】＞四季【spring】別フォルダ管理です。

newsやlessonもアップしたいのでフォルダ管理します。

例２，トップページと数ページは上の階層であとのページは、コンテンツの種類別フォルダ管理の設計図

フォルダ分けしなくてもページの管理は、出来ますが【homepage】フォルダの中に全部の画像ファイルやページファイルを一緒に入れておくとファイルとファイルの関係等、混乱してきます。

ファイルが少ない場合は、目が届くのですけど、何年も経つ間に私の場合、かなりのファイル数になりました。

ファイルをコンテンツの種類別にフォルダ分けしてあると、更新作業をする場合ファイルを見つけやすい。ただあまり深くフォルダ分けするとそれも大変。

ページの量、内容によって臨機応変に。

団体や会社等で共同で更新する場合や他の管理者に引き継ぐ場合、フォルダ管理だと説明も更新も楽です。

サイトのバックアップ

サイトをリニューアル・新しいコンテンツを開始したりする場合、サイトをバックアップして保存しておきましょう。

ホームページビルダーでサイトのバックアップをする場合。

１，最初にバックアップを保存するフォルダを用意します。たとえばマイドキュメントの中に「HPバックアップ」など分かりやすい名前のフォルダを作成し準備します。

２．ホームページビルダーを起動。サイトは開かない。

３．メニューバー→【サイト】→【サイト一覧/設定】を選択
バックアップするサイトを選択後、【複製(U)】をクリック

４．【今日の日付でサイト名を生成】をクリック、バックアップを作成する日が入力される。次へをクリック

５．複製先のフォルダを指定。【参照】をクリックして、下記の手順で複製します。

新規フォルダ名を【20060920】にしました。

複製先のフォルダ名が下記になっているのを確認して【完了】

C:\Documents and Settings\Owner\My Documents\ＨＰバックアップ\20060920\

これから定期的にこのMy Documents→ＨＰバックアップフォルダの中に保存しておきましょう。その時は複製する日にしてね。 また後で、ＨＰバックアップフォルダをＣＤ等にも保存しておくとバッチリ！

更新作業

サイトのバックアップも済んだところで新しい設計図に基づき、homepageフォルダの中にコンテンツ別のフォルダを新規作成し準備します。

１．事前に画像等をソフトでホームページ用に加工し、コンテンツ別のフォルダ、またはその中にimagesフォルダを作成して保存。画像はあらかじめ用意し、フォルダの中に保存しておく。

２．新しいページを作成、

３．リンクの設定、

４．新しいページの保存はコンテンツ別のフォルダに保存。

５．トップページには、更新のお知らせ等を記載し、新しいページのリンクをはって保存。

６．ブラウザＩＥで各ページの確認。

７．すべてＯＫならリモートサーバーにアップ。

フォルダ移動

途中でコンテンツ別の新しいフォルダを作成し、そこにページを移動させたい場合

ホームページービルダーでサイトを開く

ビジュアルサイトビュー表示で【フォルダ】を選択トップフォルダを選びそこで右クリック→【新規フォルダの作成】で新たに「shoukai」フォルダを作成

ビジュアルサイトビューを使うと、同じようにlink.htmlファイルもshoukaiフォルダの中へリンクが切れずに移動出来る。

不要ファイルの削除

ビジュアルサイトビューのフォルダで「未使用ファイル」を選択

不要ファイルと確認できたらファイルを選択後、右クリックのメニューから「削除」

ファイル名の変更

変更したいファイルを選択、右クリックのメニューの中から「名前の変更」で半角英数の希望のファイル名に変更します。

ファイル名が大文字や全角の場合は右のメニューから選びましょう。

▲↑へ