はじめての

ホームページ

作成講座

 powered by 瀬戸市DRPC × 瀬戸商工会議所

講師:田口相

2月2日,9日,16日,23日(木)13:00-15:00

ホームページとは

ホームページ制作の手段

インターネット上に建っているイエやビルのようなもの…。

 

ホームページを作ることは、家を建てたり、購入したり、賃貸契約するのに似ています。

・プログラミング(手打ち)
・ソフトウェアを利用
CMS(コンテンツマネジメントシステム)を利用

本講座はコレを利用!

GoogleSites
グーグルサイト を使います!

数あるCMSの中でも、もっともカンタンな…

Googleサイトで作るホームページとは

メリット

 

・簡単

 難しいタグやソフトを使わない。

 

・無料
 アプリケーション,サーバ,ドメインなどが全部タダ。

 

・その場でアップロード
 FTP不要。複数人で作業を共有できる。

 

・どこでも更新可能
 どのPCでも作業ができる。

デメリット

 

・地味

 デザイン面での自由度が低い。

 

・ネット回線必須
 インターネットが繋がっていないと作業ができない。 

 
・サーバ容量の上限
 100MBまで。(Appsは10GB)

 

・Google次第
 Google社が倒産したら消失。
 広告表示や有料化の可能性も。

アジェンダ

1日目

ホームページの構成を理解して、ページ作成計画を立てる。

2日目

CMS(GoogleSites)の使い方① コンテンツを組み立てる。

3日目

CMS(GoogleSites)の使い方② デザインを整える。

4日目

学習のまとめ。SEO対策。更新の仕方と新規ページの作成方法。

目標:5ページ作る

ホームページ構成案(ページ階層)

サイトマップ

新着情報

2月9日

自由ページ

商品紹介など

自由ページ

店舗案内など

トップページ

失敗ページ

Googleサイトの編集は

  • Googleにアクセス。
  • Gmailにアカウント名
    パスワードに
    パスワード
    を入力して、ログインをクリック。
  • Googleサイトにアクセス
  • マイサイトの自分のホームページ名をクリック。
     
  • 鉛筆マークをクリックして編集開始!

自分の
ホームページアドレス
お気に入り登録
しておくと便利です!

■完成したページ  全体のバランスを見てみましょう。

 

 ・画像サイズはちょうどいいですか?

  →大きすぎず小さすぎず…。サッと表示されればOK。

 

 ・文字サイズに変化がありますか?
  →タイトルやキャッチコピーは大きく、説明は小さく。

 

 ・文字色は見やすいですか?
  →キーワードは目立つ色で。2~3色でまとめると美しい。

 

 ・文字位置のバランスはいいですか?
  →左寄せ,中央寄せをセンスよく使い分けるとプロっぽい。

ホームページのテーマにもよりますが、、、

背景色は「白」または「白に近い淡色」にしておくと間違いがありません。

■これからのページづくり

今回学んだのホームページ制作は、GoogleSitesの基礎の基礎です。ページの作り方(構成)は100%マスターしましたが、操作ワザについては、実は、用意されているアプリケーションの10%も使っていません。

そこで、ご提案!
なんにでも使えるテスト用ページを3~5枚用意しましょう!
そのページでは、使ったことのないアプリをどんどん試して、画像やリンクもどんどん貼ってみましょう!

失敗したって大丈夫。

どうにもならないほどページがぐちゃぐちゃになってしまったら、「その他」→「ページを削除」で消してしまえばいいのです。

制作費も管理費もタダなんですから、何回 “作る”→“消す”を繰り返してもホームページは減りません!どんどん実験しましょう!