ワンポイント・レッスン事例 フルCSSスマートフォン・テンプレートの使い方@ホームページビルダー教室

ホームページビルダー教室でのワンポイント・レッスンの事例を紹介します。

フルCSSテンプレートを使ってホームページ作成・公開されています。今回は、そのサイト間からのリダイレクト設定(Javascript方式)、フルCSSスマートフォン・テンプレートの修復(div の復活)、HTMLソース編集、Rank Reporterの導入と使い方、Google Search Console (Webmaster Tool)の使い方紹介を行いました。

ホームページビルダー教室 スカイプ授業事例 フルCSSテンプレートの使い方&ページのSEO設定

スカイプ経由でのホームページ作成レッスンの事例です@ホームページビルダー教室

  • フルCSSテンプレート レスポンシブデザイン スマホページ修復
  • ページのSEO設定 TITLE, META Description, H1, H2の使い方
  • #hpb-title h2
  • バナー画像の複製
  • 背景画像の編集 ウェブアートデザイナーで編集 ホームページビルダーへ戻る

スカイプでの授業は生徒さんのパソコンの画面をこちらで見ながら口頭などで指導します。

ワンポイント・レッスン事例 WordPressテンプレートの使い方

自力でレンタルサーバー(ネットオウル)に、ホームページビルダー19クラシックでワードプレスサイトのホームページ作成を開始された生徒さん、サーバーの状態が把握できなくなり、ホームページビルダー教室へ駈け込みました。

ドメイン名で開くと、フルCSSテンプレートで作成したサイトが開きます。URLを指定するとワードプレスのサイトが見れる状態になっていました。

  • フルCSSテンプレートで作成したページの削除(ファイル転送ツール使用)
  • WordPressサイトの新規作成(以前のサイトの削除)
  • サイトの公開、データの反映 (hpbダッッシュボードの使い方)
  • 投稿タイプ、カテゴリーの追加と使い方

などの単発レッスンを行いました。

ホームページビルダー スカイプ遠隔授業事例 フルCSSテンプレートの使い方

ホームページビルダー教室で、先日行ったスカイプでの遠隔レッスンの事例紹介です。生徒さんは、ホームページビルダー18を使ってホームページ作成中。フルCSSテンプレートでのネットショップサイト作成に挑戦中です。まずは、未公開の作成中のサイトを拝見しました。ホームページビルダーで編集の画面をスカイプ経由で見せていただきました。選ばれたテンプレートのテーマは「趣味」。これは1ページしか含まれていないテーマです。お困りのことはそれに起因しているようでしたので、別のテーマをオススメして、再度新規作成から初めてもらいました。トップページのTITLE, Description, H1, H2の編集の仕方をレッスンしました。また、ホームページビルダー・サービスで作成したメルアドのWindows Live Mailでの送受信設定を実技でレッスンしました。

ホームページビルダーの使い方 フルCSSテンプレート 出張レッスン事例 (埼玉県)

ホームページビルダー教室での出張ホームページ作成レッスンの事例です。埼玉県飯能市まで出向きました。

ホームページビルダー19クラシック フルCSSテンプレートでホームページをリニューアル中の生徒さん。

画像が表示できなかったり、サイトやフォルダがたくさんできてしまい、またサーバーにも同じものがいくつかあるような状態でした。

画像へのリンクが相対パスではなくパソコン上のフォルダへの絶対参照になっていました。これらはHTMLソースで修正しました。

テンプレートに含まれる画像がサーバーにアップできていなかったので、アップし直しました。

サーバー(ジオプラス+独自ドメイン)上も整理しました。

不要なサイトや転送設定を削除して、これからは生徒さん自力で更新・公開ができるように練習してもらいました。

今後はなにか問題があれば、スカイプでの遠隔授業をオススメしました。

マンツーマン指導例 ホームページビルダーフルCSSテンプレートの使い方

ホームページビルダー19クラシック フルCSSテンプレートでホームページ作成中の生徒さん、レッスン前にご要望を伺い、SEOの基本を指導することに・・・ title, meta keywords, meta description, h1, h2, の意味と編集方法と実際の入力をしてもらいました。レッスンはトップページのみで行い他のページへの同様の入力は生徒さんにしてもらいます。

ホームページビルダー フルCSSテンプレートの使い方 スカイプ遠隔授業事例

ホームページビルダー教室では、日本全国の生徒さんを対象に、スカイプでの遠隔ホームページ作成授業を承ります。

(基本は通常授業終了後の平日20時15分から 土曜日は17時15分から 要事前予約)

先日実施したスカイプでのレッスン事例を紹介いたします。

ホームーページビルダー18フルCSSテンプレートでサイト作成済み

  • スマホサイトの管理(サイトの管理)
  • title, meta descriptionの使い方
  • h1, h2 の使い方
  • alt属性の使い方

の説明を、生徒さんが実際に作成されたサイトのHTMLソースをその場で読みながら解説していきました。ホームページビルダーの操作は、スカイプで生徒さんのパソコン上のホームページビルダーを見ながらの講義です。

 

ホームページビルダー スカイプ遠隔授業事例 CGIの使い方

ホームページビルダー教室では、スカイプを利用した遠隔授業を行っています。ホームページ作成授業の事例を紹介します。

ホームページビルダー19クラシックのフルCSSテンプレートでサイトを作成・公開されました。問い合わせフォームを動かすことができていないようでした。またドメインのつけかえが上手いっていないようでした。

レッスンでは、ムームードメイン側でネームサーバーの設定変更、ロリポップ・レンタルサーバーでの設定手順などをレッスンしました。問い合わせフォームにはpostmail.cgiを利用しました。CGIの入手(ダウンロード)、宛先などの変更をします。CGIの場所をホームページビルダー側で指定します。CGIをFTPして、アクセス権を変更して、問い合わせページを更新というのが大まかな流れでした。

 

メール技術指導事例@ホームページビルダー教室

ホームページビルダー教室では、遠方の方、経験者の方を対象に、メールでのホームページ作成技術指導を承っております。過去の事例を紹介いたします。

フルCSSテンプレート スタイル(CSS)をカスタマイズしてきたいとのことで、テンプレートの構造と、スタイルシートマネジャーの説明をする指導書を作成して、メールで送りました。

次のような指導書(ごく一部の抜粋です。)を作成しました。

ホームページビルダー メール技術指導

 

質疑応答はメールで行いました。