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

翔泳社(出版社) , 西真由(著)

商品番号
134430
販売状態
発売中
納品形態
宅配便にてお届け
発売日
2013年10月17日
ISBN
9784798134437
判型
A5
ページ数
480
キーワード
ホームページ・ビルダー  web制作  スパテクシリーズ

販売価格:¥3,024(税込)

ポイント:280pt (10%)
詳細はこちら

送料無料 在庫あり

ほしい物リストに追加

最新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 フォトモーションのスライドショーをトップイメージと差し替える

各種問い合わせは以下のリンクからご連絡ください

関連商品

WordPress標準デザイン講座 20LESSONS【第2版】

販売価格:2,786円(税込)

2019.06.05発売

WordPress標準デザイン講座 20LESSONS【第2版】【PDF版】

販売価格:2,786円(税込)

2019.06.05発売

HTML5&CSS3標準デザイン講座 30LESSONS【第2版】

販売価格:2,786円(税込)

2019.05.24発売

HTML5&CSS3標準デザイン講座 30LESSONS【第2版】【PDF版】

販売価格:2,786円(税込)

2019.05.24発売

おすすめ特集

今月のクーポン

翔泳社の通販SEshopなら全品送料無料、ポイント還元、さらに毎月更新の割引クーポンでお得!

注目のプログラミング教育本

2020年度から小学校で必修化!話題のプログラミング教育の本はこちら。

Python特集

【今からはじめるPython特集】おすすめ本を入門~上級までレベル別にご紹介!

情報処理教科書シリーズ

情報処理技術者試験におすすめの参考書「EXAMPRESS 情報処理教科書シリーズ」で最短合格!

エンジニア必携特集

【エンジニア必携特集】開発現場で使える!ITエンジニアの業務に役立つ書籍を一挙ご紹介。

「デジタル時代の基礎知識」

第一線で活躍中のスペシャリストが提案する新時代のビジネスルール。「デジタル時代の基礎知識」

特集をもっと見る