Jimdo解説.indd

Transcription

1 簡単 無料 ブラウザでつくるホームページ 1 簡単 無料 ブラウザでつくるホームページ ドイツ生まれの WEB 作成サービス Jimdo( ジンドゥー ) を紹介します 解説 / たかまる堂おがたたかはる

2 簡単 無料 ブラウザでつくるホームページ 2 で まず登録してみよう! 希望のホームページアドレスと メールアドレスを入力するだけ!

3 jimdo からメールが届く 簡単 無料 ブラウザでつくるホームページ 3 自分のホームページにアクセスしてみる ****** **** 初期パスワードが Jimdo から送られる あとで変更できる

4 簡単 無料 ブラウザでつくるホームページ 4 ログインする 1. ブラウザ画面右下にある ログインの文字をクリック すると ログイン 2. パスワード入力エリアが表示される パスワード入力

5 簡単 無料 ブラウザでつくるホームページ 5 好きなレイアウトを選ぶ ログインすると 画面右側にさまざまな設定を変更するためのメ ニューが表示される レイアウト から 好みのものを選ぶこと ができる レイアウト メニュー

6 フォント設定簡単 無料 ブラウザでつくるホームページ 6 スタイル フォント設定 スタイル フォン ト設定 で サイト全体 の文字の大 きさ 色な どの設定を 変更でき る スタイル

7 簡単 無料 ブラウザでつくるホームページ 7 スタイル 色彩テンプレート 色彩テンプレートサイトのナ ビゲーター の色を選択 できる スタイル

8 スタイルカスタマイズ色スタイル カスタマイズ色 簡単 無料 ブラウザでつくるホームページ 8 サイトのナビゲーターの色を好みの色にカスタマイズできる

9 スタイル背景パターンスタイル 背景パターン 簡単 無料 ブラウザでつくるホームページ 9 背景パターンを選択し 色味の調整ができる

10 簡単 無料 ブラウザでつくるホームページ 10 スタイル 背景画像 / オリジナル背景画像 300 以上の背景画像を選んだり オリジナルの背景画像を配置でき る 初めに選ぶ レイアウト に 応じて 変更できるスタイル のメニューは変化する

11 簡単 無料 ブラウザでつくるホームページ 11 ヘッダーを編集 画像を選ぶ タイトルの画像を 設定する ヘッダー編集 オリジナル画像を配置する こともできる

12 表示がうすくなるナビゲーションナビゲーションの編集 簡単 無料 ブラウザでつくるホームページ 12 このページを下に移動 このページを上に移動 このページを 1 階層下げる このページを1 階層上げる新規ページを追加このページを削除使えない機能はこのページを非表示にする中身を書き込ん閉じる だら 必ず 保存 保存を!

13 簡単 無料 ブラウザでつくるホームページ 13 本文をつくる 文字などの上に置くとマウスポインタが に変わる プラスのアイコンをクリックすると 追加できる項目のメニューが表示される この中からつくりたいものを選ぶと 新しい項目を追加できる

14 簡単 無料 ブラウザでつくるホームページ 14 見出しをつくる 見出し1( 大きい文字 ) 見出し 2( やや大きい文字 ) 見出し 3( 小さい文字 ) のどれかひとつを選び 保存する 見出しの大きさは後で変更できる

15 写真 ( 画像 ) を配置する 簡単 無料 ブラウザでつくるホームページ 15 サブタイトル ( 写真の下に 文字を入れることができる ) 画像を選ぶ 写真にリンクを 設定する

16 写真付き文章をつくる <1> 簡単 無料 ブラウザでつくるホームページ 16 文章を入力する

17 写真付き文章をつくる <2> 簡単 無料 ブラウザでつくるホームページ 17 サブタイトル ( 写真の下に 文字を入れることができる ) 写真にリンクを 設定する 画像を選ぶ

18 写真付き文章をつくる <3> 簡単 無料 ブラウザでつくるホームページ 18 文章と画像の配置を左右どちらにするか選べる コンテンツの配置 画像を左に配置した例 画像を右に配置した例

19 リンクをつける <1> 簡単 無料 ブラウザでつくるホームページ 19 文字が青くなっているところには リンク が設定されています リンクアイコン 文章を編集 ウインドウの中で リンクをつけたい文字を選択し リンクアイコンをクリック

20 リンクをつける <2> 簡単 無料 ブラウザでつくるホームページ 20 サイト内の別のページに内部リンクさせたいときは ポップアップメニューから選択できる サイト外のページにリンクさ せたいときは ここに URL を入れ リンクを設定する

21 簡単 無料 ブラウザでつくるホームページ 21 フォトギャラリーをつくる <1> 画像をクリックすると 一枚ずつ拡大して見せることができる

22 簡単 無料 ブラウザでつくるホームページ 22 フォトギャラリーをつくる <2> 新規項目を追加 フォトギャラリーを選択 選択をクリック

23 簡単 無料 ブラウザでつくるホームページ 23 フォトギャラリーをつくる <3> 複数の画像を選択できる アップロードをクリック

24 簡単 無料 ブラウザでつくるホームページ 24 フォトギャラリーをつくる <4> 写真サイズの拡大縮小 写真が読み込まれる

25 簡単 無料 ブラウザでつくるホームページ 25 フォトギャラリーをつくる <5> プレビューを切り替えると 写真のサブタイトルを入れたり リンクの設定ができる

26 簡単 無料 ブラウザでつくるホームページ 26 フォトギャラリーをつくる <6> フォーマットを切り替えると 自動再生アルバム風になる 画像を移動させ 写真の順番を入れ替えることができる

27 簡単 無料 ブラウザでつくるホームページ 27 フォトギャラリーをつくる <7> スタイルを選択し 3 パターンからひとつ選ぶ 写真を追加するときはアプロードをクリック ドロップボックスに画像を置いてあれば そこからも選択できる

28 ブログをつくる <1> 簡単 無料 ブラウザでつくるホームページ 28 右側の編集メニューから ブログ を選択し 新しい記事を投稿する をクリックする 新しい記事の投稿は 毎回 ここで行う

29 ブログをつくる <2> 簡単 無料 ブラウザでつくるホームページ 29 記事のタイトルを入力する 一般公開を選択すると 公開され 草稿を選択すると 公開はされない 分類 で記事のカテゴリー分けをしておくと 指定した項目のみを表示させたいときに利用できる ブログの内容は 文章を書く作業や ギャラ リーをつくる作業と同じようにつくることが できる

30 ブログをつくる <3> 簡単 無料 ブラウザでつくるホームページ 30 ブログを公開すると 記事がトップページに表示される ( らしい ) が 表示したいページを別に つくり そこで 新規項目を追加するときに ブログ表示 を選択すると そのページでブログ が公開される ( ブログはパスワード保護エリアとして設定できません ) ブログの記事を用意しておかないと この表示はメニューに出てこない

31 簡単 無料 ブラウザでつくるホームページ 31 項目の削除と移動 項目を選択し ゴミ箱アイコンをクリックすると 項目を削除できる 矢印をクリックすると 項目ごと 上下に移動できる

32 簡単 無料 ブラウザでつくるホームページ 32 項目を別のページに移動する <1> 項目の右側 の部分にカーソルをあわせると 手のひらツールがに変わる クリックロックして 画面の右上にずらすと 移動したい項目をここで一時保存する というワクが表示される 移動したい項目をここで一時保存する 一時保存スペースにドラッグアンドドロップで移動する

33 簡単 無料 ブラウザでつくるホームページ 33 項目を別のページに移動する <2> 画面右上のスペースに 項目が一時保存された状態になる 移動したいページをナビゲーションから選ぶ

34 簡単 無料 ブラウザでつくるホームページ 34 項目を別のページに移動する <3> 移動完了! 一時保存スペースの項目を移動したい場所に ドラッグアンドドロップ!

35 簡単 無料 ブラウザでつくるホームページ 35 設定を変更する 設定 でできる主なこと メールアドレス設定 ファビコンの設置 パスワード保護エリアの作成 パスワード変更 検索エンジン対策 ショップの設置 など

36 簡単 無料 ブラウザでつくるホームページ 36 有料サービスについて Jimdo 無料 独自ドメイン運用 メールアカウント 容量 500MB JimdoPro 月額 945 円年額 11,340 円 独自ドメイン運用 メール1アカウント 容量 5GB JimdoBusiness 月額 2,415 円年額 28,980 円 独自ドメイン運用 メール 20 アカウント 容量無制限