ホームページビルダー

新しく買い替えたパソコンでホームページ編集する|ホームページビルダーの使い方

    ホームページビルダーをお使いのお客様からご質問をいただきましたので解説。

    現状

    • ホームページビルダーを使ってホームページを作成、編集をしていた。
    • 先日、パソコンを新しく買い替えたので、新しいパソコンからホームページ編集を行いたい。
    • サーバーはジャストシステムの「ホームページビルダーサービス」
    • バックアップしたデータは、前のパソコンから移行していない

    ファイルダウンロード手順

    概要

    パソコン上にホームページのバックアップしたファイルがないので、サーバーにあるファイルをダウンロードしてバックアップデータとする。
    FTPツールを使ってサーバーと接続、ダウンロードしたのちにサイト設定を行う。
    使用するホームページビルダーのバージョンは10で旧型だが、要領は他バージョンでも大きな変更はないと思うので参考にしてほしい。

    ホームページビルダーの起動

    まずはホームページビルダーの起動。インストールしたばかりで、まだ何も設定していない状態。
    はじめにガイドのポップアップが出るが、不要として閉じる。

    hpb01

    FTPツール(ファイル転送ツール)の起動

    上部ナビメニューから「ツール」→「FTPツールの起動」を選択してクリック。
    ※バージョン15では「ファイル転送ツール」の名前に変更されているのを確認しました。同じツールです。

    同様にバージョン15での手順を載せた記事がありますのでこちらを参照していただいてもOKです。
    http://www.alpha-mail.jp/support/first/ftp/w_hb15.html

    hpb02

    ファイル転送設定

    サーバーのFTP情報を入力する。

    • サーバープロファイル名・・・任意のもの。自分がわかればOK。
    • プロバイダの選択・・・「その他」
    • FTPサーバー名、FTPアカウント名、FTPパスワード・・・それぞれの契約情報から確認。FTPサーバー名はおそらく共通だと思うので公開している。

    他はそのままでOK。入力が終わったら下部の「OK」をクリック。

    hpb03

    FTPツール(ファイル転送ツール)の起動

    上記設定が終わって準備ができた画面。まだサーバーとは接続していない状態。
    左の枠にはパソコン上、右の枠はサーバー上のファイルが表示される。

    hpb04

    パソコン上の参照場所を移動

    まずは左の枠内を変更する。初期ではドキュメントファイルの中を参照していてわかりにくいので、デスクトップに変更する。
    デスクトップ上をバックアップ場所に指定するということ。

    1. C\Users\(ユーザー名)に切り替える。
    2. 「Desktop」をダブルクリック。
    3. デスクトップ上のファイルやフォルダが表示される。

    hpb07

    サーバーと接続

    上部の「接続」をクリック。

    hpb08

    接続が成功した状態。

    1. 「接続」の文字が「切断」に変わる
    2. 色が付き、操作可能になる
    3. サーバーの状態を参照。ホームページデータのフォルダがある。ここでは仮で「mysite」とする。

    hpb09

    ファイルダウンロード

    フォルダごとホームページデータをパソコンにダウンロードする。

    1. ホームページのフォルダをクリックして選択。
    2. ダウンロードのボタンをクリック。

    hpb10

    ダウンロード中の画面で、進行状況が表示される。

    hpb11

    ダウンロード完了。左の枠に同名フォルダが表示される。

    hpb12

    デスクトップを表示すると、フォルダが存在していることが確認できる。

    hpb13

    次にサイト設定を行う。FTPツール(ファイル転送ツール)はここでいったん閉じる。右上の✕印をクリック。

    サイト設定手順

    概要

    新しくサイトを作成するときの要領で行う。サイトを認識させて編集可能状態にする。

    スタート

    ホームページビルダーを起動。上部左端の「スタート」をクリック。
    (画面はバージョン10のもの)

    hpb14

    「スタート」画面が開く。ここで「サイトを作成する」を選択してクリック。

    hpb15

    サイト新規作成

    サイト名または任意の名前を入力して次へ。ここで入力する名前はソフト上で表示するもので、自身で判別できるものであればOK。

    hpb16

    トップページの指定

    トップページにあたるファイルはindex.html。先にダウンロードしたフォルダの中の同名ファイルを指定する。

    1. 「既存ページをトップページとして使用」をクリック。

    hpb17

    入力部分ができる。参照ボタンをクリック。

    hpb18

    デスクトップ上のホームページフォルダ「mysite」の中身を表示。そこにあるindex.htmlをクリックして選択、「開く」をクリック。

    hpb20

    入力欄に対象ファイルのパスが入る。「次へ」をクリック。

    hpb21

    転送設定

    ここでファイル転送の設定になる。ここで先に設定したものを関連付ける。
    「今から転送設定をする」を選び、次へ。

    hpb22

    一覧にファイル転送ツールで設定したものが表示されている。
    「登録済の転送設定を選択して使用する」を選択、「My Site」を選択して完了。

    hpb23

    指定されたフォルダ内のファイルが読み込まれて、サイト構成図が表示される。
    これでファイル編集可能となる。

    hpb24

    次回は「スタート」→「サイトを開く」で一覧から選択できる。

    hpb25

    以上で手順解説を終わります。

    Loading...
    よかったら「いいね」お願いします。

    広告