発行:BNN新社 / 監修:デジタルステージ

 
とにかく時間がなくて1日でサイトを作りたい人、こだわってじっくりと作りたい人・・
テンプレートを上手に活用して短時間で作る方法や機能をフルカスタムするテクニックまで。
作業時間に合わせた、BiNDでのおすすめのサイトの作り方をご紹介します。

Before→Afterが分かりやすい!読んだままチャレンジできる

Webサイトやネットショップを持ちたいけれど、時間がないし、プロに頼む予算もない。自分たちで運用しやすく、手軽に&できるだけおしゃれなサイトが欲しい人へ。
BiNDのおしゃれなテンプレートを上手に活用しながら、自分仕様にアレンジしていく方法を丁寧に解説します。Before→After形式なのでとても分かりやすく、見たまま作れます。
さらに、サイト構成の考え方から魅力的な商品写真の撮り方、集客方法まで、+αの情報も充実した1冊です。

この本を立ち読みする

書籍目次

  • 01 自分で作る?プロに頼む?サイト制作の前に考えること
  • 02 インターネットとウェブの仕組みを理解しよう
  • 03 ウェブサイトの住所となるURLについて「BiND」と「BiND クラウド」の違いとは?
  • 04 BiNDのコースの違いと付帯サービスを理解しよう
  • 05 BiNDの仕組みを理解しよう
  • 06 BiNDの操作画面を理解しよう
  • 07 独自ドメインを設定するには
  • 08 制作の流れの見通しを立てよう
  • 09 ウェブサイトの構造(サイトマップ)考えよう
  • 10 テンプレートを決めたら、それを元にラフを描いてみよう
  • 11 ラフを元に必要な素材を考えよう
  • 12 フォントの基礎知識
  • 13 フォント選びとロゴデータの作り方
  • 14 色の基礎知識と使い方
  • 15 画像を用意するまえに写真の構図や目的を考えよう
  • 16 撮影に挑戦してみよう 必要な機材と道具
  • 17 写真を魅力的に見せる「光」の話
  • 18 一眼レフでイメージ写真を撮るために理解しておきたい「絞り」の機能
  • 19 ガラスや金属など、素材や細部に特徴があるものを撮影するには
  • 20 写真を魅力的にみせるスタイリングを知ろう
  • 21 ウェブサイトで何を書くのか考えて原稿を準備しよう
  • 22 ウェブサイトとSNS を効果的に利用しよう
  • 23 BiND を使って上手に運用しているショップや企業のウェブサイト
  • COLUMN:テンプレートの選び方のコツ
  • 01 最短のウェブサイト制作!テンプレートをそのまま活用する
  • 02 ウェブサイトの顔となるトップ画像を入れ替える
  • 03 トップ画面に配置された文字を変更する
  • 04 フッターの画像を変更する
  • 05 テンプレートの既存ページを複製しオリジナル記事を作る
  • 06 「TEMP」を利用して、自由なレイアウトで新規ページを作る
  • 07 外部ブログを、ウェブサイトのページに埋め込む
  • 08 トップページのメインエリアの記事をオリジナルに編集する
  • 09 グローバルメニューを編集してページを追加する
  • 10 好みのフォントに変更する
  • 11 Instagramを自分のアカウントとリンクさせてアルバムをページに表示する
  • 12 ウェブページにSNSのシェアボタンを取り付けるには
  • COLUMN:サイトの象徴となるアイコンを設置する
  • 01 コンテンツ量の多いウェブサイトを作ってみる
  • 02 トップページに動画を設置するための準備
  • 03 トップページの背景に動画を設置し、印象強く伝える
  • 04 新規ページの仕様やデザインを変更する(1):ビルボードエリアにスライドショーを設定
  • 05 新規ページの仕様やデザインを変更する(2):サムネイルのデザインを自分好みに変える
  • 06 新規ページの仕様やデザインを変更する(3):パーツを利用して画像や表を挿入する
  • 07 新規ページの仕様やデザインを変更する(4):右カラムにSNS のタイムラインを掲載する
  • 08 サイトのグローバルメニューを変更する
  • 09 フッター部分にサイトマップを設置する
  • 10 画像ソフトSiGN Proでデザイン画像を作成するには
  • 11 Adobe Illustratorでデザイン画像を作成する
  • 12 Adobe Photoshopで画像を補正する
  • 13 Google マップを設置してカスタマイズする
  • 14 問い合わせフォームを設置する
  • COLUMN:Smooth Contact を使うには?
  • 01 もう1 歩先を意識して、ウェブサイトを作り込む
  • 02 サイト全体のカラーを変更し、オリジナリティを出す
  • 03 レスポンシブWebって? スマホ対応のメリットとデメリット
  • 04 レスポンシブならではのスマホの設定とは
  • 05 ヘッダーメニューを各ページへの導線としてフル活用する
  • 06 迷子防止の「パンくずリスト」を設定する
  • 07 検索結果で上位に表示されるようにSEO対策をしよう
  • 08 文字画像をWebフォントにすると、SEO対策とスマホ対策に有効
  • 09 ウェブページの充実度を上げるならタブを利用してみよう
  • 10 SNS で「いいね!」されたときに、ページの概要が表示されるようにする
  • 11 アクセス解析「Google アナリティクス」をBiNDで使おう
  • COLUMN:Webフォントを使うメリットは?
  • 01 ネットショップを始める前に確認すべき申請や法律について
  • 02 「特定商取引法」は必ず理解しよう
  • 03 「個人情報保護法」を知ろう
  • 04 個人情報とパソコンのセキュリティ
  • 05 「BiNDカート」を利用してネットショップを開設する
  • 06 ショップの情報を設定する
  • 07 支払い方法の種類を設定する
  • 08 送料について考える
  • 09 注文確認メールを設定する
  • 10 BiNDカートに商品を登録する
  • 11 ウェブサイトにカートを設定してみよう
  • 12 便利なダッシュボードの機能を活用する
  • COLUMN:スマホを活用して、迅速・丁寧な対応を

書籍概要



1日からできる、BiNDを使ったおしゃれなサイトづくり

小さなお店、小さな会社のための
ウェブサイト&ネットショップ制作

BiND8・BiNDクラウド ガイドブック


発行:株式会社BNN新社
制作:井上綾乃
監修:株式会社デジタルステージ


B5判変型/184ページ
定価:本体2,200円+税
ISBN:978-4-8025-1015-8


 
レスポンシブWebに対応!
 
PCもスマホもすぐさま、
思いのままに。
〜初めてでも自在にアレンジ、PCサイトを自動でスマホに最適化〜