ホームページ・ビルダー17 スパテク125 電子書籍(西 真由)|翔泳社の本
  1. ホーム >
  2. 電子書籍 >
  3. ホームページ・ビルダー17 スパテク125

ホームページ・ビルダー17 スパテク125


形式:
電子書籍
発売日:
ISBN:
9784798131337
価格:
本体2,800円+税

本書籍の他の形式を確認する

  • このエントリーをはてなブックマークに追加

最新Ver.17対応 使いこなし実用テクニック集

ビルダーユーザー必携の『ホームページ・ビルダー スパテク』シリーズに、最新Ver.17対応版が登場です。注目の新機能「WordPressサイト」を詳しく解説。ホームページ・ビルダーを使ったWordPressサイトの作成・更新・デザインカスタマイズが、画面解説つきでかんたんにわかります。 そのほか定番のフルCSSテンプレートや素材作成テクニックに加えて、スマホサイト作成、SNS連携、ショッピングカートなどなど、充実の125テクニックを盛り込みました。ホームページ・ビルダーを使いこなすこの1冊で、企業サイトも個人サイトも、より魅力的に仕上げることができます。


0章 ホームページ・ビルダーの基本操作

A ホームページ・ビルダーの基本操作
A1 ホームページ・ビルダーの画面構成
A2 ガイドメニューについて
A3 編集モードを選んでページを新規作成する
A4 文字列を入力する
A5 画像を挿入する
A6 リンクを作成する
A7 ページを保存する
A8 HTMLソースを編集する
A9 ページをプレビューする
B サイトの基本操作
B1 サイトとは?
B2 サイトを作成する
B3 サイトを閉じる
B4 サイトを開く・削除する
B5 サイトを複製する
B6 転送設定を新規作成する
B7 サイトを転送する
B8 ファイル転送ツールで転送する
C スタイルシートの基本操作
C1 スタイルシートとは
C2 スタイルシートを記述する場所について
C3 スタイルエクスプレビューについて
C4 ステータスバーにHTMLタグ情報を表示する
C5 ページ編集画面を表示優先にする
C6 外部スタイルシートを作成する
C7 外部スタイルシートへのリンクを解除する
C8 外部スタイルシートへリンクする
D ウェブアートデザイナーの基本操作
D1 ウェブアートデザイナーの画面構成
D2 キャンバスのサイズと背景色を変更する
D3 キャンバスを拡大または縮小表示する
D4 グリッドを表示または非表示にする
D5 オブジェクトをグリッドに合わせる
D6 グリッドの間隔と書式を設定する
D7 キャンバスに画像を追加する
D8 オブジェクトを選択する
D9 オブジェクトを削除する
D10 オブジェクトをコピーする
D11 間違った操作を元に戻す
D12 オブジェクトの大きさを調整する
D13 オブジェクトの重なり順を変更する
D14 オブジェクトを塗りつぶす
D15 文字を入力する
D16 オブジェクトをグループ化する
D17 オブジェクトを画像として保存する
E WordPressサイトの基本情報
E1 WordPressサイトについて
E2 WordPressを利用するには
E3 hpbダッシュボードについて

1章 スタイルエクスプレビューのテクニック

1 CSSレイアウトについて
2 レイアウトコンテナを挿入する
3 HTMLタグのスペースを初期化する
4 メインのレイアウトを作成する
5 ヘッダのレイアウトを作成する
6 コラムのレイアウトを作成する
7 コンテンツのレイアウトを作成する
8 フッタのレイアウトを作成する
9 ナビゲーション作成の準備をする
10 ナビゲーションのレイアウトを作成する
11 レイアウトを仕上げる〜文字の入力〜
12 レイアウトを仕上げる〜スタイルの設定〜
13 レイアウトを追加する
14 埋め込まれたスタイル定義を外部スタイルシートへ書き出す
15 スタイルシートを編集する
16 スタイルシートマネージャでスタイルシートを編集する
17 ページのタグをHTML5に書き換える
18 HTML5で解除されたスタイルを元に戻す
19 iPhone表示用のスタイルを作成する
20 サブページを作成する

2章 WordPressサイトの作成テクニック

21 WordPressをインストールする
22 WordPressサイトを作成する
23 WordPressサイトを公開する
24 編集可能領域について
25 固定ページの共通要素を編集する
26 WordPressサイトを更新する
27 「固定ページ内容」と「投稿記事一覧」について
28 固定ページ内容を編集する
29 固定ページ内容のスタイルシートを編集する
30 記事の投稿について
31 記事を投稿する
32 記事を編集・削除する
33 固定ページを新規作成して投稿タイプを割り当てる
34 特定カテゴリーの記事だけを表示する
35 投稿記事一覧の表示形式を変更する
36 メインメニューを変更する
37 固定ページのタイプを変更する
38 固定ページを削除する
39 テンプレートデザインを変更する
40 サイトタイトルとトップイメージを変更する
41 ソーシャルボタンを設定する
42 お問い合わせフォームを設定する
43 hpbダッシュボードの機能を拡張する
44 サイドバーのウィジェットを設定する
45 メインメニューにカスタムリンクを追加する
46 サイトの管理者を追加する
47 ギャラリープラグインを追加する
48 WordPressのアンインストールについて

3章 フルCSSテンプレートのテクニック

49 フルCSSテンプレートについて
50 フルCSSテンプレートからサイトを作成する
51 サイトのレイアウトを変更する
52 共通部分を変更して同期する
53 レイアウトコンテナをユーザー共通部分として登録する
54 同じレイアウトの白紙ページをサイトに追加する
55 「合成画像の編集」で背景画像を編集する
56 ウェブアートデザイナーで背景画像を編集する
57 トップイメージをFlashに変換する
58 メインメニューの項目名を変更する
59 メインメニューとバナーの順序を変更する
60 コンテンツを編集する〜画像の編集〜
61 コンテンツを編集する〜リスト項目の追加・削除・移動〜
62 コンテンツを編集する〜部品のコピー〜
63 コンテンツを編集する〜IDセレクタを持つ部品のコピー〜
64 サンプル部品を挿入する
65 サンプル部品のスタイルを編集する
66 サイドバーにサブメニューを作成する
67 メインコンテンツに横型のサブメニューを作成する
68 フルCSSテンプレートのサイトをスマートフォンページに変換する
69 フルCSSテンプレートのサイトをスマートフォンページと同期する
70 フルCSSスマートフォンテンプレートからスマホ専用サイトを作成する
71 折りたたみや展開をするアコーディオンを作成する

4章 CSSデザイン&レイアウトのテクニック

72 パンくずリストを作成する 73 背景が動くFlash風の縦ナビゲーションを作成する
74 背景が動くFlash風の横ナビゲーションを作成する
75 プルダウンメニューのナビゲーションを作成する
76 角がカーブしたコラムスペースを作成する
77 別窓にリンク先を表示するナビゲーションを作成する
78 写真を並べて表示するサムネイルを作成する
79 HTML+CSSの素材をパーソナル部品として登録する
80 Internet Explorer 6用のCSSハックを作成する
81 ブログテンプレートを参考にしてホームページ用CSSレイアウトを作成する

5章 素材作成&デザインのテクニック

82 画像を特定のサイズで切り抜く
83 ナビゲーションバー用のボタンを作成する
84 ナビゲーションバー用のタブ型ボタンを作成する
85 2枚がきれいに同化した画像を作成する
86 2枚がきれいに合成された画像を作成する
87 フレーム付き写真を作成する
88 Twitter用のグラデーションの壁紙を作成する
89 Twitter用の左側に固定した壁紙を作成する
90 写真の一部分にモザイクをかける

6章 コンテンツ作成のテクニック

91 ドロップダウンリストのリンクを作成する
92 マウスオーバーで別の場所の画像が入れ替わるコンテンツを作成する
93 JavaScriptを外部出力する
94 パスワード付きリンクを作成する
95 ポップアップウィンドウを作成する
96 スタイルシートの切り替えスクリプトを作成する
97 スクロールに合わせて上下するアフィリエイトを作成する
98 YouTube動画の一覧ページを作成する
99 Twitterのツイート一覧ページを作成する
100 ブラウザーにアイコンを表示する
101 CGIプログラムを使用して問い合わせフォームを作成する
102 オーバーレイギャラリーを作成する
103 動画CMを作成する
104 動画の一部をアニメGIF化する
105 オープニングムービー風のFlashタイトルを作成する

7章 ショップサイト作成のテクニック

106 Yahoo!ロコ地図とGoogleマップについて
107 Yahoo!ロコ地図を挿入する
108 Yahoo!ロコ地図にアイコンを付ける
109 Googleマップを挿入する
110 Googleマップにマーカーを付ける
111 SEOとは?
112 ページのSEOを設定する
113 画像に代替テキストを設定する
114 隠れ文字を設定する
115 SEOの設定をチェックする
116 ブログを設置してアクセス効果を上げる
117 XMLサイトマップについて
118 XMLサイトマップを作成する
119 XMLサイトマップを登録する
120 XMLサイトマップを更新する
121 検索ロボットに情報を収集させないようにする
122 買い物カゴを挿入する
123 アクセス解析を利用する
124 口コミ用のSNSボタンを挿入する〜「いいね!」ボタン〜
125 QRコードを挿入する
索引 
ホームページ・ビルダーの歴史

本書は付属データの提供はございません。

書籍への問い合わせ

正誤表、追加情報をご確認の上、こちらよりお問い合わせください

書影の利用許諾について

本書籍に関する利用許諾申請はこちらになります

  • スパテク023 WordPressサイト公開後の画面表示について

    スパテク021~023の手順に従ってWordPressサイトを公開すると、p.132の手順07で紙面ような「hpbダッシュボード」が表示されず、「新しいWordPressサイトへようこそ!」という画面が表示される場合があります(下記画像)。
    [非表示にする]という文字をクリックして、ブラウザでページを再読み込みする

    そのような画面が表示された場合は、右上の[非表示にする]という文字をクリックして、ブラウザでページを再読み込みしてください(F5キーを押してもよい)。これで紙面の通り「hpbダッシュボード」が表示されます。

    ※上記は、ホームページ・ビルダー17ソフトのアップデートに伴う仕様変更によるものです。
正誤表の登録はありません。