BiND for WebLiFE* 3 で作るおしゃれなホームページ

ヘッダ.psd
ビルボード3.jpg

BiND3はテンプレートをベースにして作り上げていくウェブ制作ソフトなので、基本は専門知識要らず。
でも・・サイトを公開するところまではたどり着いても、もう一歩先のウェブサイトを作るには、ちょっとしたノウハウを身に付けなければ次のステージには行けません。
やみくもにカスタマイズをするのではなく、自分の作りたいサイトのイメージに近づけるために、ほんの少し勉強して機能を効果的に活用してみましょう。
この本では、基本操作だけではなくウェブレイアウトや配色の知識を解説しています。見易い、根拠のある良質なウェブサイトを作りましょう。

4つの章をひとつずつマスターすれば、ワンランク上のウェブサイトが作れるようになるはず!!

Part1 導入編

ページ制作から公開まで、ウェブサイトを作る基本操作を学びます。

Part2 グラフィック編

パーツ制作に欠かせない画像ソフト「SiGN」を徹底的に使いこなします。

Part3 レイアウト・デザイン編

レイアウトや配色の基礎知識を身に付けてクオリティアップ。

Part4 モバイル・活用編

BiND3.5で新たに対応した携帯サイトの作り方や活用編をマスター。

本の中身を立ち読みしてみよう!

書籍目次

Part1 導入編

Chapter 1 BiNDのインストールと主な画面

1.1 BiNDのインストール
1.2 起動コードの取得と入力
1.3 BiNDでのホームページ作成の流れ
1.4 BiNDの基本となる3つの画面

Chapter 2 ホームページ作成のための基本操作

2.1 新規サイトを作成する
2.2 [サイトエディタ]の操作とページのプレビュー
2.3 ページを追加する
2.4 ファイル名やページのタイトルを設定する
2.5 文字の入力([ブロックエディタ]の基本操作)
2.6 段落スタイルの変更
2.7 リストのスタイルの適用
2.8 写真の入力と編集(画像エディタの基本操作)
2.9 [クリック設定]でのリンクの作成と画像の拡大
2.10 ロゴの変更(SiGN)

Chapter 3 デザインやレイアウトの変更

3.1 テーマによるデザイン変更
3.2 [ページデザイン]によるデザイン変更
3.3 [ブロックスキン]によるデザイン変更
3.4 [ブロックテンプレート]によるレイアウト変更
3.5 ページレイアウトによるレイアウト変更
3.6 [ブロックレイアウト]によるレイアウト変更

Chapter 4 サイト内のファイル管理とリンク

4.1 サイトマップの機能
4.2 サイトデータの構造
4.3 サイトマップ上でのページの移動
4.4 サイト内のページ間のリンク作成(テキストリンク)
4.5 サイト外へのリンクの作成
4.6 PDFやダウンロードデータの管理(_userdataフォルダ)

Chapter 5 アップロードの準備とホームページの公開

5.1 ホームページの公開先
5.2 BiND Serverへの登録
5.3 [サイト設定]でのウェブサーバー接続情報の設定
5.4 ウェブブラウザと動作検証

Part2 グラフィック編

Chapter 6 グラフィック編集ソフトSiGNの基本操作

6.1 SiGNとは
6.2 SiGNの起動
6.3 SiGNのインターフェース
6.4 SiGNテンプレートの保存

Chapter 7 SiGNによるデザインパーツの作成

7.1 基本的なサイトロゴを制作する
7.2 マークと組み合わせたサイトロゴ
7.3 日本語と英字を組み合わせたロゴ
7.4 シンプルなメニューボタンを作る
7.5 タブ状のボタンを作成する
7.6 写真と組み合わせたグラフィカルなボタンを作成する

Chapter 8 SiGNによるビルボードデザインの作成

8.1 写真と文字で構成するシンプルなビルボード
8.2 写真にエフェクトを加えたビルボード
8.3 複数の画像を組み合わせたビルボード
8.4 落書きから創るカラフルなビルボード
8.5 背景画像を活かしたビルボード
8.6 ID for WebLiFE*のFlashを使用したビルボード

Part3 レイアウト・デザイン編

Chapter 9 BiNDに活かせるウェブレイアウトの基礎知識

9.1 ウェブレイアウトのバリエーション
9.2 ブロックレイアウトのバリエーション
9.3 ページやエリアの横幅のカスタマイズ

Chapter 10 カラーの使いこなしと配色の知識

10.1 Webカラーの基本知識
10.2 色選びの基礎知識
10.3 事例からまなぶ配色の考え方

Chapter 11 カスタムタグを活用したレイアウト

11.1 [カスタムタグ]パーツでのタグ入力
11.2 [ブロックエディタ]でのタグ入力
11.3 CSSとJavaScriptによるプラスアルファのデザイン

Chapter 12 テーマ改造キットによるCSSカスタマイズ

12.1 BiNDのテーマ改造キットとは?
12.2 改造キットの使い方
12.3 「エアメール」風のデザインにする
12.4 「光と影」がテーマのギャラリーサイトをデザインする

Part4 モバイル&活用編

Chapter 13 SYNCによるウェブサービスの活用

13.1 RSSや自前で用意したニュースを掲載する
13.2 クチコミ& RSS 購読ボタンを設置する
13.3 ブログの追加
13.4 YouTubeビデオの追加
13.5 GoogleDocs(ドキュメント)の追加
13.6 フォームの追加

Chapter 14 モバイルサイト作成とBiND Serverの活用

14.1 「おまかせモード」によるモバイルサイト
14.2 「じぶんでモード」によるモバイルサイト
14.3 「Mobileキャンペーン機能」の活用
14.4 「QRコード作成」の活用

Chapter 15 SEO対策とアクセス解析の導入

15.1 [キーワード] の設定
15.2 アクセスアップに有効なナビゲーション
15.3 アクセス解析の導入