はじめてのホームページ・ビルダー13 クイック&ブログ

概 要

短期間でプロ並みのホームページとブログを作れる制作ソフト「ホームページ・ビルダー13」の入門書です。見栄えのよいホームページを簡単に作れる「ホームページ・ビルダークイック」機能、Webサイトの公開方法、パソコン向けWebサイトから携帯電話用サイトを作成する方法、ブログエディタとして使う方法、ブログパーツの簡単な挿入・削除、スタイルシートの編集、日記用サイトの新規作成、更新PINGの送信方法、トラックバックの方法などの機能を操作の手順ごとに詳しく解説。これからブログやホームページをはじめる人におすすめの一冊です。サンプルファイルのダウンロードサービス付き。

著者 西真由
価格 本体1380円(税別)
ISBN 978-4-7980-2195-9
発売日 2009/2/26
判型 B5変
色数 4色
ページ数 240
CD/DVD
対象読者 入門
シリーズ はじめての...
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

※リンク先によっては、販売ページが用意されていないことがあります。あらかじめご了承ください。

新しいウィンドウで開く 書籍購入のご案内

サポート

サポート情報は以下からご参照下さい。

サポート情報へのリンク

目次

CHAPTER 1 ホームページ・ビルダーを使う前に

1●インターネットのしくみ

図解・インターネット

2●ホームページの正体

図解・ホームページ

3●ホームページの作成に必要な準備

ホームページ作成ソフトの準備

プロバイダに登録してサーバーを確保する

ホームページを公開する目的とサイトの構成を考える

素材を準備する

4●ホームページ・ビルダーについて

ホームページ・ビルダーに搭載された2種類のソフトと8種類のツール

5●ホームページ・ビルダーをインストールするには

ホームページ・ビルダーをパソコンにインストールする

拡張子を表示する

6●Just MyStageに登録してサーバーを確保するには

ジャストシステム社にユーザー登録する

Just MyStageに申し込む

7●クイックはどんなソフト?

統一されたサイトがすばやく作れる「クイック」

8●クイックを起動・終了するには

クイックをはじめて起動してサイトとページを新規作成する

クイックを終了する

サイト作成後にクイックを起動する

9●クイックのしくみ

ビルダーとクイックのしくみの違い

10●クイックの画面構成

クイックの画面構成

CHAPTER 2 クイックでWebサイトを作成する

11●CHAPTER2の概要

CHAPTER2で作成するサイト

12●新しいサイトを作成するには

「レストランピクルス」のサイトと「トップページ」を新規作成する

13●テーマとレイアウトを設定するには

スタイルビューから「ホビー」のテーマを設定する

スタイルビューから「37」のレイアウトを設定する

14●テンプレートからページを追加するには

コンテンツ有りの「アクセス」と「クーポン」ページを作成する

15●コンテンツ無しのページを追加するには

コンテンツ無しの「ご挨拶」と「ご質問はこちら」ページを作成する

16●目次に含めないページを追加するには

目次に含めないコンテンツ無しの「メニュー」ページを作成する

17●目次からページをはずす/戻すには

「クーポン」のページを目次からはずす

「メニュー」のページを目次に戻す

18●目次のタイトルと順序を変更するには

目次タイトルを「ご挨拶」から「ごあいさつ」に変更する

目次の「アクセス」と「メニュー」の順序を変更する

19●文字を入力するには

「トップページ」のメッセージを「Welcome」に書きかえる

「アクセス」のページにある見出しと文章を書きかえる

「クーポン」のページにある見出しと文章を書きかえる

20●文字や画像をコピー/削除するには

「クーポン」のページにある文字を「アクセス」のページにコピーする

「アクセス」のページにある画像(写真ボックス)を削除する

21●ページタイトル/説明/キーワードを設定するには

「トップページ」のページタイトルを「トップページ-レストランピクルス」に変更する/60

「トップページ」の説明とキーワードを登録する

22●ヘッダーとフッターを編集するには

ヘッダー用バナーの文字を「RESTAURANT PICKLES」に変更する

フッター用バナーの文字を「Copyright(C) 2009 Restaurant Pickles.」に変更する

23●サイトを保存するには

「トップページ」のみを上書き保存する

すべてのページを保存する

24●サイトをプレビューするには

クイックで「トップページ」をプレビューする

InternetExplorerを起動して「トップページ」をプレビューする

25●使われていないサイトを削除するには

SECTION8で作成した「テストサイト」を削除する

●Q&A

CHAPTER 3 クイックでWebサイトを編集する

26●CHAPTER3の概要

CHAPTER3で作成するサイト

27●レイアウト素材の見出しを挿入するには

「ごあいさつ」と「メニュー」のページに見出しを挿入する

28●写真ボックスを挿入するには

「ごあいさつ」と「メニュー」のページに写真ボックスを挿入する

29●コンテンツボックスを挿入するには

「ごあいさつ」と「メニュー」のページにコンテンツボックスを挿入する

30●レイアウト素材を変更するには

「トップページ」のレイアウト素材を変更する

31●リストを設定するには

「トップページ」のTOPICSに素材集のリストマークを挿入する

32●表を挿入・削除するには

「メニュー」のページに4行4列の表を挿入する

「クーポン」のページの表を削除する

33●表の行列を追加・削除するには

「メニュー」のページにある表に行を追加する

「メニュー」のページにある表の列を削除する

34●表の行列をコピーするには

「アクセス」のページにある表の列をその他のページにコピーする

35●表のセルを分割・結合するには

「トップページ」にある表のセルを縦に分割する

「メニュー」にある表のセルを横に結合する

36●画像を挿入するには

写真挿入ウィザードを使用して「ごあいさつ」のページに画像を挿入する

37●ロゴを挿入するには

素材集から「クーポン」のページにロゴを挿入する

ロゴの文字を「COUPON」に書きかえる

38●画像を切り抜いてフォトフレームで装飾するには

「ごあいさつ」のページにある画像を切り抜く

切り抜いた画像にフォトフレームを付ける

39●画像を合成するには

「クーポン」のページにあるロゴを他のオブジェクトと合成する

40●画像をウェブアートデザイナーで編集するには

「トップページ」の画像をウェブアートデザイナーで作成した画像に差し替える

41●サイト内のページへリンクを設定するには

「トップページ」のTOPICSにある「クーポン券」にリンクを張る

42●ページ内の別の場所へリンクを設定するには

「アクセス」のページにある住所にラベルを付ける

ラベルにリンクを設定する

43●素材ファイルをコピーして保存するには

ページに貼り付けた素材ファイルをコピーして保存する

●Q&A

CHAPTER 4 Webサイトを公開する

44●CHAPTER4の概要

サーバへ接続するための情報を確認する

45●転送設定を新規作成するには

Just MyStageへの転送設定を新規作成する

46●サイトをサーバーへ転送して公開するには

Just MyStageへサイトをすべて転送する

転送したページをInternetExplorerで確認する

47●修正したページを転送するには

修正したトップページを転送する

48●ファイルを指定して転送するには

トップページのみを転送する

CHAPTER 5 ビルダーでクイックのサイトを編集する

49●CHAPTER5の概要

CHAPTER5で操作すること

50●ビルダーでクイックのサイトを編集する際の基礎知識

ビルダーで編集後にクイックに戻す場合の注意点

51●サイトを複製するには

クイックで「レストランピクルスのサイト」を複製する

52●ビルダーを起動するには

ビルダーを起動する

53●ビルダーでクイックのページを開くには

ビルダーでクイックの全ページ(index.htmlとsub1.html~sub5.html)を開く

54●地図を挿入するには

「アクセス」のページにアイコン付きの地図を挿入する

55●ブログパーツを挿入・削除するには

「ご質問はこちら」のページにブログパーツを挿入する

ブログパーツを削除する

56●ブログパーツを登録するには

メールフォーム用のブログパーツを検索してユーザー登録をする

メールフォーム用のブログパーツをビルダーに登録する

メールフォームのブログパーツをビルダーに登録する

57●ビルダーが扱うスタイルシートのしくみ

「スタイリッシュエフェクト」によるサイトの装飾

「スタイリッシュエフェクト」と「スタイルシート」の関係

58●スタイルシートを編集するための準備をするには

「スタイルクラス」ツールバーを表示する

ステータスバーにスタイルクラスを表示する

59●外部スタイルシートの参照先を統一するには

スタイリッシュエフェクトの設定前後で異なる外部スタイルシートの参照先

サブページの外部スタイルシートを確認する

「トップページ」の外部スタイルシートをサブページの外部スタイルシートと統一する

60●スタイルクラスを適用するには

「トップページ」と「ごあいさつ」のページにあるセルにスタイルクラスを適用する

61●スタイルクラスを編集するには

サブページの先頭にある見出しのスタイルクラスを編集する

「トップページ」と「ごあいさつ」にある文章のスタイルクラスを編集する

62●タグスタイルを編集するには

「メニュー」のページにある<H6>のタグスタイルを編集する

63●リンクメニューに外部サイトへのリンクを追加するには

リンクメニューに「ブログ」の外部リンクを追加する

64●ヘッダー用バナーの画像を作成するには

ヘッダー用バナーの画像を作成する

65●ヘッダー用バナーを編集するには

ヘッダー用バナーとSECTION64で作成した画像を合成する

CHAPTER 6 クイックのサイトから携帯電話用サイトを作成する

66●CHAPTER6の概要

集客アップするなら携帯電話対応のサイトは必須

CHAPTER6で操作すること

67●クイックのサイトを携帯電話用に複製するには

「ビルダー編集用」のサイトを「携帯電話用」に複製する

68●ビルダーで携帯電話用のサイトを開くには

SECTION67で複製したサイトをビルダーで開く

69●携帯電話用のサイトに変換するには

SECTION68で開いたサイトを携帯ページに変換する

70●トップページを編集するには

トップページ(index.html)を開いてレイアウトを整える

71●サブページを編集するには

index.htmlと同様にsub1.html~sub5.htmlを開いて編集する

72●各ページへ移動するためのリンクを追加するには

携帯サイト用に変換されたリンクメニューを編集して各ページにコピーする

73●FTPツールで携帯電話用サイトを転送するには

FTPツールを起動して携帯電話用のサイトを転送する

●Q&A

CHAPTER 7 クイックを日記ツールとして利用する

74●CHAPTER7の概要

Qパーツを利用して日記サイトを作成する

Qパーツについて

「お知らせ」カテゴリの場合

75●日記用のサイトを新規作成するには

「日記用サイト」を新規作成する

76●日記を追加するには

ページの一番上に日記を追加する

77●日記のレイアウト素材を変更するには

Qパーツ対応のレイアウト素材を別のレイアウト素材に変更する

78●日記へ移動するためのカレンダーを作成するには

ナビゲーション部分に日記へ移動するためのカレンダーを作成する

79●Qパーツの情報を編集するには

Qパーツ一覧ビューにサイト内すべての情報を表示して並べかえる

日記のタイトルを編集する

日記の日時を編集する

未所属のカテゴリを「日記」カテゴリに変更する

●Q&A

CHAPTER 8 ビルダーをブログエディタとして使う

80●CHAPTER8の概要

ブログエディタとしても使えるビルダー

CHAPTER8で操作すること

81●ブログを設定するには

ビルダーでブログを扱うための設定をする

82●記事を取得するには

ブログサーバーと同期して記事を取得する

83●記事を新規作成するには

記事を新規作成する

84●記事に画像を挿入するには

記事に画像を挿入する

画像に回り込みを設定する

85●記事を投稿するには

記事を今すぐ投稿する

記事をあとで投稿する

86●記事を編集するには

編集する記事を書く

記事を削除する/

記事をプレビューする

87●更新PINGを送信するには

すでに投稿している記事の更新PINGを送信する

投稿時に更新PINGを送信する

更新PINGのサーバーを登録する

88●トラックバックするには

投稿済み記事にトラックバックする

投稿時にトラックバックする

89●ファイルをアップロードするには

ファイルをアップロードしてリンクを設定する

90●記事内の用語を検索・置換するには

指定の用語を検索して記事を開く

指定の用語を検索して別の用語に置換する

91●記事をホームページへ書き出すには

ホームページに記事を書き出す

ホームページに記事へのリンクを挿入する

ブログ全体の記事をホームページに出力する

92●ブログのカテゴリとデザインを取得するには

カテゴリとデザインを取得する

●Q&A

PR

秀和システム