見た目にこだわる Jimdo入門

[表紙]見た目にこだわる Jimdo入門

B5判/256ページ

定価(本体2,280円+税)

ISBN 978-4-7741-9844-6

電子版

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

前半ではJimdo基本的な機能の使い方を扱い,後半では実際にアクセスできる3種の業種別作例ページを題材にデザインや文章を決定するためのポイントをBad→Goodの改善例付きで解説していきます。
配置の基本や各コンテンツの活用法を理解することで,入門書を読んだだけでは作れない,わかりやすく見やすいホームページが作成できるようになります。

「そもそも何をすればいいのかわからない」入門者から「どういったページを作ればいいのか悩む」初心者,「もっと見やすいホームページにしたい」中級者まで,幅広く役立つ1冊です。JimdoPro/JimdoFree対応。

こんな方におすすめ

  • Jimdoページをもっと見やすく作りたい人
  • ホームページの作り方を知りたい人

この書籍に関連する記事があります!

見やすく使いやすいホームページのために!
昨今,大きな企業のみならず,個人商店やスクールでも自社のWebページを持つことが珍しくなくなりました。

目次

Chapter 1 JimdoProに登録する

  • section 01 Jimdoとは
  • section 02 無料版JimdoFreeと有料版JimdoProの違い
  • section 03 Jimdoに登録する
  • section 04 ダッシュボードから管理する
  • section 05 プランをアップグレードする
  • section 06 独自ドメインを取得して適用する
  • section 07 独自ドメインのメールを利用する

Chapter 2 Jimdoの基本操作

  • section 01 Jimdoの画面について知る
  • section 02 ログイン/ログアウトについて知る
  • section 03 編集画面について知る
  • section 04 プレビュー画面について知る
  • section 05 管理メニューについて知る
  • section 06 ページのデザイン要素を知る

Chapter 3 ホームページの基本構造

  • section 01 レイアウトを選ぶ
  • section 02 背景画像を設定する
  • section 03 背景画像をスライドや動画にする
  • section 04 ロゴを設定する
  • section 05 ページタイトルを変更する
  • section 06 スタイルを変更する
  • section 07 ナビゲーションを編集する
  • section 08 非表示ページと外部リンクナビゲーションを作成する
  • section 09 フッターを編集する
  • section 10 ファビコンを設定する

Chapter 4 基本のコンテンツを作成する

  • section 01 コンテンツを追加・編集する
  • section 02 見出しを追加・編集する
  • section 03 文章を追加・編集する
  • section 04 文章の書式を設定する
  • section 05 画像を追加する
  • section 06 画像を加工する
  • section 07 リンクを設定する
  • section 08 画像付き文章を追加する
  • section 09 カラムを利用する
  • section 10 ボタンを追加する
  • section 11 余白を追加する
  • section 12 水平線を追加する

Chapter 5 一歩上のコンテンツを追加する

  • section 01 表を追加する
  • section 02 フォトギャラリーを作成する
  • section 03 YouTubeなどの動画を掲載する
  • section 04 ファイルをダウンロードで配布する
  • section 05 Googleマップを表示する
  • section 06 Googleカレンダーを表示する
  • section 07 フォームを設置する
  • section 08 ブログ機能を知る
  • section 09 ショップ機能を知る

Chapter 6 SEOやソーシャル連携を利用する

  • section 01 シェアボタンをまとめて設置する
  • section 02 Facebookのボタンを設置する
  • section 03 Twitterのボタンを設置する
  • section 04 便利な機能を追加する
  • section 05 ページごとのSEO対策をする
  • section 06 ページに独自のURLを設定する
  • section 07 Jimdoの機能でアクセス解析をする
  • section 08 Googleアナリティクスでアクセス解析をする
  • section 09 Googleサーチコンソールを利用する
  • section 10 SEOについて知る
  • section 11 ページの公開設定を変更する
  • section 12 ホームページを削除する

Chapter 7 文字情報が多いビジネス系の作例

  • 作例のデザイン解説
  • section 01 魅力的な背景画像を選ぶ
  • section 02 文字が多すぎる画面は嫌われる
  • section 03 色の使い過ぎに注意
  • section 04 フォントは原則2種類以内で
  • section 05 ナビゲーションは多すぎず&深すぎず
  • section 06 長すぎるページは分割して階層化する
  • section 07 長文はメリハリを付けて読みやすく
  • section 08 ページ同士の横移動を便利にする
  • section 09 画像で安心感と安定感をアップ
  • section 10 共通の要素はサイドバーに入れる
  • section 11 フッターの点検を忘れずに

Chapter 8 便利な情報が多い習い事・スクール系の作例

  • 作例のデザイン解説
  • section 01 全面背景の画像選びのコツ
  • section 02 ぼかし効果のある画像を作る
  • section 03 繰り返しの技でデザインを統一する
  • section 04 空きすぎたエリアはカラムで活用
  • section 05 表はスマートフォンに注意
  • section 06 ボタンで関連情報に移動しやすくする
  • section 07 余白を使って見やすさアップ
  • section 08 スケジュール告知にカレンダーを使う
  • section 09 アクセス情報にひと工夫

Chapter 9 写真が多い飲食店・ショップ系の作例

  • 作例のデザイン解説
  • section 01 背景画像をスライドショーにする
  • section 02 ショップのイメージに合う色を選ぶ
  • section 03 画像の配置と縦横比をそろえる
  • section 04 ダウンロードできるクーポンを設置する
  • section 05 カラムを使いこなしてデザインする
  • section 06 フォトギャラリーで写真を魅力的に見せる
  • section 07 表を「表らしくなく」使いこなす
  • section 08 電話をかけるリンクを設定する
  • section 09 特別なイベントは専用ページを作る
  • section 10 Jimdoの画像編集機能でバナーを作成する

著者プロフィール

狩野さやか(かのうさやか)

デザイナー・ライター 早稲田大学卒。企業勤めの後、アメリカ・サンフランシスコでメディアデザインを学ぶ。帰国後ウェブデザイナーとして制作会社勤務・フリーランスを経て株式会社Studio947 を共同設立。ウェブ・アプリのデザインを担当し、ライターとしてはICT 教育、子ども向けプログラミングの分野を中心に執筆をしている。
ホームページ:https://studio947.net