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:スマホを活用して、迅速・丁寧な対応を