ホームページ・ビルダーのページ
ホームページ・ビルダー マニュアル/サイト管理サイト管理 - wiki

サイト内検索

  1. TOP
  2.  > wiki
  3.  > ホームページ・ビルダー マニュアル
  4.  :: サイト管理

Theme Designed by EXTRAFFIC It is 2010-7-30 6:51 that you displayed this page



サイト管理 anchor.png

ホームページを作成したら、サーバーに転送しますが、転送してしまうと構造が分かりにくかったりします。
そこで、ローカル内(自分のPC内)に仮想サイトを作成し、サイトの全体像を把握し、管理をしやすくしようというのが、サイト管理です。

Page Top

サイトを作成 anchor.png

メニューの「サイト」より、「サイトの新規作成」をクリックします。
クリックすると、サイト名の指定ダイヤログが出てきますので入力します。
(サイト名は、半角英数字などは問いません)
サイトの新規作成, site1.gif

次にサイトのトップページを指定します。
サイトのトップページは「index.html」なので、そのファイルを指定(自分のパソコン内)します。
まだ、サイトを作成していない場合は、「新規にトップページを作成する」をクリックします。
サイトトップページ指定, site2.gif

HTMLファイルと画像ファイルを別々のフォルダに分けたい場合は、上記画像の「詳細設定」をクリックします。
ファイルタイプ別保存場所の設定をします。「その他詳細設定」タブの項目はそのままで構いません。
ファイルタイプ別保存場所, site3.gif

「次へ」をクリックします。
「index.html」を指定した場合、そのパスが合っていれば自動的に「index.html」にリンクしているページを見つけます。
パスが間違っている場合は、「ファイルが存在しない」をメッセージが返ってきます。もう一度、正しいファイルのパスを指定して下さい。

合っている場合
合っている場合, site4.gif

間違っている場合
間違っている場合, site5.gif

転送設定は後でも出来るので、これで最低限のサイト作成の設定が終わりました。
転送設定は、以下をご覧下さい。

Page Top

新規にホームページを作成する場合 anchor.png

新規にホームページ・ビルダーでホームページを作成する場合のサイト管理の利用方法について解説します。
実際にサイトを作る所から、順を追っていきます。
既に、ホームページを作っている(又は、サイト管理を利用している)方は、ここは飛ばして下さい。

Page Top
1.保存フォルダを決める anchor.png

まずは、ホームページ・ビルダーで作成し、保存するフォルダ(作業フォルダ)を決めておきます。
次にそのフォルダ内に画像フォルダ、スタイルシート用の格納フォルダを作っておきます。
下図では、Dドライブの「WEB作成」→「ホームページ・ビルダー」を保存するフォルダにしてます。
さらに画像フォルダは「photo」にして、スタイルシートは「css」にしています。
作業フォルダ例, site6.gif

Page Top
2.新規にサイトを作成 anchor.png

メニューの「サイト」より、「サイトの新規作成」→ 「新規にトップページを作成する」
サイトトップページのファイル名、作成先フォルダを入力します。(サイト作成を参照
詳細設定では、先程保存するフォルダを決めておいたので、そのフォルダを指定します。

#ref(site7.gif,80%){サイト作成例};

各フォルダの保存場所を指定したら、完了をクリックし、サイト新規作成が出来ます。

Page Top
3.実際にページを作成 anchor.png

サイトの新規作成が終了すると、自動的に以下のダイヤログ(ページ作成方法の選択)が出てきます。

ページ作成方法の選択, site8.gif

この3つの中から、選びます。(ここでは例としてサンプルテンプレートを選択します)
選ぶと、転送設定をするかのダイヤログが出てきます。(転送設定は、こちらを参照
とりあえず、トップページを作成したら、保存をします。

Page Top
4.ビジュアルサイトビューで確認する anchor.png

メニューより、「サイト」→「ビュジュアルサイトビューを開く」を選択します。
開くと下図のようなページが開きます。
ビュジュアルサイトビューは、リンクとフォルダに分かれています。
右上は、全体の階層を表したものです。各ファイルにマウスを乗せると、タイトル、ファイル名などがポップアップされます。
ビュジュアルサイトビュー(リンク), site9.gif

フォルダでは、階層ごとに作成日時、更新日時、サイズ、ページタイトルなど一覧で表示されます。
また、未転送ファイルなど転送に関する事もここで確認出来ます。
ビュジュアルサイトビュー(フォルダ), site10.gif

Page Top

サイト転送設定 anchor.png

ホームページを構成するファイルをサイト単位で転送することを「サイト転送」といいます。
サイト転送を行うには、「転送設定」 (転送先情報の指定) を行う必要があります。
一度設定しておけば、次回からはその転送設定を使って転送できます。
尚、ここでは付属ソフトのFTPでの事ではなく、サイト管理のビュジュアルサイトビューで行える「サイト転送」についてです。

メニューより、「サイト」→「サイト転送設定」→「転送設定の新規作成」を選択します。
選択すると、転送設定のダイヤログが出てきます。まず、転送設定の名前を入力します。
転送設定の名前, site-t1.gif

次にサーバー設定を行います。プロバイダを選択し、「FTP サーバー名」、「FTP アカウント名」、「FTP パスワード」を入力します。
これらの設定は、サーバー管理者にしかわからないので、各自プロバイダまたはサーバー管理者に確認して下さい。
サーバー設定, site-t2.gif

  • プロバイダの選択フィールド
    • 「▼」ボタンをクリックしてプロバイダを選択します。
    • リストにプロバイダ名がない場合は「その他」 を選択します。
  • FTP サーバー名
    • 該当する FTP サーバー名を選択します。選択するとFTPサーバー名が自動的に入ります。
    • プロバイダにリストにない場合は入力します。
  • FTP サーバー名
    • 「サーバー名」など
  • FTP パスワード
    • 「お客様パスワード」、「WEB パスワード」など
  • FTP アカウント名
    • 「FTP 用 ID」、「FTP ログイン名」、「WEB アカウント」など

最後に、転送先フォルダの設定をします。
作成したページをプロバイダなどのサーバーのどこのフォルダに転送するかを設定します。
プロバイダより案内のあったフォルダを確実に指定してください。
転送先フォルダの設定, site-t3.gif

完了をクリックして終了です。

Page Top

サイト転送 anchor.png

サイト管理から、サーバーにファイルを転送する際は、ビュジュアルサイトビューから転送します。
フォルダの転送対象ファイルにあるファイル一覧を確認し、右クリック→「サイト転送」で転送します。
サイト転送, site-t4.gif

「ページ/サイト転送」のダイヤログが出てきます。この画面から実際にサイトへ転送します。
一番初めは、全て選択し、「転送」ボタンを押します。
ページ/サイト転送, site-t5.gif

転送中は、実際に転送しているファイルが表示されます。
サイト転送中, site-t6.gif

転送が終了すると、終了のダイヤログが出てきますので、終了をクリックします。
転送完了, site-t7.gif

Page Top

サイトを更新する anchor.png

サイト内のページを更新した場合は、新たにサーバーに転送して、更新部分を反映させる必要があります。
更新したファイルのみが転送対象となります。
「ページ/サイト転送」で、転送対象を「前回の転送以降に更新されたファイル」を選択します。
すると、更新されたファイルのみがピックアップされるので、そのファイルを転送します。
サイト転送(更新時), site-t8.gif

サイト更新時は、この操作を繰り返します。

Page Top

リンクを保ったまま、ファイルを変更 anchor.png

サイトを運営していくと、ファイル名を変更したい事があると思います。
しかし、ファイル名を変更すると、そのファイルにリンクしているページがリンク切れとなってしまいます。
その問題を解決するには、リンクを保ったまま、ファイルを変更します。

まず、ビジュアルサイトビューのリンクタブより、変更したいファイルを右クリックします。
「ファイル名の変換」→「名前の変更」より、新しいファイル名を変更します。

ファイル名の変換, site-t9.gifファイル名を変更, site-t10.gif

ファイル名を変更すると、自動的に「リンクの自動更新」のダイヤログが出てきます。
ここで、リンク変更の対象となるファイル一覧がピックアップされますので、ここでリンクを修正すれば、リンクを保ったまま、ファイル名を変更する事が出来ます。
リンクの自動更新, site-t11.gif


Front page   Freeze Diff Backup Copy Rename ReloadPrint View   New Page Page list Search Recent changes   Help   RSS of recent changes (RSS 1.0) RSS of recent changes (RSS 2.0) RSS of recent changes (RSS Atom) Powered by xpWiki
Counter: 2078, today: 3, yesterday: 11
Princeps date: 2009-03-02 (Mon) 13:17:06
Last-modified: 2010-04-17 (Sat) 09:07:57 (JST) (103d) by hpb

ページ上部へ移動

ログイン

ユーザ名:

パスワード:



パスワード紛失

新規登録

メインメニュー



付箋機能 (wiki)

Fusen(Tag) menu 
Tag Editor
Color: BG:
Name:  Connect line ID:
 

Copyright (c) 2008 ビルダーのページ. All Rights Reserved.  Theme Designed by EXTRAFFIC