 |
| 目次へ戻る |
| コラム７-６-２ ホームページビルダーでページを作る。 <<ページ作成-1>> |
ガイドの説明を一通り読んだら、早速ページを作ってみましょう。 (Version8の場合です。） 前回の続きですが、わかりますでしょうか？ ホームページビルダーを起動後、編集スタイルの選択をする画面です。 < 3 ページ作成-１ >  初心者におすすめと説明がありますので、初めての方は上記赤丸のボタン「かんたん」を選びましょう。 ※ボタンの表示など、無駄に大きいところがありますので(初めはなれるまでこの方がいいのでしょうが、、) 慣れてきたらスタンダードに移行するといいと思います。 (後から変更可能です。) ちなみに、「エディターズ」ではソース (テキストエディタでページを作る時に説明した、ＨＴＭＬのタグなど) を見ながらの編集ができます。 ↓  続いてこのような画面がでてきます。 ページもサイトも作っていない状態ですので、ページを作成を選択します。 ↓  続いてページの種類を選択する画面です。 今回、ＰＣ用のページを作るので、ＰＣを選択。 また、ホームページビルダーで用意してあるテンプレートを使って作ってみます。 （後ほど自分で好きなように編集できますが、、） ですので、下の段は「通常ページ」→「テンプレート」→「標準モード」になります。 (別に「白紙」からでも、「どこでも配置モード」でも好きなようにしてもらっていいんですが、、まぁ、１つの例として見てみて下さい。) 選択できたら「次へ」のボタンを押して次に進みましょう。 ↓  続いてテンプレートページのカテゴリを選択する画面です。 折角なので、複数ページを作ってみます。 今回はトップページ＋３ページ、計４ページを一気に作成することになります。 ジャンルはとりあえず「パーソナル」で作ってみます。(特に理由はありません) では次へ。 ↓  続いてテンプレートページのテーマを選択する画面です。 音楽というテーマがあったので、なんとなくそれにしてみました。 レイアウトは何も考えずに「プレーン」を選んでみました。 ※実際は自分で作りたいイメージに合ったものを選んで下さい。 ↓  続いてページタイトルを入力する画面です。 各ページのタイトルを決めましょう。 (後からでも変更はできますので、あまり悩まずにＯＫです。) テンプレートですので、予めタイトルが設定されています。 今回はそのまま使用してみます。 ↓  続いてページ背景や文字の色を選択する画面です。 壁紙や文字の色などを好きなように設定できます。 (後からでも変更はできますので、あまり悩まずにＯＫです。) 今回は設定されているまま使用します。 ↓  続いてトップページのロゴの文字やイラスト決めます。 今回は設定されているまま使用します。 ↓  続いて各ページへリンクされるアイコンを選択します。 今回は設定されているまま使用します。 ↓  続いてトップページに入れる文章の編集ができます。 後からでも編集可能ですので、とりあえずそのまま進みます。 ↓  続いて区切り線の画像を設定します。 とりあえずそのまま進みます。 ↓  続いてメールの設定をします。 アイコンを選択後、メールアドレスを入力します。 作成するページにメールを設定しない場合は、赤丸のチェックをはずせばＯＫです。 上記では東京スタジオのメールアドレスを設定してありますが、各バンド様のアドレスをお入れ下さい。 (いやいや、バンド限定ではありません。はい。) ↓  トップページ以外のページ(サブページ)の設定を始めます。という説明画面です。 テンプレートの設定のままでいい場合は、「終わりへ」のボタンを押して、設定を終了し編集画面へと進みます。 今回は、どんな設定の流れになっているのか見てもらうのが目的ですので、「次へ」ですすみます。 ↓  サブページからトップページへ戻るためのリンクの設定をするかどうか決められます。 リンクを貼らない場合は、赤丸のチェックを外します。 トップページへ戻るリンクを貼らないと、ＷＥＢ上で同じサイトのページなのに一方通行のリンク状態になります。 戻るリンクを貼っておくことをおすすめします。 ↓  サブページ、１ページ目の文章を設定できます。 後から編集できるので、このまま進みます。 ↓  サブページ、２ページ目の文章を設定できます。 後から編集できるので、このまま進みます。 ↓  サブページ、３ページ目の文章を設定できます。 後から編集できるので、このまま進みます。 ↓  最後に保存して完了のようです。 保存場所を指定して、完了ボタンを押せばＯＫです。 保存する際、フォルダ名やファイル名は半角英数でつけましょう。 日本語でフォルダ名やファイル名つけると正常に読込めなかったりする場合があります。 また、一度保存した場所は変更しないようにしましょう。 データをサーバーにまだＵＰしていませんが、ＵＰ後に保存場所を変更するとページが正しく表示されなくなります。 ちなみに今回はマイドキュメントのフォルダの中に「exp_HP」というフォルダを作りそこに保存しました。 今回作成するページは今後、このフォルダに作っていくこととなります。 My Documents ∟ exp_HP ∟ index.html ・・・今回作成するトップページ ∟ sub1.html ・・・今回作成するその他のページ１ ∟ sub2.html ・・・今回作成するその他のページ2 ∟ sub3.html ・・・今回作成するその他のページ3 ↓  完了すると、操作ガイドの画面が表示されます。 大まかな操作方法が分かります。 ↓  これで、トップページ＋３ページの計４ページができてしまったわけです。 ページの設定はほぼそのまま(テンプレートのまま)でしたし、気をつけるのは保存場所の設定くらいでしょうか。 流れに沿って回答していくだけですので、簡単だと思います。 はじめての人の場合、白紙ページではじめから作るより、テンプレートでとりあえずページを作り そのページを元に自分好みのページに改造していったほうが、簡単かと思います。 ということで、次回は細かいところを変更・改造していきましょう。 |
コラム７-6-1へ コラム７-6-3へ
| 目次へ戻る |
 |