超簡単! ホームページ作成 ①


「JIMDO」という無料のホームページ作成サービスを利用して、ホームページ(以降、HPと呼びます)を作ります。

 

HP作成の題材として、仮想喫茶店「三島☆かふぇ」の店舗、メニュー、三島観光紹介などを作成します。

 

 

【特徴】

  • 通常、HPの作成では、画像や、文章の準備、レイアウト設計などに多くの時間が必要ですが、このワークショップでは参考のHPを見ながら、作成操作を体験して頂けます。(三島観光協会様のHPなども参考にさせて頂きます)
  • HPの作成の他、メルマガ、商品販売、会費などの無料サービスの活用もご紹介します。

 

【注意事項】

  • ワークショップでは、無料のサービスを利用しますので、課金されることはありませんが、継続してご利用の場合にはサービス内容(機能)の変更などが考えられます。また、有料の機能も有り、全体的な有料化もあり得ますので、注意してご活用ください。

  1. ブラウザ(IE、Chrome、Safariなど)で、「NPO ITクラブ」のHP(http://www.itland.jpから飛べます)を表示します。
  2. [ワークショップ資料]-[超簡単! ホームページ作成]を開きます。

 


  1. JIMDOを立ち上げます。

  1. 新規登録します。
    1. [無料ホームページ作成]をタッチします。

 


  1. レイアウトを選びます。
    1. ここでは、[MALAGA]を選択します。

  1. メールアドレス、パスワードを設定し、[私はロボット~]、[同意]をチェックし、[登録する]をタッチします。※ パスワードはその後のアクセスに必須ですので、忘れない様にしてください。

  1. [サブドメイン]を入力します。
    1. 半角英数、"-"を使って、任意のサブドメインを設定します。※ サブドメインはその後のアクセスに必須ですので、忘れない様にしてください。

  1. サブドメイン(例では、[itclub-01])を入力し、[使用可能か確認する]をタッチします。
  2. 利用可能な場合には、"✔"が表示され、ホームページの原型が表示されます。

 


この時点で、設定したサブドメインのURL(例では、"https://itclub-01.jimdo.com/")にて、HPにアクセスできます。


「三島☆かふぇ」例を参考に、ホームページを編集して行きます。

  1. ロゴを変更します。
  2. ホームページのタイトルを変更します。
  3. コメントを追加します。
  4. ホームページのメイン画像を追加します。
  5. ホームページのサブ画像を追加します。

ホームページの「こだわり食材」「こだわりの飲み物」「こだわりの料理」の、タイトル、画像、文言をそれぞれ編集します。




「Ameba Ownd」と「JIMDO」の差

※ 活用する上での仕様の違いを記していますが、使い勝手などの個人的な意見も含みます。

  Ameba Ownd JIMDO
独自ドメイン対応  〇 無料

△ 有料(945円/月~) 

仕様
  1. 「表」が無い。
  1. 「表」がある。※ スマホでは表の編集が出来ない。
編集操作障害
  1. パーツの移動が思うように出来ないケースがある。
  1. 「カラム」のパーツを「カラム」外に直接移動出来ない。※ 一時エリア経由で移動。
  2. 表の上の行を削除出来ない。
  3. スマホでの「文章入力」で、文字種(サイズ)がおかしくなる。
  4. スマホでの「文章入力」で、保存をしても反映されないことがある。