ホームページビルダー教室 レッスンメモ CSSの変更

ホームページビルダー教室、本日のホームページ作成レッスンでCSSの変更を行いました。その記録です。

@media screen and (min-width: 601px)
.contactInfo {
display: block;
background: url(../images/txt_header_copy.png) 0 0 no-repeat;
width: 511px;
height: 13px;
text-indent: 0px; /* changed from -9999 */
padding-left: 530px; /* added */
padding-bottom: 22px; /* added */
}

ホームページ作成応援キャッシュバックキャンペーン ホームページビルダー21

ホームページ作成応援キャッシュバックキャンペーン 4月25日まで

ジャストシステム社は、ホームページ作成応援キャッシュバックキャンペーンを実施中

4月25日までにホームページビルダーを購入し、ユーザー登録の上、キャンペーンに申し込むと1000円分のギフトカード(三井住友VISA)がもらえるというもの。

キャンペーン申し込み締め切りは5月2日(消印有効)

無料相談会受付中@ホームページビルダー21教室

ホームページビルダー教室(パソコン教室キュリオステーション)では、ホームページビルダー使用に限らず、ホームページ作成に関するお悩みをお伺いしております。

事前予約制、1時間のホームページ無料相談会を受け付けております。

詳細は、別サイトの ホームページ作成横浜.com をご覧ください。

ホームページビルダー21教室日誌 BackWPUpワードプレス・プラグインの使い方

新年あけましておめでとうございます。今年もホームページビルダー教室では皆様のホームページ作成のお手伝いをいたします。昨年後半は、ホームページビルダーではなく、ワードプレスでのホームページ作成の割合が増えてきました。新年は5日より通常通りに授業を開始いたします。ホームページ作成無料相談会随時受付しております。

1月4日、3日
ホームページビルダー教室内美化、整備作業と授業の予習

12月30日~1月2日
完全オフ

12月29日
ホームページビルダー教室の床磨きとワックスがけ

12月28日
ホームページ作成無料相談実施2名、フルCSSテンプレート 1名、ホームページビルダー21SP入門セミナー申し込み受付、ホームページビルダー無料相談受付

12月27日
ホームページビルダー21SP 2名、ホームページビルダー21SPワードプレス 1名、フルCSSテンプレート 1名
おすすめレンタルサーバー(ロリポップ)申し込み手続き、ムームードメインでの独自ドメイン取得、サイトの公開、YouTube動画加工ツールの使い方、イメージデザイナーの使い方、ホームページ作成実技授業

12月26日
ホームページビルダー21SP入門セミナー開催日発表、ホームページビルダー教室お問い合わせ対応(千葉県、東京都)
ホームページビルダーSP 1名、SPワードプレス 1名、フルCSSテンプレート 1名、WordPress 1名、クラシックWordPress 1名、クラシックWordPressテンプレート 1名(スカイプ遠隔レッスン)
PDF作成、PDFファイルへのリンク、ロリポップレンタルサーバー申し込み(エコノミープラン)、ムームードメイン申し込み、マルチドメイン設定
WordPress更新、Simple Mapプラグインの使い方、ekitenの使い方(埋め込み)、Scroll Back To Topプラグインの導入、BizCalendarプラグインの導入と使い方

12月25日
ホームページビルダー21入門セミナー実施
イメージサイズの変更

12月24日
フルCSSテンプレート 2名、クラシックWordPress 1名、SP 1名
Lineから画像をPCへ転送、スマホでのダッシュボードの使い方、ページの複製、ロリポップへのログイン、ホームページ作成実技

12月23日
NPO法人ホームページ更新(フルCSSテンプレート使用)
ホームページビルダー21SP入門セミナー準備作業
ホームページビルダーSP見本サイト更新(Yahoo!、グーグルマップなど)

12月22日
フルCSSテンプレート 1名、WordPress 1名、ホームページビルダーSP WordPress 1名
表の編集、メディアの表示サイズ変更、Edit Author Slugプラグインの使い方、GIMPの使い方、アップロードサイズ上限変更
投稿の新規作成、メディアの挿入

12月21日
21SP見本サイト更新(スムーズスクロールの追加)、ホームページビルダー21SP入門セミナーの準備

12月20日
ワードプレス 3名(横浜WordPressスクール)、ホームページビルダーSP 1名、フルCSSテンプレート 1名、SPワードプレス 1名、ホームページ作成代行作業(フルCSSテンプレート使用)
GIMP,CF7、BackWPUpプラグインの使い方、Advanced Custom Fieldsプラグインの使い方、ショートコード、アイキャッチ画像、Wp-Tilesプラグイン
ロリポップ申し込み、ムームードメイン(.yokohamaドメイン)、スマホトグルメニュー修復、投稿新規作成、DIVの使い方

12月19日
ホームページビルダー21SP 1名、フルCSSテンプレート 2名、ホームページビルダー21SPワードプレス 1名
GIMPからPDFへの保存、ページ編集、GIMPトーンカーブの使い方、明度の反転、画像の着色、スマホ専用ナビの追加(ul, li, float)
font-weightの使い方

12月18日(ホームページビルダー教室定休日)
有志の仲間たちと相模川河岸段丘ウォーキング(海老名駅を中心に)

12月17日
WordPress 1名、クラシックWordPressテンプレート 1名、SP 1名
GIMP画像の切り抜き、サイドバーウィジットの配置、ワードプレスのログインURL、「動画でわかるホームページビルダー21」入手、評価開始。

12月16日
SPワードプレス 2名、フルCSSテンプレート 2名、ホームページビルダー21SP 2名、SP ワードプレス 1名、NPO法人ホームページ更新(フルCSSテンプレート)
サイトエクスポート、インポート、margin-left、全角・半角の統一、ケーブルTVでのアップロード問題、グーグルサーチコンソールへのサイト登録、aioseoプラグインの使い方、
ビジュアルサイトビュー「リンク」、「フォルダ」タブの使い方、投稿での表編集(TinyMCS Advancedプラグインの使い方)、投稿の新規追加、h3 h2への変更、文字サイズ変更スタイル、メニューのプロパティ

12月15日
ホームページビルダー フルCSSテンプレート 3名、ワードプレス 1名、ワードプレス短期集中レッスン 1名、ekiten調査、NPO法人ホームページ更新作業
サイト作成、転送設定の新規作成、ロリポップ支払い、グーグルサーチコンソールへのサイトの登録、WP-Tilesワードプレス・プラグインの使い方、投稿と固定ページの使い方、テーマの導入、カスタマイズ

12月14日
ホームページビルダー フルCSSテンプレート 1名、ホームページビルダー21SPワードプレス 1名
ページ内容、DIVとCSSでレスポンシブ化、リストマークの変更、top, left, padding-left, background-imageの使い方、固定ページの編集、ホームページ作成実技

12月13日
ホームページビルダー21SP通常 1名、ホームページビルダー21SPワードプレス 1名
画像のスキャン、テキストボックスパーツのマージン調整(CSS)、固定ページへ画像の追加、サイト公開とデータの反映(ワードプレスプラグインhpbダッシュボードの使い方)

12月12日
ワードプレス 1名、ホームページビルダー21SPワードプレス 1名、フルCSSテンプレート+レスポンシブページ内容 1名、フルCSSテンプレート 1名、クラシックWordPressテンプレート(スカイプレッスン)
表のスタイル、ワードプレスURL入れ替え、問い合わせフォーム(CF7プラグインの使い方)、ワードプレス表示設定、phpMyAdminの使い方

 

動画でわかるホームページビルダー21 基本編・応用編DVD教材

動画でわかるホームページビルダー21

ジャストマイショップで注文しておいた「動画でわかるホームページビルダー21」がホームページビルダー教室に到着しました。

基本編

  1. 起動から新規作成まで
    1. 起動と操作画面
    2. サイトの新規作成
    3. サイトタイプの設定
    4. テンプレートから制作されるページ
    5. ナビバー下段の操作
    6. ページ一覧ビューとパーツ一覧ビュー
    7. ビューのフローティング
    8. サイトタイトルとキャッチフレーズ
    9. 住所の変更
    10. サイトタイトルの編集
    11. ヘッダー画像の編集
      [イメージデザイナー]
    12. ページ内容の編集
    13. サイトの保存と作業の再開
  2. よりサイトを作りこむ
    1. ニュース(ブログ更新)の編集
    2. 不要パーツの削除
    3. パーツの追加/テキストボックス
    4. パーツの追加/リスト
    5. パーツの追加/表
    6. パーツの追加/画像の挿入
    7. パーツの追加/ボタン
    8. パーツの追加/フォトモーション
    9. パーツの追加/アイテムギャラリー
    10. パーツの追加/地図(Google Maps)
    11. テンプレートの編集
    12. サイトの公開

応用編

  1. ショップ機能を追加する
    1. 地図スタジオ
    2. カートの追加
    3. お問い合わせフォーム
    4. SNSボタンの設置
    5. パーツの追加/YouTube動画
    6. Twitterタイムライン
    7. 複数サイトの同時管理
  2. クラシックでのサイト作成
    1. クラシックとは
    2. 新規サイトの構築
    3. ビジュアルサイトビュー
    4. タイトル画像の編集
    5. 文字編集
    6. リスト項目の編集
    7. メニューの変更
    8. レスポンシブ
    9. 見出しの追加(クラシック)
    10. ストロングタグ(論理強調)
    11. フォントサイズの指定
  3. SEO
    1. SEOとは
    2. タイトルとキャッチフレーズ
    3. キーワード設定
    4. アクセス解析
    5. 見出しの追加(SP)

開発元:株式会社リオ
販売元:スキルインフォメーション株式会社

 

 

 

ホームページビルダー21教室日誌 グーグルマップAPIキー

ここしばらくは、welqに端を発するDeNAのキュレーションメディア(meryなど)の問題を観察しておりました。

ホームページビルダー21教室の最近の出来事です。

  • 12月11日 (ホームページビルダー教室の定休日)
    ホームページビルダー教室の年賀状作成(イラレでデザイン。教室のプリンターで印刷)
    ホームページビルダー21SPでホームページ作成中の生徒さんのために資料をスキャン(PNG形式で保存)
    出張訪問パソコン整備のための部品注文(増設用メモリー) 
  • 12月10日
    ホームページビルダーSP1名、WordPressテーマ作成1名(横浜WordPressスクール)
  • 12月9日
    ホームページビルダー21SP 1名、WordPress 1名、SP 1名、hpb21 sp wordpress 1名
    イメージデザイナーの使い方、固定ページの更新、リンクの設定、サイトの公開、データの反映、画像パーツの左配置、ホームページ作成実技
  • 12月8日
    WordPress 2名、HTML 1名、ホームページビルダー21 SP WordPress 1名
    ワードプレス1日入門コース実施、メディアの作成(GIMP)、SiteOrigin Editorの使い方、Google Map API Key取得、サイトの公開
    ワードプレス無料相談会実施
  • 12月7日
    ホームページビルダー21 sp 2名、SP 2名、HTML+CSSスマートフォンテンプレート 1名、クラシックWordPressテンプレート 1名、WordPress 1名、ホームページビルダー21SPワードプレス 1名
    定義リストパーツの使い方、ZIPファイルの作り方、ブログの使い方、投稿の新規作成、タイトル変更、ユーザー権限グループの使い方、ロリポップでのWordPressインストール
  • 12月6日
    ホームページビルダー教室で使用中のホームページビルダー21SPのパソコン引っ越し(エクスポートとインポート)
    WordPress 2名、クラシックWordPressテンプレート 1名、フルCSSテンプレート 1名、ホームページビルダー21 SP WordPressサイトタイプ 1名
    スカイプ経由でのホームページビルダー無料相談会実施 1名
    display post listプラグインの使い方、WP-Tilesの使い方、ウェブアートデザイナー オブジェクトスタックの使い方、Smart Slider 3ワードプレス・プラグインの使い方、カスタム投稿タイプのカテゴリー表示
  • 12月5日
    ホームページビルダーSP WordPress 1名、HTML 1名、クラシックWordPressテンプレート 1名(スカイプ遠隔授業)
    カテゴリー未分類の削除、ブログ編集、サイトナビゲーションのボタン開閉、ハンバーガーアイコンの改善(icon-menu-toggle ウェブアートデザイナーで画像編集)、コラムパーツアコーディオンの使い方、GIMPで画像編集、ヘッダー画像、キャンバスの設定、編集優先・表示優先の使い方
  • 12月4日 日曜日 ホームページビルダー教室の定休日
    ホームページビルダーSPデモ作成 (YouTube&コラムパーツ)、スマホアイコン改善方法予習(クラシックWordPressテンプレート)
  • 12月3日
    ホームページビルダーSP 1名、クラシックワードプレステンプレート 1名、クラシックフルCSSテンプレート 1名、WordPress 1名
    ウェブアートデザイナーでバナー画像の作成方法、デジカメ写真の入れ替え方法。
  • 12月2日
    WordPress 1名、ホームページビルダー21SP 1名、クラシックフルCSSテンプレート 1名、SP 1名
    画像パーツの使い方、バナー画像の追加方法、プレビューの使い方、サイトの新規作成、共通部分の同期方法、「このページは表示できません」問題、メールアドレスの有効性認証、ムームードメイン情報認証のお願い、ホームページ作成レッスン
  • 12月1日
    HTML 1名、ワードプレス 1名、ホームページビルダー21SP 1名
    FileZillaの使い方、ロリポップサーバーからサイトのダウンロード、CSSのパス修正、ムームドメイン、ロリポップサーバーの申し込み、マルチドメイン設定、ワードプレスのインストール、GIMP単色塗りの使い方、Yahoo!メアド取得
    スカイプ経由でのホームページ作成無料相談会実施(クラシックWordPress)
  • 11月30日
    フルCSSテンプレート 2名、ホームページビルダー21SPワードプレス 1名、クラシックWordPress 1名(スカイプでの遠隔授業)
    <DIV>のスタイル、ウェブアートデザイナーの使い方、YouTube公開設定、<SPAN>の使い方、サイトの新規作成、style属性の書き出し、CSSのURL指定、PNG画像形式の使い方、ページの設定(ワードプレス・サイト)、サイドバー左右入れ替え、メニュー構成の編集
  • 11月29日
    SP 1名、ホームページビルダー21 SP 2名、WordPress 2名、クラシックWordPress 1名、HTML/CSS無料相談実施
    ページのSEO設定の使い方、Bottom Admin Bar ワードプレス・プラグインの導入、SEOタイトル設定(aioseoプラグインの使い方)、<DIV>の編集、グーグルサーチコンソールのレビュー、カテゴリー分類の変更、投稿一覧のプロパティの使い方

ホームページビルダー21教室日誌 バージョン21SPレッスン進行中

11月28日:
ホームページビルダーフルCSSテンプレート 3名、ホームページビルダー21 SP WordPress 1名、クラシックWordPress 1名(スカイプでのレッスン 埼玉県)
サイトの新規作成、編集、サイト更新。リンク作成ウィザードの使い方、投稿一覧パーツの使い方、親カテゴリー、分類の追加、ラベルの追加。
index.htmlとindex.phpの入れ替え方法、ホームページビルダーサービスのファイルマネジャーの使い方、ホームページビルダー・ダッシュボードの使い方
(サイトを非公開にする)、XMLサイトマップの追加、meta descriptionの追加(aioseoの使い方)、ホームページ作成実技

11月27日:日曜日 ホームページビルダー教室定休日
川崎市散策、ホームページビルダー・ワードプレス作成代行事務処理、パソコン教室横浜.net更新作業

11月26日:
WordPress 1名、ホームページビルダーフルCSS 2名、SP 1名、クラシックWordPressテンプレート 1名
練習用サーバー、ワードプレスの使い方、ホームページ作成レッスン、ブログ、カテゴリー、サイトタイトル、固定ページ、ナビゲーション作成、テーマのカスタマイズ(色・画像)、転送設定の新規作成、ページにリンクの追加、カテゴリーの親子関係の使い方

11月25日:
ホームページビルダーSP 1名、フルCSSテンプレート 1名、SPワードプレス 1名
ボタンパーツの使い方、divのスタイル設定(CSSエディター、style属性の使い方)、スマホページでの回り込み指定、text-alignの使い方、マージンの設定、グーグルクロームF12の使い方、ホームページビルダー作成事例追加掲載

11月24日:
HTML/CSS 1名、ホームページビルダーフルCSSテンプレート 1名、ホームページビルダー21SP 1名
現行サイトのレスポンシブ化、span, divの使い方、CSSエディターの使い方

11月23日:ホームページビルダー教室定休日
ホームページビルダークラシックでの複数フォトモーションの挿入方法調査、SP WordPress作成代行作業(Wp-Insertプラグイン)

11月22日:
ワードプレス 1名、SP 1名、ホームページビルダーフルCSSテンプレート 1名,ホームページビルダー21SP 1名
固定ページのスラッグ変更、アイキャッチ画像の使い方、カテゴリー表示、問い合わせフォーム(CGIの設置)、サイトタイトル、キャッチフレーズの使い方、ShowIDプラグインの使い方、Google AdWordsキーワードプランナーの使い方、表の編集、aioseoプラグインの使い方、ロリポップメールの設定、ホームページビルダー作成事例更新、margin-bottom, margin-right調整、JQuery問題、イメージデザイナーの使い方

11月21日:
フルCSS 1名、ホームページビルダー21フルCSSテンプレート、ホームページビルダー21SP 3名、ホームページ作成無料相談 1名、ワードプレスサイト作成代行打ち合わせ
ホームページビルダー教室パソコンのホームページビルダー更新。背景画像の設定、サイトの新規作成イメージデザイナーの使い方、画像の回転、ウェブアートデザイナーの使い方、文字編集、字間、フォトモーション、サイトの削除、パーツ一覧の使い方、画像パーツ、コピペ&表示形式、Wp Insertプラグイン試作(ページナビゲーション追加)、Facebook、ペライチの調査

11月20日:ホームページビルダー教室定休日
六角橋へ買い物。横浜市営バスで鶴見へ休日出勤
ブログ更新、ホームページビルダー21SP入門セミナー準備作業、グーグルドライブのダウンロードと共有

 

ホームページビルダー21によるホームページ作成例を更新しました

ホームページビルダー教室の生徒さんのホームページ作成事例集を更新しました。ホームページビルダーSPでの作成例です。

 

ホームページ作成事例 ホームページビルダー21 22 教室|クラシック・SP・WordPress・フルCSSテンプレート

ホームページビルダー教室日誌 ホームページビルダー21SPテンプレートのレッスン始まりました

ホームページビルダー教室日誌

  • 11月19日
    ホームページビルダーSP 20 1名、ホームページビルダー21クラシック フルCSSテンプレート 1名、エクセル表の貼り付け、hpb-mainの幅設定変更(CSS)、サイドバー削除(HTML編集)、背景画像の編集(ウェブアートデザイナーの使い方)、コラムパーツの使い方、群馬県、千葉県より通学
  • 11月18日
    ホームページビルダーSPテンプレート 2名、フルCSSテンプレート 2名、ホームページビルダー無料相談会 1名(ワードプレスでのサイト作成)、クラシックWordPressテンプレート 1名。WiFi設定、SPサイト(通常)の新規作成、サイトの公開、フォトショップエレメント―修復ブラシの使い方、アブストラクト・ゲームのWebサイト作成開始(SPサイト=通常)、Flashタイトルの差し替え、ウェブアートデザイナーでの背景画像の編集、投稿タイトル文字サイズ変更、投稿パーツの使い方、投稿の新規作成と公開
  • 11月17日
    SP 1名、フルCSSテンプレート 1名、HTML 1名、WordPress 1名、ホームページビルダー無料相談会
    デスクトップPC持ち込みレッスン、パーツのプロパティ、アイテムギャラリーの使い方、ページのSEO設定、alt属性使い方、
    行の追加(表の編集)、h1のスタイル設定、拡張デスクトップの使い方、投稿を下書きとして保存、ウェブアートデザイナーの使い方
  • 11月16日(ホームページビルダー教室定休日)
    ホームページビルダー作成代行(クラシックWordPressテンプレート)、image widgeの配置、ウェブアートデザイナーでバナー画像(PNG)の作成、フルCSSテンプレートサイトへの新規ページ追加、YouTubeへ音声データを動画化してのアップロード
    ホームページビルダー作成代行無料相談会実施
  • 11月15日
    WordPress 1名、ホームページビルダーSP 1名、フルCSSテンプレート 1名、ホームページビルダー無料相談会 1名、スカイプ遠隔授業(SP
     WordPressサイト) 1名。ムームードメイン、ロリポップ契約、グーグルマップの埋め込み(iframe)、SPANの使い方、Chrome検証機能の使い方、さくらインターネットPHPバージョン変更、カスタム投稿タイプ追加、タイル表示(WP‐Tilesプラグイン)、makeshopの使い方、backup.zipの場所、ロリポップFTPの使い方、dymanic widgetワードプレス・プラグインの使い方、プラグインのショートコード置き換え
  • 11月14日
    ホームページビルダーSP 2名、ホームページビルダー21 SP 1名。グーグルサーチコンソールへのサイト登録、キーワードの選び方、bing webmaster toolへの登録。
  • 11月13日(ホームページビルダー教室定休日)
    大倉山駅経由 師岡熊野神社散策、休日出勤(ホームページビルダー作成代行作業、ホームページビルダー21SPセミナー準備)
  • 11月12日
    ホームページビルダー作成代行作業素材受け取り(音源)、WordPress 1名、VIM, grep, pipeの使い方
  • 11月11日
    NPO法人ホームページ更新作業(クラシック フルCSSテンプレート使用)、SP ワードプレスサイト(千葉県)のデバッグ(bbPressプラグインの復活)
  • 11月10日
    企業向け研修の問い合わせ、ホームページビルダー21 SP 1名、フルCSSテンプレート 1名、WordPress 1名、SP 1名、クラシックWordPress 1名、SPテンプレート入門、スパテク、共通部分の同期、サイトナビゲーションの入れ直し、画像とテキストボックスの横並び配置、リンクの設定、CSSの変更(拡張CSSプラグインの使い方)、margin-bottom:2emを変更、メニュー項目の削除、HPB上でプラグイン(TablePress)ショートコードの埋め込み
  • 11月9日
    ホームページビルダー20SP 1名、ホームページビルダー21SP 1名
    テキストボックスパーツの配置、画像パーツの横配置、サイトのエクスポート、イメージデザイナーの使い方(テキスト枠の追加)
  • 11月8日
    WordPress 1名、SP 1名、クラシックWordPress 1名、クラシックフルCSSテンプレート+WordPress 1名、SP WordPress 1名(スカイプ遠隔授業 千葉県)
    さくらインターネット(データベースの作成、WordPressインストール、TCD Lotusテーマの購入、インストール、カスタマイズ(スライダー、テキストシャドウ)、SPサイトのインポート、エクスポート、サイトの公開とデータの反映、ftpacessの設定、確認くんの使い方
  • 11月7日
    SP WordPress 1名、HTML・CSS 1名、フルCSSテンプレート+WordPressブログ 1名、ホームページビルダー21SP 1名、ホームページ作成代行問い合わせ対応、ドメインキングでのWordPressサイトアドレス(URL)変更、拡張CSSの使い方、キャッチフレーズの編集、バナー画像の追加(ウェブアートデザイナーでの編集)、イメージデザイナーの使い方(文字の追加)
  • 11月6日(ホームページビルダー教室定休日)
    パソコン教室キュリオステーション横浜鶴見つくの店 開校7周年記念パーティー
  • 11月5日
    SP 1名、SP WP 1名、WordPress 1名、ホームページビルダー無料相談会申し込み 1名
    コラムパーツの使い方、イメージデザイナーの使い方、文字・背景の編集、パーツの挿入
  • 11月4日
    ホームページビルダーSP 2名、フルCSSテンプレート 1名、ホームページ作成無料相談会1名、SP WordPress 1名、クラシックWordPress1名。ラジオボックスの使い方、入力必須の指定、ウェブアートデザイナーの使い方、ページの複製、CGIアクセス権の設定、ナビゲーション作成、投稿の新規作成、メディアの追加、wp-config.phpの変更

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ホームページビルダー21 ビジネスパック 自宅にインストール

今朝は、定期健診のため、いつもより早起きしてから済生会横浜東部病院へ通院してから、ホームページビルダー教室へ出勤しました。雨もありましたが、そのために昨晩はいつもより早く帰宅しました。自宅のノートパソコンにホームページ作成ソフトの代表 ホームページビルダー21ビジネスパックをインストールしました。これで自宅でもホームページビルダー21の研究が行えます。

 ホームページビルダー21ビジネスパック

ホームページビルダー21 インストール

  • ホームページビルダー21 クラシック
  • ホームページビルダー21 SP
  • ホームページビルダー21 EC
  • イメージデザイナー
  • 地図スタジオ2
  • ホームページビルダー21 コンテンツ ビジネスパック

など、すべてを導入しました。