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

ホームページ・ビルダー18 スパテク127


形式:
書籍
発売日:
ISBN:
9784798134437
価格:
本体2,800円+税
仕様:
A5・480ページ
分類:
Web制作

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

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

最新Web技術を活用したビルダーテクニック集

人気の『ホームページ・ビルダー スパテク』シリーズに、最新Ver.18対応版が登場。ビルダーの機能を使いこなすサイト制作TIPSを、詳細な手順と画面つきでわかりやすく解説します。定番のフルCSSテンプレートのカスタマイズや素材作成テクニックに加えて、最新Web技術のCSS3やjQueryを使った、見栄えのするコンテンツを簡単に作れるテクニックを新たに紹介。そのほかWordPressサイトの制作方法も解説します。

ビルダーをフル活用する本書のテクニックを使えば、サイトをぐっと魅力的にすることができます。企業・団体・個人サイト問わず、すべてのホームページ・ビルダーユーザーにおすすめの1冊です。


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

A ホームページ・ビルダーの基本操作
A1 ホームページ・ビルダーの画面構成
A2 ホームページ・ビルダーを起動する
A3 編集モードを選んでページを新規作成する
A4 文字列を入力する
A5 画像を挿入する
A6 リンクを作成する
A7 ページを保存する
A8 HTMLソースを編集する
A9 ページをプレビューする
B サイトの基本操作
B1 サイトとは?
B2 サイトを作成する
B3 サイトを閉じる
B4 サイトを開く・削除する
B5 サイトを複製する
B6 転送設定を新規作成する
B7 サイトを転送する
B8 ファイル転送ツールで転送する
B9 エクスプローラーを使用してサーバーにアクセスする
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章スタイルエクスプレスビューのテクニック

001 CSSレイアウトについて
002 レイアウトコンテナを挿入する
003 HTMLタグのスペースを初期化する
004 メインのレイアウトを作成する
005 ヘッダのレイアウトを作成する
006 コラムのレイアウトを作成する
007 コンテンツのレイアウトを作成する
008 フッタのレイアウトを作成する
009 ナビゲーション作成の準備をする
010 ナビゲーションのレイアウトを作成する
011 レイアウトを仕上げる〜文字の入力〜
012 レイアウトを仕上げる〜スタイルの設定〜
013 レイアウトを追加する
014 埋め込まれたスタイル定義を外部スタイルシートへ書き出す
015 スタイルシートを編集する
016 スタイルシートマネージャでスタイルシートを編集する
017 ページのタグをHTML5に書き換える
018 HTML5化で解除されたスタイルを元に戻す
019 iPhone表示用のスタイルを作成する
020 サブページを作成する

2章 フルCSSテンプレートの基本テクニック

021 フルCSSテンプレートについて
022 フルCSSテンプレートからサイトを作成する
023 サイトのレイアウトを変更する
024 共通部品を変更して同期する
025 レイアウトコンテナをユーザー共通部分として登録する
026 同じレイアウトの白紙ページをサイトに追加する
027 「合成画像の編集」で背景画像を編集する
028 ウェブアートデザイナーで背景画像を編集する
029 トップイメージをFlashにする
030 メインメニューの項目名を変更する
031 メインメニューとバナーの項目順序を変更する
032 コンテンツを編集する〜画像の編集〜
033 コンテンツを編集する〜リスト項目の追加・削除・移動〜
034 コンテンツを編集する〜部品のコピー〜
035 コンテンツを編集する〜IDセレクタを持つ部品のコピー〜
036 サンプル部品を挿入する
037 サンプル部品のスタイルを編集する
038 サイドバーにサブメニューを作成する
039 メインコンテンツに横型のサブメニューを作成する
040 フルCSSテンプレートのサイトをスマートフォンページに変換する
041 フルCSSテンプレートのサイトをスマートフォンページと同期する
042 フルCSSスマートフォンテンプレートからスマホ専用サイトを作成する
043 折りたたみや展開をするアコーディオンを作成する

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

044 この章を読む前の準備
045 jQueryプラグインの読み込みタグをヘッダに挿入する
046 サイト共通のロゴを揺らしてマウスオーバーでストップする
047 画像がページ上をひらひらと舞うようにする
048 スクロールをすると横メニューバーがついてくるように固定する
049 見出しへのリンクを自動生成する
050 ページ内リンクをスムーズスクロールにする
051 jQueryプラグインをサイト全体に適用する
052 説明文が飛び出す画像ボックスを作成する
053 タブボックスを作成する
054 アコーディオンボックスを作成する
055 クリックすると拡大するサムネイル画像を挿入する
056 HTML5を旧IEで認識させる
057 CGIプログラムを使用して問い合わせフォームを動作させる

4章 WordPressサイトの基本テクニック

058 WordPressをインストールする
059 WordPressサイトを作成する
060 WordPressサイトを公開する
061 編集可能領域について
062 固定ページの共通要素を編集する
063 WordPressサイトを更新する
064 「固定ページ内容」と「投稿記事一覧」について
065 固定ページ内容を編集する
066 固定ページ内容のスタイルシートを編集する
067 記事の投稿について
068 記事を投稿する
069 記事を編集・削除する
070 投稿記事一覧の表示形式を変更する
071 固定ページを新規作成して投稿タイプを割り当てる
072 固定ページを階層化する
073 固定ページを削除する
074 ページ構成とメニュー構成について
075 メインメニューの表示を設定する
076 メインメニューにカスタムリンクを追加する
077 メインメニューの項目を階層化する
078 メインメニューの項目をサブメニューに移動する
079 メインメニューの項目名を変更する
080 カテゴリーごとに記事を分けて表示する
081 カスタムタクソノミーを利用してカテゴリーを分類する
082 テンプレートデザインを変更する
083 サイトタイトルとトップイメージを変更する
084 背景画像を変更する
085 ソーシャルボタンを設定する
086 お問い合わせフォームを設定する
087 WordPressサイトの設定を変更する
088 hpb padを使用して記事を投稿する
089 WordPressのアンインストールについて

5章 WordPressサイトの応用テクニック

090 hpbダッシュボードの機能を拡張する
091 サイドバーのウィジェットを設定する
092 コメントとトラックバックをデフォルトでオフにする
093 サイトを非公開にする
094 詳細ページの日付を非表示にする
095 サイトの管理者を追加する
096 URLの一部をページ名または投稿名にする
097 フッタにサイトマップを作成する
098 プラグインを追加する
099 イメージギャラリーを作成する
100 サイドバーのアフィリエイトの表示を固定する
101 特定の記事を参照して他のページに表示する
102 携帯対応プラグインをカスタム投稿対応にする
103 記事を投稿するとTwitterに同じ内容を自動ツイートさせる

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

104 画像を特定のサイズで切り抜く
105 ナビゲーションバー用のボタンを作成する
106 ナビゲーションバー用のタブ型ボタンを作成する
107 2枚がきれいに同化した画像を作成する
108 2枚がきれいに合成された画像を作成する
109 徐々に消えていくバナー画像を作成する
110 フレーム付き写真を作成する
111 手書き風の味わい深い地図を作成する
112 写真の一部分にモザイクをかける
113 口コミ用のSNSボタンを挿入する
114 Yahoo!ロコ地図とGoogleマップについて
115 Yahoo!ロコ地図を挿入する
116 Yahoo!ロコ地図にアイコンを付ける
117 Googleマップを挿入する
118 Googleマップにマーカーを付ける
119 QRコードを挿入する
120 ブログテンプレートを参考にしてホームページ用CSSレイアウトを作成する
121 フォトモーションを作成する
122 フォトモーションを編集/削除する
123 フォトモーションにキャプションを設定する
124 フォトモーションのギャラリーを作成する
125 フォトモーションのカルーセルを作成する
126 フォトモーションのズームを作成する
127 フォトモーションのスライドショーをトップイメージと差し替える

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

書籍への問い合わせ

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

書影の利用許諾について

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

追加情報はありません。

ご購入いただいた書籍の種類を選択してください。

書籍の刷数を選択してください。

刷数は奥付(書籍の最終ページ)に記載されています。

現在表示されている正誤表の対象書籍

書籍の種類:

書籍の刷数:

本書に誤りまたは不十分な記述がありました。下記のとおり訂正し、お詫び申し上げます。

対象の書籍は正誤表がありません。

最終更新日:2014年07月07日
発生刷 ページ数 書籍改訂刷 電子書籍訂正 内容 登録日
1刷 210
jQueryプラグインの対応ブラウザについて
jQueryプラグインが動作しない。
本書は、ページの表示確認をGoogle Chromeで行っており、サンプルのjQueryプラグインについても、刊行時に最も対応が進んでいたGoogle Chromeをベースに制作・確認をしております。 サンプルの大半は最新のIEやFirefoxであれば問題なく動作いたしますが、一部のサンプルファイルは、Chrome以外のブラウザやバージョンが古いブラウザでは、サンプル内で使われているjQueryやCSSに対応しておらず、動作が不完全な場合がございます。 何卒ご了承のほどよろしくお願い申し上げます。
2014.07.07
1刷 214
サンプルファイル(yuralogo.css)
Internet ExplorerとFirefoxで、サンプルのjQuery「ゆらゆら揺れるヘッダーロゴ」が動作しない。
【2014/07/02】 サンプルファイルを修正・更新しました。下記著者サイトよりダウンロードしてご利用ください。 http://nishi.lix.jp/ 【2014/07/07】 マウスオーバーによるロゴのストップについては現時点でChromeのみ対応となり、Internet ExplorerとFirefoxには対応しておりません。 **** また、以前サンプルファイルをダウンロードされている方は、下記のリンクを右クリックして[対象をファイルに保存](または[名前を付けてリンク先を保存])から任意の場所に保存した後、以前ダウンロードしたサンプルファイル内のyuralogo.cssに上書きコピーしてください。 yuralogo.cssのみダウンロード
2014.07.02