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

概 要

人気のホームページ作成ソフト、ホームページ・ビルダー18を使ってホームページやブログを作成する手順や基礎知識をゼロからわかりやすく解説した入門書です。WordPressを使えば、誰でも気軽に見栄えのよいホームページを作ることができる時代になりました。しかし、HTMLやCSS、ホームページの仕組みを理解していない初心者がサイトの作成をはじめても、どこかで必ずつまづいてしまいます。本書は、ホームページ・ビルダーを使って、白紙の状態からサイトを作ることでホームページ作成の手順や基礎知識を実践的に解説します。手順の確認・復習ができるチェック欄付き。スマホ用サイト作成にも対応。練習用素材のダウンロードサービス付き。

著者 桑名由美
価格 本体1500円(税別)
ISBN 978-4-7980-3958-9
発売日 2013/11/1
判型 B5変
色数 4色
ページ数 280
CD/DVD
対象読者 入門
シリーズ はじめての...
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

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

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

サポート

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

サポート情報へのリンク

目次

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

1●インターネットとは

インターネットの仕組み

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

インターネットを使ったサービス

2●ホームページのしくみを理解する

HTML ファイルとは

ホームページのHTMLソースを見るには

トップページとサブページ

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

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

4●ホームページ・ビルダーを起動 / 終了するには

ホームページ・ビルダー18を起動する

ホームページ・ビルダー18を終了する

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

3つの編集スタイル

6●ホームページ・ビルダーの基本画面を確認する

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

7●ホームページ・ビルダーを使ってホームページを作る方法

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

従来の「かんたんページ作成」を使うには

ページの作成方法

8●かんたんホームページ・デビューでホームページを作成するには

かんたんホームページ・デビューでホームページを開設する

9●よく使う操作を覚える

ナビメニューを開く

ビューを切り替える

画面を切り替える

hpb製作アシスト講座

CHAPTER 2 サイトを作成しよう

10●サイトを作成するには

「カフェ」のサイトを作成する

画像用のフォルダーを作成する

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

白紙のページを作成する

どこでも配置モードを使うには

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

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

HTMLのバージョン

13●背景に色を付けるには

背景色を設定する

背景色を解除する

14●サイトを閉じる開くには

サイトを閉じる

サイトを開く

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

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

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

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

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

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

タイトルロゴを作成する

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

画像を挿入する

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

18●写真を切り抜くには

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

19●写真に文字を入れるには

写真に文字を追加する

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

ボタンを作成する

他のボタンを作成する

21●文章を入力するには

文字を入力する

22●著作権を入力するには

コピーライトを入力する

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

水平線を挿入する

24●文字を斜体 / 太字にするには

文字列を斜体にする

文字列を太字にする

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

上書き保存する

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

ブラウザーで確認する

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

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

CSSとは何か

CSSのメリット

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSSエディターで手入力する

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

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

ページを複製する

名前を付けて保存する

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

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

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

見出しを作成する

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

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

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

表を挿入する

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

セルに文字を入力する

40●行や列を挿入削除するには

行を追加する

行を削除する

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

表を中央に配置する

42●箇条書きを作成するには

リストを挿入する

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

画像の下に文字を入れる

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

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

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

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

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

ラベルを作成する

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

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

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

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

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

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

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

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

転送前に必要なこと

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

まるごとチェックする

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

スペルミスを修正する

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

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

ファイルを削除する

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

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

52●転送の設定をするには

サイトの転送設定をする

53●サーバーへ転送するには

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

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

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

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

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

ファイルを転送する

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

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

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

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

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

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

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

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

バナーの土台を作る

写真を追加する

文字を作成する

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

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

写真を追加する

他の写真になじませる

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

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

61●QRコードを挿入するには

QRコードを作成する

62●作成したページをテンプレートとして登録するには

テンプレートとして登録する

登録したテンプレートを利用する

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

PDFファイルを挿入する

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

キーワードを設定する

紹介文を設定する

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

「SEOチェック」を行う

検索エンジンスパムと判定されないようにするには

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

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

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

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

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

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

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

ページを解析対象にする

アクセス解析をする

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

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

サイトマップを作成する

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

69●Twitterのボタンを挿入するには

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

70●Facebookのいいね!ボタンを設置するには

OGPを設定する

Facebookのいいね!ボタンを設置する

71●ブログの記事を投稿編集するには

ブログの設定をする

記事を入力する

記事を投稿する

記事を編集する

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

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

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

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

74●地図を貼り付けるには

Googleマップを挿入する

地図を編集する

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

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

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

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

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

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

共通部分を同期する

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

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

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

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

写真を変更する

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

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

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

リスト項目名を変更する

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

リスト項目を削除する

問い合わせフォームを使うには

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

82●フルCSSテンプレートサイトを変換してスマートフォンサイトを作成するには

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

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

別のデザインに変更する

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

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

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

新規ページを追加する

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

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

リンクリストを作成する

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

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

携帯電話用サイトを作成するには

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

リダイレクトを設定する

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

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

90●すでにあるパソコンサイトにスマートフォンサイトを追加するには

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

スクロールさせながらページ内のリンク先へ移動するには

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

91●WordPressサイトを作成するには

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

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

文字や画像を修正する

ページを切り替える

自作のテンプレートを出品する

93●WordPressサイトを転送するには

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

94●サイトの訪問者が問い合わせできるようにするには

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

95●WordPressに記事を投稿するには

記事を投稿する

ホームページ・ビルダーの画面からダッシュボードを開くには

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

WordPressサイトにログインする

hpb pad for WordPressから投稿する

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

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

97●WordPressサイトを開くには

WordPressサイトのページを開く

PR

秀和システム