DESIGN COMPUTING CRAFT

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

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

Webサイトやネットショップを持ちたいけれど、時間がないし、プロに頼む予算もない。自分たちでできる範囲で、もっと手軽に運用していけるような形で、できるだけおしゃれなサイトが欲しい!と考えている人たちへ向けて、本書を作りました。サーバを持たずに利用でき、種類豊富なテンプレートにより手軽におしゃれなデザインのWebサイトを制作することができる「BiNDクラウド」をツールとして用いながら、目的に合ったサイトづくりの方法を解説していきます。また、サイトを作ったあとの集客に対する考え方や、おしゃれに見える商品写真の撮り方、法律の面から見た取り扱い注意なコンテンツについてなど、+αの情報も充実した1冊となっています。

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

発売日:2016年04月15日

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

目次

Chapter1:BiNDでウェブサイトを作る前の基礎知識
01 自分で作る?プロに頼む?サイト制作の前に考えること
02 インターネットとウェブの仕組みを理解しよう
03 ウェブサイトの住所となるURLについて
04 「BiND」と「BiND クラウド」の違いとは?
05 BiNDのコースの違いと付帯サービスを理解しよう
06 BiNDの仕組みを理解しよう
07 BiNDの操作画面を理解しよう
08 独自ドメインを設定するには
09 制作の流れの見通しを立てよう
10 ウェブサイトの構造(サイトマップ)考えよう
11 テンプレートを決めたら、それを元にラフを描いてみよう
12 ラフを元に必要な素材を考えよう
13 フォントの基礎知識
14 フォント選びとロゴデータの作り方
15 色の基礎知識と使い方
16 画像を用意するまえに写真の構図や目的を考えよう
17 撮影に挑戦してみよう 必要な機材と道具
18 写真を魅力的に見せる「光」の話
19 一眼レフでイメージ写真を撮るために理解しておきたい「絞り」の機能
20 ガラスや金属など、素材や細部に特徴があるものを撮影するには
21 写真を魅力的にみせるスタイリングを知ろう
22 ウェブサイトで何を書くのか考えて原稿を準備しよう
23 ウェブサイトとSNS を効果的に利用しよう
24 BiND を使って上手に運用しているショップや企業のウェブサイト
COLUMN:テンプレートの選び方のコツ

Chapter2:1日でできるサイト制作
01 最短のウェブサイト制作!テンプレートをそのまま活用する
02 ウェブサイトの顔となるトップ画像を入れ替える
03 トップ画面に配置された文字を変更する
04 フッターの画像を変更する
05 テンプレートの既存ページを複製しオリジナル記事を作る
06 「TEMP」を利用して、自由なレイアウトで新規ページを作る
07 外部ブログを、ウェブサイトのページに埋め込む
08 トップページのメインエリアの記事をオリジナルに編集する
09 グローバルメニューを編集してページを追加する
10 好みのフォントに変更する
11 Instagramを自分のアカウントとリンクさせてアルバムをページに表示する
12 ウェブページにSNSのシェアボタンを取り付けるには
COLUMN:サイトの象徴となるアイコンを設置する

Chapter3:週末を使って、充実したサイトを制作
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 を使うには?

Chapter4:集客を意識したサイト作り
01 もう1 歩先を意識して、ウェブサイトを作り込む
02 サイト全体のカラーを変更し、オリジナリティを出す
03 レスポンシブWebって? スマホ対応のメリットとデメリット
04 レスポンシブならではのスマホの設定とは
05 ヘッダーメニューを各ページへの導線としてフル活用する
06 迷子防止の「パンくずリスト」を設定する
07 検索結果で上位に表示されるようにSEO対策をしよう
08 文字画像をWebフォントにすると、SEO対策とスマホ対策に有効
09 ウェブページの充実度を上げるならタブを利用してみよう
10 SNS で「いいね!」されたときに、ページの概要が表示されるようにする
11 アクセス解析「Google アナリティクス」をBiNDで使おう
COLUMN:Webフォントを使うメリットは?

Chapter5:ネットショップを開設しよう
01 ネットショップを始める前に確認すべき申請や法律について
02 「特定商取引法」は必ず理解しよう
03 「個人情報保護法」を知ろう
04 個人情報とパソコンのセキュリティ
05 「BiNDカート」を利用してネットショップを開設する
06 ショップの情報を設定する
07 支払い方法の種類を設定する
08 送料について考える
09 注文確認メールを設定する
10 BiNDカートに商品を登録する
11 ウェブサイトにカートを設定してみよう
12 便利なダッシュボードの機能を活用する
COLUMN:スマホを活用して、迅速・丁寧な対応を

小さなお店、小さな会社のための ウェブサイト&ネットショップ制作
1日からできる、BiNDを使ったおしゃれなサイトづくり

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

発売日:2016年04月15日

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

 

関連書籍
カテゴリー