「低コスト☆印刷物・SNS制作」集客・広報の情報と、講師の裏ネタをご紹介

ホームページ作成講座

無料で作る!スマホ対応ホームページ作成講座 準備編

ホームページをいきなり作成するのではなく、家を建てるのと同じように作る前に設計して
おくことがとても大切です。
パソコンやスマホ、タブレットでも見やすく、検索結果に出やすいキーワードやタイトルなどを
入力してホームページ作成の準備をしましょう。

 

第1章 ホームページ作成の基礎知識

  • ホームページとは
  • ホームページ開設のメリット
  • ホームページとブログの違い
  • ホームページの構造
  • 参考)ホームページはどうやって作られている?
  • ホームページ作成のために
  • ホームページを作るためのソフト・料金は?
  • レンタルサーバーのオプション設定(料金)
  • ホームページ作成から開設までの流れ
  • フォルダ作成

 

第2章 ホームページ作成の設計シート作成

  • ワイヤーフレーム
  • ナビゲーション設計
  • ナビゲーション
  • 画像にする方法
  • カラーモードとホームページで使う色
  • カラー設計
  • サイトマップ設計
  • トップページ設計
  • トップページコンテンツ

 

第3章 ホームページ作成準備

  • 無料で作る!ホームページ作成サービス
  • 無料で作る!ホームページ作成サービスのメリット
  • 無料で作る!ホームページ作成サービスコンテンツ
  • 無料で作る!ホームページ作成サービスのアカウント取得
  • ホームページの基本設定
  • ユーザー設定
  • 編集モードとプレビュー
  • 参考)公開しているホームページアドレス
  • 参考)サンプルホームページの画像サイズ

無料で作成する!スマホ対応ホームページ作成講座

 

 

 

無料で作る!スマホ対応ホームページ作成講座 作成編

ホームページ設計を元に、実際にデザイン設定や、フォト(商品)ギャラリー作成、
申し込みや問い合わせをしてもらうためのメールフォーム設置を行います。
ブラウザ上で操作するので、クリック、ドラッグ、キーボードだけで行うことができます。

 
第1章 基本設定とデザイン設定

  • 無料で作る!ホームページ作成サービスのログイン
  • ホームページのレイアウト構成
  • ホームページタイトルの設定
  • フッターの役割とフッターの設定
  • 編集とプレビュー
  • スタイル設定
  • 背景の設定

 

第2章 コンテンツの作成と編集

  • コンテンツを修正
  • 見出しコンテンツを修正
  • コンテンツを追加
  • コンテンツを削除
  • ナビゲーションの編集
  • カラムの編集
  • カラムコンテンツを編集
  • 参考)レイアウトの設定
  • リンクの設定

 

第3章 フォトギャラリーを作成

  • フォトギャラリーを作成
  • フォトギャラリーの編集

 

第4章 お問い合わせフォーム設置

  • お問い合わせフォーム
  • 参考)Googleマップ

無料で作成する!スマホ対応ホームページ作成講座

PAGETOP