はじめてのホームページ・ビルダー19

概 要

「ホームページ・ビルダー」は専門知識がなくてもきれいで本格的なホームページが作れるため、個人はもとより企業にも人気のホームページ作成ソフトです。本書は、初心者を対象にホームページビルダーの操作方法から、HTMLなどの基礎知識、スタイルシートを使ったホームページの作り方、最近では必須といえるスマートフォンサイトやソーシャルサービスの利用方法まで幅広く解説します。また、人気のWordPressサイトも簡単に作れます。

著者 桑名由美
価格 本体1500円(税別)
ISBN 978-4-7980-4208-4
発売日 2014/10/30
判型 B5変
色数 4色
ページ数 288
CD/DVD
ダウンロード
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

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

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

サポート

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

サポート情報へのリンク

目次

CHAPTER 1 ホームページ・ビルダーについて理解しよう

1 インターネットとホームページとは

インターネットの仕組み

インターネットを利用するには

HTML ファイルとは

ホームページの仕組み

2 ホームページの開設に必要なものは

ホームページ作成の必需品

3 ホームページ・ビルダー19 クラシックを起動/終了するには

ホームページ・ビルダー19 クラシックを起動する

ホームページ・ビルダー19 クラシックを終了する

4 3つの編集スタイルを確認する

3つの編集スタイル

5 ホームページ・ビルダー19 クラシックの基本画面を確認する

「スタンダード」スタイルの [標準モード]

6 ホームページ・ビルダー19 クラシックでホームページを作る方法

「新規作成」ダイアログを開く

ページの作成方法

7 よく使う操作を覚える

ナビメニューを開く

ビューを切り替える

画面を切り替える

CHAPTER 2 サイトを作成しよう

8 サイトを作成するには

「フラワーショップ」のサイトを作成する

9 トップページを作成するには

白紙のページを作成する

10 ページタイトルを設定するには

「属性」ダイアログでページタイトルを設定する

11 背景に色を付けるには

背景色を設定する

背景色を解除する

12 サイトを閉じる/開くには

サイトを閉じる

サイトを開く

サイトを閉じずにページだけ閉じる

開いているサイトを確認する

CHAPTER 3 トップページに文字や画像を配置しよう

13 文字や画像を配置するボックスを作成するには

レイアウトコンテナを挿入する

14 タイトルの画像を作成するには

タイトルロゴを作成する

15 デジカメで撮った写真を挿入するには

画像を挿入する

画像に代替テキストを設定する

16 写真を切り抜くには

画像の必要な部分を切り抜く

17 写真に文字を入れるには

写真に文字を追加する

18 リンク用のボタンを作成するには

ボタンを作成する

他のボタンを作成する

19 文章を入力するには

文字を入力する

20 著作権を入力するには

コピーライトを入力する

21 水平線で内容を区切るには

水平線を挿入する

22 文字を斜体/太字にするには

文字列を斜体にする

文字列を太字にする

23 ページを上書き保存するには

上書き保存する

24 ブラウザーでプレビューするには

ブラウザーで確認する

CHAPTER 4 スタイルシートを使ってトップページを仕上げよう

25 CSS (スタイルシート) とは

CSSとは何か

CSSのメリット

26 スタイルを記述するファイルを作成するには

外部スタイルシートファイルを作成する

27 ページ全体のフォントの種類を設定するには

フォントのスタイルを設定する

28 内容全体を中央に配置するには

全体を囲むレイアウトコンテナを作成する

全体を中央に配置するスタイルを設定する

29 ページの背景に画像を設定するには

背景画像のスタイルを設定する

30 レイアウトコンテナに背景色を設定するには

レイアウトコンテナに背景色のスタイルを設定する

31 レイアウトコンテナに余白を設定するには

レイアウトコンテナに余白のスタイルを設定する

32 フッターのテキストを中央に配置させるには

文章を中央に配置するスタイルを設定する

CHAPTER 5 サブページを作成しよう

33 ページを複製して保存するには

ページを複製する

名前を付けて保存する

トップ画像のレイアウトコンテナを削除する

ページタイトルを変更する

34 内容がわかるように見出しを作成するには

見出しを作成する

35 スタイルシートを使って見出しを目立たせるには

見出しにスタイルを設定する

36 表を使って内容を見やすくするには

表を挿入する

37 表の中に文字を入力するには

セルに文字を入力する

38 行や列を挿入/削除するには

行を追加する

行を削除する

39 スタイルシートを使って表を中央に配置するには

表を中央に配置する

40 箇条書きを作成するには

リストを挿入する

41 画像にフレームを付けるには

画像の下に文字を入れる

フォトフレームを設定する

42 ページにリンクを設定するには

サイト内の別のページにリンクする

他のホームページへリンクする

43 同じページの他の位置にリンクするには

ラベルを作成する

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

44 メールを送れるリンクを作成するには

文字列にメールのリンクを設定する

45 全体のリンクを確認するには (ビジュアルサイトビュー)

ビジュアルサイトビューでリンクを確認する

CHAPTER 6 ホームページを公開しよう

46 ホームページを公開するとは

ホームページを公開するとは

転送前に必要なこと

47 転送前にサイトをチェックするには

まるごとチェックする

アクセシビリティのエラーを修正する

スペルミスを修正する

48 不要なファイルを削除するには

ビジュアルサイトビューを開く

ファイルを削除する

49 ファイル名を変更するには

ビジュアルサイトビューでファイル名を変更する

50 転送の設定をするには

サイトの転送設定をする

51 サーバーへ転送するには

ファイルをサーバーへ転送する

52 サーバー上の不要なファイルを削除するには

不要なファイルを削除する

サーバーのファイルを削除する

53 ファイル転送ツールを使うには

ファイルを転送する

54 不要なサイトを削除するには

サイト一覧からサイトを削除する

CHAPTER 7 さまざまな機能を使いこなそう

55 ボタンをポイントしたときに画像が変わるようにするには

ロールオーバー効果を設定する

ロールオーバー効果を確認する

56 オリジナルの画像を作成するには

ウェブアートデザイナーを起動する

バナーの土台を作る

写真を追加する

文字を作成する

作成したバナーをページに貼り付ける

57 複数の写真を合成するには

写真を追加する

他の写真になじませる

58 画像に動きの効果を付けるには

フォトモーションを設定する

59 QRコードを挿入するには

QRコードを作成する

60 PDFファイルのページを追加するには

PDFファイルを挿入する

61 ページにキーワードや紹介文を設定するには

キーワードを設定する

紹介文を設定する

62 SEO対策ができているかをチェックするには

「SEOチェック」を行う

63 検索エンジンにサイト内のページを巡回してもらうには

XMLサイトマップを作成する

ウェブマスターツールにサイトを追加する

ダウンロードしたファイルをサーバーへ転送する

XMLサイトマップをGoogleへ送信する

64 アクセス状況を解析するには

アクセス解析サービスを使えるように手続きする

ページを解析対象にする

アクセス解析をする

ブラウザーでアクセス解析の結果を見る

65 ページのリンク一覧を作るには

サイトマップを作成する

CHAPTER 8 人気のWebサービスを利用しよう

66 TwitterやFacebook・LINEなどのボタンを挿入するには

ツイートボタンを設置する

67 ブログの記事を投稿/編集するには

ブログの設定をする

記事を入力する

記事を投稿する

記事を編集する

68 ブログパーツを挿入するには

天気予報のブログパーツを挿入する

69 YouTubeの動画を貼り付けるには

YouTubeの埋め込みコードをHTMLとして貼り付ける

70 地図を貼り付けるには

Googleマップを挿入する

地図を編集する

CHAPTER 9 フルCSSテンプレートを使ってみよう

71 フルCSSテンプレートを使うには

フルCSSテンプレートのサイトを作成する

72 作成したページのデザインやレイアウトを変更するには

デザインとレイアウトを変更する

73 他のページと共通する箇所を一括で変更するには

共通部分を同期する

74 トップページの写真を別の写真にするには

トップページの写真を入れ替える

合成された画像を入れ変える場合

75 ページ内の写真を他の写真に変えるには

写真を変更する

76 新たにページを追加するには

同じデザインのページを追加する

77 リスト項目を編集するには

リスト項目名を変更する

リスト項目の順序を入れ替える

78 問い合わせフォームを使えるようにするには

フォームを設定する

CHAPTER 10 スマートフォンサイトを作成しよう

79 スマートフォンサイトのみを作成するには

新規にスマートフォンサイトを作成する

80 スマートフォンサイトのデザインを変更するには

別のデザインに変更する

81 スマートフォンサイトにページを追加するには

新規ページを追加する

レイアウトコンテナを追加する

82 スマートフォンサイトでリンクを設定するには

リンクリストを作成する

83 見出しをタップして開閉できるようにするには

アコーディオンを設定する

84 フルCSSテンプレートサイトにスマートフォンサイトを追加するには

フルCSSテンプレートサイトからスマートフォンサイトを作成する

85 パソコンサイトの変更をスマートフォンサイトに反映させるには

パソコンサイトを修正してスマートフォンサイトに反映させる

86 パソコンサイトのアドレスでスマートフォンサイトを表示させるには

リダイレクトを設定する

87 フルCSSテンプレートを使っていないサイトにスマートフォンサイトを追加するには

既存のサイトにスマートフォンサイトを追加する

CHAPTER 11 WordPressサイトを作成しよう

88 WordPressサイトを作成するには

WordPressテンプレートでサイトを作成する

89 WordPressテンプレートを編集するには

文字や画像を修正する

ページを切り替える

90 WordPressサイトを転送するには

WordPressサイトをサーバーへ転送する

91 WordPressサイトで問い合わせフォームを使えるようにするには

問い合わせフォームを設定する

92 WordPressに記事を投稿するには

記事を投稿する

93 スマートフォンやタブレットでWordPressサイトを編集/管理するには

WordPressサイトにログインする

hpb pad for WordPressから投稿する

hpb pad for WordPressでコメントを処理する

hpb pad for WordPressからページを編集する

94 WordPressサイトを開くには

WordPressサイトのページを開く

CHAPTER 12 ホームページ・ビルダー SPを使ってみよう

95 ホームページ・ビルダー SPのサイトを作成するには

サイトを作成する

96 ホームページ・ビルダー SPで文章を編集するには

文章を編集する

書式を設定する

97 ホームページ・ビルダー SPでタイトルの画像を編集するには

タイトル画像を編集する

98 ホームページ・ビルダー SPでページを追加するには

新しいページを追加する

ページタイトルを変更する

99 ホームページ・ビルダー SPのページにパーツを挿入するには

パーツを挿入する

パーツのデザインを変更する

100 ホームページ・ビルダー SPでサイトを閉じる / 開くには

サイトを閉じる

サイトを開く

101 ホームページ・ビルダー SPでサーバーへ転送するには

転送設定をする

サーバーへ転送する

PR

秀和システム