西 真由 著
ビルダーユーザー必携の『ホームページ・ビルダー スパテク』シリーズに、最新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コードを挿入する
索引
ホームページ・ビルダーの歴史
内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。
正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。
本書の書影(表紙画像)をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影(表紙画像)以外のご利用については、こちらからお問い合わせください。