10日で作るかっこいいホームページ Jimdoデザインブック FavoriteLoadingあとで読む

: ウェブ担当者通信事務局

10日で作るかっこいいホームページ Jimdoデザインブック

  • Web制作

10日で作るかっこいいホームページ Jimdoデザインブック

  • プロみたいなホームページが無料でかんたんにできる!

著者:赤間公太郎(JimdoExpert)
監修:株式会社KDDIウェブコミュニケーションズ
出版社:株式会社エムディエヌコーポレーション(略称:MdN)
発売日:2014/10/24

詳細ページへ移動します[MdN]



どんな人におすすめですか?

個人事業や小さな規模の商売で、ホームページは欲しいけど業者には頼まず自分で行いたい、などの方
Jimdoをすでに利用されている方

はじめての方には、ステップ式に10日でホームページの作成を目指します。また、Jimdoをすでに利用されている方には、よりプロっぽく仕上げるコツやノウハウを習得いただけます。

今まで関連本・類似本、もしくは業界に対して疑問に思っていたことは?

Jimdoはシステムを含めたすべてがインターネット上で稼働する、ホームページ作成サービスです。そのため、常にアップデートや改良が行われています。「Jimdoそのものの使用方法」の書籍の場合、記載している手法やテクニックがすでに古くなる場合が少なくありません。そのため、息が長い書籍は皆無に等しいです。

今回の書籍で解決したかったことや、書籍企画の狙いはなんですか?

単純な操作マニュアルであれば、インターネット上に情報がたくさんありますし、なによりJimdoは操作そのものが簡単です。
そのため、「単純な操作説明書」の先を準備する必要があると考えていました。
「Jimdoのための書籍」ではなく、
「ホームページを作る際に利用するシステムがJimdo」というコンセプトで作成しています。
二部構成としており、前半はJimdoの独自レイアウトを活用してステップ式に操作を進めていくと、とりあえずホームページが完成します。
後半は、第一部で作成したホームページをよりプロっぽく仕上げるためのコツやノウハウを解説しています。このパートは、すでにJimdoを利用している方にとっても役立つ内容となっています。

今回の書籍で、特に届けたいノウハウを一つだけピックアップして具体的に教えてください

ホームページの作成で、テクニック的にも難しいのが「段組み」です。Floatというワザを使いますが、自在に使いこなすにはプロ並みの知識が必要です。しかし、こういった段組みをJimdoではクリック・ドラッグのみで実現できてしまいます。その手法などを詳しく解説しています。

ページイメージ

新しく生まれ変わったJimdo

 p18-19.新しく生まれ変わったJimdo


ナビゲーションを編集してページを作成する

 p62-63.ナビゲーションを編集してページを作成する


写真やイラストを使ってみよう

 p128-129.写真やイラストを使ってみよう

Introduction ホームページを作る前に

01 Jimdoって、どんなサービス?
02 Jimdoを活用できるホームページのジャンル
03 Jimdoの3つのプラン
04 新しく生まれ変わったJimdo

■PART 1 基礎編 Jimdoでホームページを作ってみよう

CHAPTER 1 ホームページの完成形をイメージしよう

05 ホームページの完成形を思い描こう
06 ホームページのタイトルを決めよう
07 ロゴを使ってオリジナリティを出そう
08 ホームページの雰囲気に合う配色を考えよう
09 ホームページのページ構成を考える

CHAPTER 2 Jimdoに登録しよう

10 Jimdoに登録してみよう
11 ログイン・ログアウト・プレビュー
12 Jimdoの基本操作?コンテンツを追加する
13 [管理]メニューで基本スタイルを設定する

CHAPTER 3 ホームページに使う素材を用意しよう

14 ホームページに使う文章は準備しておこう
15 写真や画像を整理しよう

CHAPTER 4 ページを作ってみよう

16 ホームページのタイトルとメインビジュアルを変える
17 ナビゲーションを編集してページを作成する
18 見出しと本文を入れてみよう
19 写真を挿入する
20 新着情報を表示する
21 ページを追加して内容を入れていこう
22 画像や文字からリンクを設定してみよう
23 表組みを設置しよう
24 ファイルをダウンロードさせる
25 地図を表示する
26 問い合わせフォームを設置する

■PART 2 応用編 プロみたいなホームページに仕上げる

CHAPTER 5 ヘッダーとフッターを編集しよう

27 ホームページのヘッダーとは?
28 ヘッダーのメインビジュアルをオリジナル画像にしてみよう
29 フッターを編集しよう

CHAPTER 6 文章とレイアウトを見直してみよう

30 文章を見直してみよう
31 文章を段落に分けてみよう
32 1ページに入れる内容を考えよう
33 見出しと文章をレイアウトしてみよう
34 見出しと文章の文字サイズを考えてみよう
35 余白を上手に使おう
36 カラム(段組み)を使ってレイアウトしてみよう
37 ホームページ全体の配色を考えよう
38 文字の色を使い分けよう
39 箇条書きや表を上手に使おう
40 ナビゲーションをわかりやすくする

CHAPTER 7 写真やイラストを活用しよう

41 写真やイラストを使ってみよう
42 フォトギャラリー機能で写真を魅力的に見せる
43 フォトギャラリーの表示をカスタマイズしてみよう
44 画像を編集してみよう
45 動画を表示してみよう
46 SSL対応のメールフォームを設置する
47 カレンダーを表示する

CHAPTER 8 SNSやブログと連携しよう

48 Jimdoブログを使ってみよう
49 ブログの一覧を表示する
50 カテゴリを使ってブログ記事を分類表示する
51 一覧表示したときの概要の表示量を設定する
52 外部ブログの記事一覧をJimdoで表示する
53 JimdoとFacebookを連携してみよう
54 Facebookページを作ってみよう
55 Twitterのシェアボタンを表示してみよう
56 JimdoからTwitterへ投稿する

CHAPTER 9 ホームページを更新・運営しよう

57 iPhone/iPadアプリをダウンロードしよう
58 ページと内容を追加する
59 iPhoneで撮影した写真をアップロードしてみよう
60 iPhone/iPadを使ってブログを更新する
61 サブドメインと独自ドメイン
62 ショップ機能を利用する
63 商品の情報や写真を登録してみよう

CHAPTER 10 アクセスを増やそう

64 SEOにチャレンジ① Googleアカウントに登録
65 SEOにチャレンジ② アクセス解析を導入する
66 SEOにチャレンジ③ Googleウェブマスターツール

付録:ホームページ作りに役立つ素材サイト&便利ツール

付録:用語索引

1名様に書籍プレゼント!

著書である赤間講師のご厚意により、書籍を1名様にプレゼントいたします

事務局でも読ませていただきましたが、Jimdoをすでに利用されている方、これからホームページを自分たちで更新していきたい方にはとても分かりやすく書かれている本でした。ウェブ事業者の方で、制作したサイトの今後の運用はお客さまにまかせたい、と思っていてJimdoを選択されている方もいらっしゃると思います。お客さまにお渡しする一冊としても最適だと思います。

プレゼント応募は終了いたしました。

なお、当選者の発表は後日ウェブ通Facebookページにて行います。当選された方にはメールをお送りいたします。みなさまのご応募をお待ちいたしております。

出版社:株式会社エムディエヌコーポレーション(略称:MdN)

株式会社エムディエヌコーポレーションは、雑誌・書籍・イベントを通して、グラフィックデザイン、およびWebデザインのノウハウと可能性を伝える事業を展開しています。デザインとグラフィックの総合情報誌『MdN』をはじめ、多数のデザイン関連書籍を発行しています。
www.mdn.co.jp/

ウェブ担当者通信事務局
この記事を書いた人: ウェブ担当者通信事務局

「ムダな情報で頭脳を消耗することなく考える時間を確保する」
ウェブのノウハウだけに限らず、広告やマーケティング全般の知識、時には組織論や時事に至るまで、最先端や未来予測などみなさんにとって本当に必要な情報だけをお届けします。


※プレミアムメンバーの方はログインすると広告が消えます。

投稿アイコンを選んでください