既存ページのデザイン変更 ホームページビルダーの使い方

ホームページビルダー19クラシックで、既存ページの更新を担当された方が、いくつか見た目を変更したいとワンポイント・レッスンを受講するためにホームページビルダー教室へお越しになりました。サイトのデータ(HTMLファイル群)、ホームページビルダー19をノートパソコンで持参されてのレッスンです。

  • 表の編集(行の追加、列の削除)、セル内容の切り取り・貼り付け(移動)
  • 写真画像のセル内の配置設定
  • 他ページへのリンクの挿入、削除
  • フォント属性の解除、明朝・ゴシックの設定、サイズ、色の設定(フォントスタイルの設定SPAN)

などを、講師用のパソコンで実演しながら、生徒さんのパソコンで実技をしてもらいながらホームページ作成を進めました。

ホームページビルダー19クラシック フルCSSテンプレートの使い方

ホームページビルダー教室のワンポイント・レッスンでは、できる範囲でテンプレートを改造してのホームページ作成にも対応いたします。

こちらはオリジナルのフルCSSテンプレートです。メニュー項目は5個横に並んでいます。最後の項目を複製しても、みための変化はありません。追加したものは、はみでて表示されません。

フルCSSテンプレート

メニュー項目の幅を調整します。ちょうど6つが均等になるようにCSSを調整しました。

フルCSSテンプレート

スカイプでのホームページビルダー サブドメインの使い方 遠隔個人レッスン事例

ホームページビルダー教室では日本全国、全世界を対象にスカイプでのレッスンを承ります。

本日は通常授業後に、ホームページ作成中の福岡県の生徒さんとスカイプでのレッスンです。2つ目のサイト(sp wordpress)の公開の相談から・・・、ホームページビルダー・サービスを使われているので、マルチドメインはできません。サブドメインでいくことになりました。サブドメインをつくり、転送設定とWordPressのインストール、サイトの公開とデータの反映を行いました。タイトル画像が正しく表示されません。ホームページビルダー側で確認。ページ編集でもブラウザーでのプレビューでも表示されます。転送時の問題と判断し、転送設定を変更して対処しました。プラグインの導入(画像ウィジット、jqueryライトボックス)、コメントの停止などを指導しました。

独自ドメインの使い方@ホームページビルダー教室

ホームページビルダー教室でホームページ作成して運用している卒業生の方が久しぶりに教室へお越しになりました。

サイトの公開ができなくなってしまったそうです。調査してみました。ムームードメインで独自ドメイン(レンタルサーバーはロリポップ)を取得して使っていたのですが、失効しています。年間料金の支払いを忘れてしまったようです。

独自ドメインを回復して、サイトの公開を再開しました。

ホームページビルダーの使い方 出張レッスン事例

ホームページビルダー18クラシックのテンプレートでホームページ作成をして、更新されている生徒さん宅へ出張レッスンに伺いました(横浜市内)。「タグのネストが深い」警告の解消、ガイドメニューの非表示、未使用ファイルの整理(移動)、フォントスタイルの設定の使い方など、普段の更新作業でお困りのことをレッスンしました。

ホームページビルダー フルCSSテンプレートの使い方レスポンシブデザイン スマホメニュー消失

ホームページ作成ソフトのホームページビルダー19では、従来から対応しているWordPressテンプレートと同様に、フルCSSテンプレートもレスポンシブデザインになりました。スマホで表示するとナビゲーション・メニューがスマホ向けのものに変化します。テンプレートの内部構造を知らないで、大事なHTML要素を消してしまうことが、フルCSSテンプレートでは簡単に起きます。内部構造を知らなければ、消えてしまったスマホメニューを復活することはできないでしょう。

こちらは正常な状態です。左の状態でクリックするとナビゲーションメニューが展開されます。

スマホ対応ホームページビルダー19  

 

こちらは誤って、テンプレートの要素を消してしまった場合です。

スマホ用のメニューが消えてしまいました。

ナビゲーション消失

修復できる場合がありますので、お気軽にホームページビルダー教室へご相談ください。

WordPressテンプレートの使い方@ホームページビルダー教室

ホームページビルダー教室での今日のレッスン中にワードプレスの実演を行いました。その際に作成した投稿です。

ホームページビルダー17からWordPressサイトの作成が可能になりました。19で新登場し、20で強化されたSPでも同様にワードプレスのサイト作成が可能です。

ホームページビルダーとワードプレスの役割分担とそのメリットを実演しました。

マルチドメインの使い方 マンツーマン指導事例@ホームページビルダー教室

ホームページビルダー教室の土曜日の通常授業終了後は時間外実施のマンツーマン ホームページ作成指導でした。生徒さんは既にいくつかのサイトをクラシックのフルCSSテンプレートで作成済みで、新たなサイトの作成を開始されました。まずはロリポップのレンタルサーバーでのマルチドメイン設定が上手くできていなかったので、それを直しました。インターネット上のフリー画像素材の使い方、HTMLにゴミが入ってしまっていたので除去、サイトの新規作成、転送設定の使い方を個人指導しました。

スカイプでのホームページビルダーレッスンをご希望の方へ

ホームページビルダー教室では、スカイプでのホームページ作成レッスンを受講される方が増えてきましたので、注意事項をまとめておきます。

  • Window 8をお使いの方 スタート画面ではなく、従来のWindowsと同様のデスクトップで動作するSkype for Windowsデスクトップを使えるようにご準備ください。画面を共有(生徒さんのパソコンの画面をこちらから見る)ためには、Skype for Windowsデスクトップが必要です。
  • メールにて、内容への希望、日時の予約を事前にお願いします。
  • 初回授業の前に、0回目は接続試験と自己紹介の10分間をお願いしています。
  • レッスン料金は銀行振り込みのみ、指定口座へお振込みください。(振り込み手数料はご負担ください。)
  • 実施可能時間は、当方の通常授業終了後(平日20時15分~、土曜日17時15分~)となります。

以上 よろしくお願いいたします。

ホームページビルダーの使い方 出張レッスン事例

通常授業終了後、東急池上線沿線(東京都大田区)までホームページ作成出張レッスンへいきました。

ホームページビルダー8の時代に作成して、現在はバージョン16で更新しているホームページです。

パソコンの引越しの際に、ファイル(HTML)がおかしくなってしまったそうです。

まずは状況を診断しました。file.htmlとなるべきところがfilehtmlとなっていて、HTML

ファイルとして認識されなくなっていたのが問題でした。

その他、ラベルへのリンク、転送設定、サイトの公開、リンク切れの解消、画像の追加、SEO基礎などをあつかいました。