ホームページ作成講座 基礎編

中小企業の初心者向けのホームページ作成講座での講師の依頼を頂きました。
6月に、3時間×2回にわたって行った座基礎編について、どんな内容をやったのか、書いておきます。
対象者は、PC操作ができて、Word程度の操作ができる方。HP作成に関しては初心者を対象としています。
Windows7にHPビルダー18がインストールされた環境での実施でした。

特に要請があったわけではないのですが、前職で使用していたテキストがあったのと、自分がやりたいようにやりたかったので、テキストは自作しました。前職のテキストも自作だったので、それをベースにしています。

ただし、前職ではマンツーマンでの指導だったので、今回はセミナー用に、一般向けのテキストにすることと、7月に応用編が予定されていたので、ちょっと高度な内容は応用編に回すことにしました。

で、作成したテキストの目次がこんな感じです。

○●Lesson1●○
ホームページの基礎知識
1》ホームページの「ソース」って何?
2》Webブラウザって何?
3》ブラウザでホームページを表示する仕組み
○●Lesson2●○
作成前に知っておきたいこと
1》著作権について
2》商用利用と団体利用について
3》ファイル名には半角の英数小文字を使う
4》本文であっても半角カタカナは使用しない
5》機種依存文字・環境依存文字は使用しない
6》ファイル名や保存場所を勝手に変更しない
7》拡張子を変更・削除しない
8》ファイルサイズに注意する
○●Lesson3●○
画像データの取り扱いについて
1》「元画像は加工しない」
2》「拡大しない」
3》「縦横比を変えない」
4》画像ファイルの種類と特徴
○●Lesson4●○
ホームページの公開方法について
1》ホームページを公開する場所
2》トップページのファイル名
3》ファイルの名前や保存場所と転送場所
○●Lesson5●○
作成方法の選択
1》フルCSSテンプレートとWordPressテンプレート
2》それぞれの特長とメリット・デメリット
3》ホームページビルダーの画面構成
○●Lesson6●○
フルCSSサイトの新規作成と編集
1》フルCSSテンプレートからサイトを作成する
2》基本情報の修正をする
3》共通部分の同期
4》ページの編集
5》文字の編集と段落(フォーカス枠)
6》新しい段落(フォーカス枠)の作り方
7》見出しの適用
○●Lesson7●○
TOP画像の加工と編集
1》TOP画像を編集する(写真の追加と編集)
2》TOP画像を編集する(文字の追加と編集)
3》TOP画像を編集する(図形の追加)
○●Lesson8●○
画像の挿入と回り込み
1》画像の差し替え
2》画像の挿入
3》回り込み(スタイル使用)
4》回り込み(スタイル未使用)
5》代替テキストとタイトル
○●Lesson9●○
リンク
1》ページへのリンク
2》URLへのリンク
○●Lesson10●○
表の作成
1》表の挿入
2》表のツールバーの表示
3》スタイルを適用した表の作成
4》表作成の注意事項
○●Lesson11●○
サイトの管理
1》サイトとは?
2》仮のサイトを作ることのメリット
3》起動時にサイトを開く方法
4》ファイルの移動・削除・ファイル名の変更
5》サイトのチェック
6》サイトの転送
○●Lesson12●○
検索サイトへの登録
1》HPビルダーの機能を使った登録

テキストは表紙などを含めて70ページちょっと。前のテキストからは半分以上差し替えだったので、作るのは大変でしたが、当日セミナーで説明するにはとても便利でした(と、自画自賛)

基本がHP初心者向けなので、まずはHPって何?というところから。
その他に、初期費用がどれくらいかかるか、維持費はどれくらいかかるか、自分で作成するとその後の更新はどうすればいいか、など。
初日の1時間半近くは眠くなりそうな講義中心でしたが、後半は実際HPビルダーを使用してサイトを作成するところをやってもらいました。
写真を差し替えたり、ロゴを作成して入れたり、連絡先をご自分の会社のものに変えたりして、仮ですが、自分がサイトを作るとしたら、のイメージづくりには役に立ったかな。

2日目はページ内の編集中心で、商品写真を入れたり、文章を追加したりという実際に作成したら発生するであろう作業が中心になりました。センターのPCを使用しましたが、希望者にはUSBメモリ等で会社の商品の写真などをお持ちいただき、実際にページにあてはめたりもしてもらって、その時にどんなことに注意するか、などを話しながらでした。そんなに大きな会場ではなかったのと、サポートの先生が来てくれていたので、作業自体はどの参加者の方も問題なく進んだと思います。
7月には応用編を予定しています。

2015年6月15日 | カテゴリー : HPビルダー | 投稿者 : なべ先生