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

ビルダーの使い方

 ホームページ作成の手順

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

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

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

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

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

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

ホームページビルダー解説(4) 「散歩中に見つけた花の写真集です」

完成版は、ここをクリックして確認してください。

まず、「サムネイル」とは、写真の縮小版のことです。試しに完成版の写真をクリックしてみてください。

一回り大きな写真が表示されたでしょ?!

写真をたくさん載せる時、大きな写真をいっぱい貼ると、ページを開くのに、すごく時間がかかって大変ですよね。そんな時、このサムネイルの機能を使います。

それではホームページビルダーを起動しましょう。

まず、新たにページをつくる時は、画面左上の「スタート」をクリックし、「ページを作成する」を選びます。「表示環境」はPC(通常)、「ページの種類」は通常、「作り方」は白紙から、「編集モード」は標準モードを選びます。

真っ白のページが出たら、「ページの設定」から始めます。

「ページの設定」をクリック。「かんたんページ設定」を選びます。「ページのタイトル」に「散歩中に見つけた花の写真集です」と入力します。

次の「背景や文字色」は「カラーギャラリーから」をクリック。色のカテゴリの中から、好きな組み合わせを選んでください。

ここでは省略しますが、インターネットからダウンロードしたファイルやあなたが撮った写真を背景に使うこともできます。詳細は講習でご説明します。

次にロゴを作ります。ナビメニューから「ロゴ(飾り文字の挿入」を選びます。まず「文字」のところに「写真集」と入力。027のデザインを選びます。

「文字の詳細設定」を選び、フォントを明朝に変え、スタイルの「イタリック」を選択します。

「背景の設定」の中から、「b001ban」をクリック。完了をクリックすれば出来上がり。出来たロゴの大きさは、適当に変えてくださいね。

まず、「ナビメニュー」から「デジカメ写真の挿入」を選びます。そして、「サムネイルの挿入」をクリック。

掲載する写真が入っているフォルダを選び、追加を押して右側にセットしていきます。「サムネイルの大きさと配置」を「お奨めの設定」を選んでおきましょう。最後のリンク先の設定は二通り。

出来たサムネイルは、表として配置されます。自分で作った表と同じ要領で仕上げてくださいね。

ちなみに、この教材はサムネイルの写真に枠をつけています。

いかがですか?ちゃんとできました?

このサムネイルって、ちょっと本格的になった?!って感じしませんか?

うれしさのあまり、大きいほうの写真はうんと大きく! なんてがんばらないで下さいね。はっきりときれいに見えることは大切だけど、大きさの限度はありますからね。

最後に、Mailのボタンを挿入します。「その他の挿入」→「ボタンの挿入」を選んで下さい。「文字」に半角で「Mail」と入力します。

そして、下のデザインの中から、黄色でまあるい形の「12c」を選びます。その画面の「詳細設定」をクリックし、画面左側の「オブジェクト一覧」の下から2番目、黄色の大きいボタンをクリックします。

「編集」をクリック後、デザイン一覧から「clouds」を選んで、「次へ」をクリック。「色の選択」の画面でお好みの色に変えたら、「完了」それ以外の文字や小さなボタンも、同様に変更できます。

できたものをプレビューで確認して大丈夫なら、「完了」をクリックすると出来上がりです。文章も入力して完成させてくださいね。

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