ホームページ・ビルダーV9完全制覇パーフェクトVersion 9/8/7対応

入門編

ホームページ・ビルダーの基礎知識
ホームページの基本
ホームページ・ビルダーの概要
画面表示の基本をおさえる―Windows XP
画面表示の基本をおさえる―Homepage Builder
基本操作を確認する
操作に困ったときには

CHAPTER 1　ひな形で操作に慣れる

CHAPTER 1でやること

やってみよう　サンプルを元に新しいサイトを作成する
　　操作手順1　新規にサイトをつくる
　　操作手順2　トップページの設定を行う
　　操作手順3　サンプルを選ぶ
　　操作手順4　ページごとのデザインを決める
　　操作手順5　トップページの内容を決める
　　操作手順6　サブページの内容を決める
　　操作手順7　設定を終える
変えてみよう　作成したウェブサイトの文字や画像を修正する
　　操作手順1　ロゴを変更する
　　操作手順2　文字や部品の配置を変更する
　　操作手順3　変更を保存する
　　操作手順4　ほかのページを表示する
試してみよう　実際の表示で仕上がりを確認する
　　操作手順1　プレビュー画面で確認する
　　操作手順2　ブラウザで最終確認

CHAPTER 2　「サイト」をアップする

CHAPTER 2でやること

やってみよう　FTPの設定をしてサーバーにウェブサイトを転送
　　操作手順1　転送するウェブサイトを開く
　　操作手順2　FTPの設定画面を表示する
　　操作手順3　FTPの設定を行う
　　操作手順4　サイト転送でウェブサイト全体を転送
　　操作手順5　正常に送信できたか確認する
変えてみよう　更新したファイルだけを効率よくサーバーに転送
　　操作手順1　必要な修正を行う
　　操作手順2　ページ転送で表示中のページデータを転送する
　　操作手順3　サイト全体を更新する
凝ってみよう　「ファイル転送」を使ってアップロード・ダウンロード
　　操作手順1　「ファイル転送」を起動する
　　操作手順2　アップロードするファイルを選択
　　操作手順3　サーバー上のファイルを削除する

CHAPTER 3　思いのままに「どこでも配置」

CHAPTER 3でやること

やってみよう　「どこでも配置」で新規作成から保存まで
　　操作手順1　「どこでも配置」モードで新規作成
　　操作手順2　ページの設定を行う
　　操作手順3　好きな位置に文字を入力する
　　操作手順4　範囲を指定して文字を入力する
　　操作手順5　テキストボックスをサイズ変更、移動する
　　操作手順6　保存する
変えてみよう　ロゴやボタンを貼り付ける
　　操作手順1　ロゴをつくる
　　操作手順2　ロゴのサイズ・位置を変更する
　　操作手順3　ページ中央に揃える
　　操作手順4　ボタンを挿入する
　　操作手順5　複数アイテムを等間隔に配置
　　操作手順6　複数アイテムを同時に移動
凝ってみよう　素材集からイラストや水平線を貼る
　　操作手順1　素材集からイラストを貼る
　　操作手順2　水平線を貼り付ける
　　操作手順3　アイテムの上下を入れ替える

CHAPTER 4　「標準」モードで本格スタート

CHAPTER 4でやること

やってみよう　標準の環境で新しいページをつくる
　　操作手順1　「スタンダード」編集スタイルで起動
　　操作手順2　「標準」モードで新規作成
　　操作手順3　背景や文字色を指定する
　　操作手順4　文字を入力する
　　操作手順5　段落を追加する
　　操作手順6　段落を移動する
　　操作手順7　保存する
変えてみよう　ロゴやボタンをページに挿入する
　　操作手順1　入力した文字をロゴにする
　　操作手順2　入力した文字をボタンにする
　　操作手順3　ボタンを自由な位置に挿入する
　　操作手順4　ロゴや文章を中央揃えにする
凝ってみよう　素材集を使って背景やイラストを挿入
　　操作手順1　素材集の背景画像を使う
　　操作手順2　素材集からボタンを挿入する
　　操作手順3　水平線（アニメーション）を挿入する
　　操作手順4　アイテムをコピーする
　　操作手順5　プレビューで動きを確認

CHAPTER 5　読みやすく文字を設定

CHAPTER 5でやること

やってみよう　段落設定と行揃えで基本の書式が決まる
　　操作手順1　テキストファイルを読み込む
　　操作手順2　段落の種類を指定する
　　操作手順3　段落を中央揃え・右揃えにする
　　操作手順4　インデントで読みやすくする
変えてみよう　文字デザインや文字サイズを変える
　　操作手順1　文字サイズを変える
　　操作手順2　文字を色を変える
　　操作手順3　文字飾り・論理強調を指定する
　　操作手順4　フォントをまとめて指定する
凝ってみよう　水平線で区切りを明確する
　　操作手順1　水平線を挿入する
　　操作手順2　水平線の書式を設定する
　　操作手順3　水平線をコピーする

CHAPTER 6　箇条書きでまとめる

CHAPTER 6でやること

やってみよう　いろいろなパターンのリストを入力する
　　操作手順1　リストを入力する
　　操作手順2　説明付きリストを入力する
　　操作手順3　番号なし、階層構造のリストを入力する
変えてみよう　リストを追加する・記号を変える
　　操作手順1　リストに項目を追加・削除する
　　操作手順2　番号付きリストを番号なしリストに変える
　　操作手順3　番号なしリストの記号を変える
　　操作手順4　入力済みの文章をリストに変える
凝ってみよう　リストマークに素材集の記号を使う
　　操作手順1　リストマークに素材集の画像を使う

CHAPTER 7　表を使う・表でつくる

CHAPTER 7でやること

やってみよう　基本的な表をつくってみる
　　操作手順1　表の枠を挿入する
　　操作手順2　表の内容を入力する
　　操作手順3　行を増やす・減らす
　　操作手順4　列を増やす・減らす
　　操作手順5　列（または行）をコピーする
　　操作手順6　行や列の先頭セルを見出しの書式にする
　　操作手順7　表題を入力
　　操作手順8　表をページの中央に寄せる
変えてみよう　Excelの表を読み込んで表の書式を自由に変える
　　操作手順1　Excelのデータを読み込む
　　操作手順2　表全体の書式を設定する
　　操作手順3　セルを結合する
　　操作手順4　セルを分割する
　　操作手順5　ツールボタンでセルを結合する
　　操作手順6　縦書き文字を入力
　　操作手順7　列の幅を指定
　　操作手順8　セルの色を指定する
凝ってみよう　表を組み合わせて自由自在にレイアウト
　　操作手順1　レイアウト用素材を使う
　　操作手順2　セルの中で左揃え・右揃え
　　操作手順3　レイアウト用の見えない枠をつくる
　　操作手順4　表の中に表をつくる
　　操作手順5　セル内のフォントを変更
　　操作手順6　セルに画像を貼る
　　操作手順7　ほかのページから内容をコピー
　　操作手順8　セル内で文字の上下位置を変更する

CHAPTER 8　リンクを張る

CHAPTER 8でやること

やってみよう　ホームページやメールへのリンクを張る
　　操作手順1　同じサイト内のページへリンクを張る
　　操作手順2　メールへのリンクを設定する
　　操作手順3　ウィザードを使わずにリンクを直接挿入する
　　操作手順4　パスワード付きのリンクを挿入する
　　操作手順5　別のウェブサイトにリンクする
　　操作手順6　ページの特定箇所にリンクを張る（その1）
　　操作手順7　ページの特定箇所にリンクを張る（その2）
　　操作手順8　作業中の全ページを保存
変えてみよう　ウェブサイトにまとめてサイトビューでリンク設定
　　操作手順1　ウェブサイトを新規に作成する
　　操作手順2　ビジュアルサイトビューで確認する
　　操作手順3　ビジュアルサイトビューでリンクする
凝ってみよう　リンク付き目次でページ内リンクを自動作成
　　操作手順1　リンク付き目次を挿入する

CHAPTER 9　リンクメニューと匠の連携

CHAPTER 9でやること

やってみよう　サイト内を自在に結ぶリンクメニューをつける
　　操作手順1　リンクメニューの設定を始める
　　操作手順2　リンク先を設定する
　　操作手順3　リンクメニューの書式を指定する
　　操作手順4　リンクメニューを見やすく変更
　　操作手順5　設定済みのリンクメニューをソピーする
変えてみよう　スタイリッシュエフェクトでリンクメニューをつける
　　操作手順1　スタイリッシュエフェクトを適用する
　　操作手順2　ページにヘッダーをつける
　　操作手順3　リンクメニューをサイト内のページからコピー
　　操作手順4　リンクメニューを実際の内容を書き換える
凝ってみよう　スタイリッシュエフェクトでページをつくる
　　操作手順1　テンプレートから新しいページをつくる
　　操作手順2　ページの内容を入力する
　　操作手順3　リンクを再設定する

画像編

CHAPTER 10　デジカメ写真や画像を使う

CHAPTER 10でやること

やってみよう　デジカメの写真をホームページに貼る
　　操作手順1　デジカメから写真を取り込む
　　操作手順2　写真をホームページに貼る
　　操作手順3　ページの中央へ移動する
変えてみよう　画像ファイルの貼り付け・文字と画像の間隔調整
　　操作手順1　文中に画像を挿入する
　　操作手順2　画像サイズを変更する
　　操作手順3　文字と画像の横に回り込ませる
　　操作手順4　フォトフレームをつける
　　操作手順5　文字と画像を上下左右に揃える
凝ってみよう　背景や表の中に画像ファイルを貼る
　　操作手順1　背景に画像ファイルを貼る
　　操作手順2　表の背景に画像ファイルを貼る
　　操作手順3　表のセルに画像を貼る

CHAPTER 11　画像を編集・補正する

CHAPTER 11でやること

やってみよう　サイズを変更し、明るさ・コントラスト・色調整を補正する
　　操作手順1　ウェブアートデザイナーで画像ファイルを開く
　　操作手順2　画像サイズを変更する
　　操作手順3　必要な部分だけトリミング（切り抜き）
　　操作手順4　パーソナルフォルダに保存する
　　操作手順5　パーソナルフォルダから画像を貼る
　　操作手順6　ホームページ上の画像を補正する
　　操作手順7　画像の明るさ・コントラストを補正する
　　操作手順8　補正を終えて、ホームページ・ビルダーに戻る
　　操作手順9　画像の鮮やかさ・色合い・明るさを補正する
変えてみよう　特殊効果で画像を編集する
　　操作手順1　ウェブアートデザイナーで画像ファイルを開く
　　操作手順2　画像に特殊効果をかける
　　操作手順3　画像を保存する
　　操作手順4　画像に写真効果をかける
　　操作手順5　画像に色調効果をかける
　　操作手順6　画像に色温度効果をかける
凝ってみよう　フレームをつける・透かしを入れる
　　操作手順1　画像にボタン効果をつける
　　操作手順2　トリミングして縁をぼかす
　　操作手順3　オリジナルフレームをつくる
　　操作手順4　違法コピー防止用の透かしスタンプを押す
　　操作手順5　見えない透かしラベルを入れる
　　操作手順6　ラベルを抽出する

CHAPTER 12　画像を効果的に見せる

CHAPTER 12でやること

やってみよう　アルバム的にみせる・サムネイルリストをつくる
　　操作手順1　アルバムを挿入する
　　操作手順2　サムネイルから選んだ画像を拡大表示
変えてみよう　スライドショーで次々に画像を表示
　　操作手順1　スライドショーを挿入する
凝ってみよう　マウス操作で画像が変わるロールオーバー＆メッシュ
　　操作手順1　ロールオーバー効果を指定する
　　操作手順2　メッシュ効果を指定する

CHAPTER 13　自分でつくるロゴ・ボタン

CHAPTER 13でやること

やってみよう　文字デザイン自由自在！オリジナルロゴをつくる
　　操作手順1　ロゴを作成する
　　操作手順2　パーソナルフォルダに保存する
変えてみよう　形や色を選んでオリジナルボタンをつくる
　　操作手順1　土台のボタンをつくる
　　操作手順2　ボタンの文字を入力する
　　操作手順3　文字とボタンを合わせて保存する
凝ってみよう　マウスのポイントで変わるロールオーバーボタン
　　操作手順1　2つのボタンを作成する
　　操作手順2　ロールオーバーボタンの設定をする

CHAPTER 14　作図機能で地図を描く

CHAPTER 14でやること

やってみよう　図形を組み合わせて地図をつくる
　　操作手順1　キャンバスを準備する
　　操作手順2　直線を描く
　　操作手順3　自由曲線を描く
　　操作手順4　描いた図形を修正する
　　操作手順5　図形を描く
　　操作手順6　不規則な多角形を描く
　　操作手順7　塗り色にテクスチャを指定
　　操作手順8　文字を入力する
変えてみよう　ウェブアート素材で地図を飾る
　　操作手順1　矢印を挿入する
　　操作手順2　地図素材を挿入する
　　操作手順3　ロゴを挿入する
凝ってみよう　画像の特定箇所からリンクするイメージマップ
　　操作手順1　イメージマップの設定を始める
　　操作手順2　リンクを設定する
　　操作手順3　代替テキストを指定

CHAPTER 15　フレームでページを分割

CHAPTER 15でやること

やってみよう　フレームの枠組みを作成する
　　操作手順1　フレームで分割したページを作成
　　操作手順2　フレーム内にページを作成する
　　操作手順3　フレーム設定ページのタイトルを指定する
　　操作手順4　フレーム関連ページを保存する
変えてみよう　フレームの幅・高さ境界線の太さを指定
　　操作手順1　リンク用のボタンを挿入する
　　操作手順2　フレームのサイズを変更する
　　操作手順3　フレームのサイズを詳細に指定する
　　操作手順4　フレームの太さを指定する
凝ってみよう　フレームを指定してリンクを張る
　　操作手順1　ロールオーバーボタンにリンクを指定する
　　操作手順2　フレームのあるページをリンク先に指定する
　　操作手順3　通常のリンクでターゲットを指定する
　　操作手順4　フレームなしのページをつくる

応用編

CHAPTER 16　パラパラ漫画的アニメ作成

CHAPTER 16でやること

やってみよう　複数の静止画像を使ってアニメーションGIFを作成
　　操作手順1　アニメーションにする元画像を用意する
　　操作手順2　アニメーションウィザードを起動する
　　操作手順3　複数の画像からアニメーションをつくる
　　操作手順4　アニメーションGIFを最適化する
　　操作手順5　アニメーションGIFを保存する
　　操作手順6　アニメーションGIFをホームページに挿入する
変えてみよう　1枚の画像からアニメーションをつくる
　　操作手順1　1枚の画像からアニメーションをつくる
　　操作手順2　アニメーションの効果を選択
　　操作手順3　アニメーションの設定を変更
　　操作手順4　アニメーションGIFを保存する
凝ってみよう　文字を動かしてアニメーションをつくる
　　操作手順1　文字からアニメーションをつくる
　　操作手順2　アニメーションの文字を指定する
　　操作手順3　ホームページに挿入する

CHAPTER 17　ビデオを編集しよう

CHAPTER 17でやること

やってみよう　ビデオ作成ウィザードでオリジナルビデオをつくる
　　操作手順1　ビデオ素材を準備する
　　操作手順2　ビデオ作成ウィザードを起動する
　　操作手順3　使用する画像素材を選択する
　　操作手順4　ビデオにさまざまな効果を加える
　　操作手順5　BGMを指定する
　　操作手順6　作成したビデオを見る
　　操作手順7　ビデオを一部分を見る
　　操作手順8　ビデオプロジェクトを保存する
変えてみよう　作成したビデオに編集を加える
　　操作手順1　プロジェクトファイルを開く
　　操作手順2　ビデオクリップをトリミングする
　　操作手順3　クリップを移動する・音声を短くする
　　操作手順4　ビデオに付属の音声をカットする
　　操作手順5　ビデオファイルを保存する
　　操作手順6　ビデオファイルをホームページに挿入する
凝ってみよう　ウィザードを使わずにビデオファイルをつくる
　　操作手順1　新規プロジェクトを作成する
　　操作手順2　素材集からオープニングビデオを挿入する
　　操作手順3　静止画を挿入する
　　操作手順4　ビデオファイルを挿入する
　　操作手順5　テキスト画面を挿入する
　　操作手順6　BGMを設定する
　　操作手順7　ビデオ/テキスト効果を挿入する
　　操作手順8　トランジションを挿入する

CHAPTER 18　掲示板/チャット/日記/アンケート

CHAPTER 18でやること

やってみよう　掲示板やチャットのサービスを利用する
　　操作手順1　掲示板をつくる
　　操作手順2　掲示板を使ってみる
　　操作手順3　チャットルームをつくる
変えてみよう　すぐ更新できるWeb日記ページをつくる
　　操作手順1　日記をつくる
　　操作手順2　日記を保存する
　　操作手順3　日記の転送予約をする
凝ってみよう　アンケートをつくって意見を集める
　　操作手順1　アンケートページをつくる
　　操作手順2　選択形式の設問を追加する
　　操作手順3　記述形式の設問を追加する
　　操作手順4　レイアウトやアンケートの回収方法を指定する
　　操作手順5　アンケートをテストする

CHAPTER 19　携帯で見せるホームページ

CHAPTER 19でやること

やってみよう　携帯電話用に新規ページを作成する
　　操作手順1　ｉモード用の新規ページを作成する
　　操作手順2　ページの属性を設定する
　　操作手順3　ロゴを挿入する
　　操作手順4　内容を入力する
　　操作手順5　素材集からイラストを挿入する
　　操作手順6　ｉモード用の絵文字を使う
　　操作手順7　タグが適合しているかチェックする
　　操作手順8　携帯用のページを保存する
　　操作手順9　ファイル容量をチェックする
　　操作手順10　プレビューで確認する
変えてみよう　作成済みのホームページを携帯電話用に変換する
　　操作手順1　携帯用にページを変換する
　　操作手順2　変換の結果を確認し、携帯用に修正する
凝ってみよう　画像を入れた携帯用ページをつくる
　　操作手順1　携帯ページに画像ファイルを貼る
　　操作手順2　ページ保存時に画像を縮小する
　　操作手順3　携帯でサムネイルから画像を選ぶ
　　操作手順4　サムネイルを操作してみる

使いこなしのテクニック

作業効率をアップするテクニック
集客アップのテクニック
ホームページをチェックする
さまざまなページをつくるテクニック
インタラクティブにするテクニック
HTMLについて知る
スタイルシートで書式を変える

付属データはこちら

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影（表紙画像）をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影（表紙画像）以外のご利用については、こちらからお問い合わせください。