【ホームページビルダーでホームページ作成】web制作 ホームページビルダー解説
受付時間はこちら
HOME サービス内容 ビルダー使い方 ビルダー作品集 よくある質問 問合せ・申込 プロフィール
  HOME > ビルダーの使い方 > ホームページビルダー解説(1)

ビルダーの使い方

 ホームページ作成の手順

 ホームページビルダー解説(1)

 ホームページビルダー解説(2)

 ホームページビルダー解説(3)

 ホームページビルダー解説(4)

 ホームページビルダー解説(5)

 ホームページビルダー解説(6)

ホームページビルダー解説(1) 「花の写真集」

「花の写真集」の完成版はここをクリックして確認して下さい。

編集スタイルは「かんたん」を選びましょう。もし、「ホームページビルダーへようこそ」という画面が出てない人は、「ファイル」→「ようこそダイアログを開く」をクリックしてください。

「かんたん」というのは初心者向けの編集スタイルです。

「かんたん」を選んでOKをクリックしたら、次の「スタート」の画面から「ページを作成する」をクリックします。

 表示環境 → 「PC(通常)」

 ページの種類 → 「通常ページ」

 作り方 → 「白紙から」

 編集モード → 「標準モード」

を選んだら「完了」をクリックします。

次に「ページの設定」です。

「ページの設定」では、ホームページのタイトルやページ全体の背景や色を決めます。説明が長くなるのでここでは省略しますが、タイトルの決め方にはとても大切なポイントがいくつかあります。上位表示にも大きく影響することなので、講習では重点項目として取り上げます。

「かんたんページ設定」をクリックし、ページのタイトルに「花の写真集です」と入力、背景や文字色は「カラーギャラリーから」を選んで次へ。

右側のプレビューを見ながら自分の好きな色を選んで次へ進みます。BGMのギャラリーは、今回は「なし」にしましょう。

これでページの背景と各文字の色が決まりました。

さっそく文章を入力しますので、ナビメニューから「文字の挿入」をクリックし、テキストを参考に文章を入力してください。全部左詰めで入力していきます。

次に写真を入れていきます。

まず、テキスト文の「これは近くの公園で撮りました。」の文頭をクリックしておきます。

「ナビメニュー」→「デジカメ写真の挿入」→「写真の挿入」をクリックします。「画像の指定」のところで「素材集から」をクリックします。

あなたが撮った写真を使うときは、「ファイルから」をクリックしてくださいね。デジカメで撮った写真をホームページで使う時、重要な注意点があります。ここでは省略しますが、一歩間違えると、写真が表示されないトラブルにもなりますので、写真を使う場合は講習でしっかり聞いてください。

ここでは写真の中から同じ写真をクリックし、「開く」をクリックします。

ここでは画像(写真)の回転はしないのでそのまま「次へ」をクリックします。

もし、使う写真の向きを変えたい場合は、右側のプレビューを見ながら回転します。

次に「サイズの指定」ですが、このテキストでは「小(横幅160ピクセル)」を指定します。

ここでサイズを指定しても実際に画像(写真)のサイズが変わるわけではありません。

写真が大きすぎる場合は、適当な大きさに変えた後、ツールバーの「かんたん編集」から、「その他の画像編集」→「画像の編集」をクリックし、「保存時オプション」の「表示サイズで保存」で、画像(写真)サイズを変えておきます。

ホームページ上の表示サイズは小さいのに、使っている写真のサイズが大きいままだと、表示に時間がかかるなどいろいろ無駄が多いので、面倒がらずにファイルサイズも変更しておきましょう。

画像の補正(明るさや色合いの調整)もできます。プレビューを見ながら調整してください。

写真を入れたら、これにフレームをつけていきます。「簡単編集」から「フォトフレーム装飾」をクリックします。

「テンプレート」の中から、「sc06_fr」をクリックします。

残りの二つの写真も同様に入れてみてください。

フレームや写真の大きさは好きなように変えてみてもいいですよ。

次にメール用のボタンを作ります。「このページの感想は・・・」のところで文頭をクリックし、ナビメニューから「ボタンの挿入」をクリックします。

【文字】のところに半角で「Mail」と入力します。下のデザインから「04a」を選択します。プレビューに完成したボタンが表示されていますか?できたら【完了】をクリックします。

つぎにこのボタンからメールが送れるよう、リンクを設定します。

今作ったメールのボタンをクリックし、ナビメニューから「リンクの挿入」をクリックします。

「メールを送れるリンクを作成する」をクリックします。次の画面の「メールアドレス」に、自分のメールアドレスを、「メールの件名」に「花の写真集について」と入力しましょう。これでリンクは完了です。

できたら、ツールバーの「e」をクリックし、Internet Explorerで確認してみましょう。

メールのボタンをクリックすると、メールソフトが起動し新しいメールが作成され、自分のメールアドレスが宛先に指定されていればOKです。

忘れずに件名も確認してくださいね。

前のビルダー解説を見る 次のビルダー解説を見る
このページのトップへ
| HOME | 講習内容 | 支払方法 | 講習のキャンセル・返金 | 受講までの流れ | 講習のポイント | よくある質問 | 問合せ・申込 |
| ビルダー無料解説集 | ビルダー作品集 | プロフィール | 特定商取引法表記 | プライバシー保護 | リンク集 |
Copyright 2003-2008 Hitomi Ono. All rights reserved. 【ホームページビルダーでホームページ作成】web制作 ホームページビルダー解説