本邦唯一日本IBM出身ホームページビルダー元開発責任者 鎌田裕二の
ホームページビルダー教室
ホームページ作成無料相談受付中(こちらをクリック!!)
TEL 045-567-8393 (平日11~20時 土11~17時 日祝休 留守電不可)
ホームページビルダー教室
ホームページ作成無料相談受付中(こちらをクリック!!)
TEL 045-567-8393 (平日11~20時 土11~17時 日祝休 留守電不可)
ホームページビルダー19の新機能、ホームページビルダーSPに慣れるために、まずは「できるホームページ・ビルダー 19」の本の流れにそって、内容は適宜アレンジしながら、練習用のサイトを作成してみました。この本では、ワードプレスではなく、通常サイトを作成しています。赤字は私のコメントです。
- ガイドメニューを消す
- 新規作成 テンプレートのデザインを選択 フェミニン0005
- サイトタイプ=通常 (サイトタイプは後々の変更はできないと予想しています。)
- サイト名を入力
- 業種を選択 (店舗) (プレビューすると全ページを見ることができます。)
- タイトル・キャッチフレーズ入力
- 修正したい部分を選択 フォーカス枠に書式のツールバーが表示される
- 文字編集・書式・保存
- パーツの使い方(サイトナビゲーション、ページタイトル、テキストボックス、リスト・定義リスト、表、ボタンなどが用意されている) (パーツの追加はSPの特徴)
- パーツ一覧ビューからボタンパーツを実際に追加。
- 追加したパーツの編集(プロパティボタン) 外部リンクの追加 (ターゲット指定はできるのか?)
- パーツの移動 (ドラッグ&ドロップ)
- パーツのサイズ変更
- パーツの削除
- 画像の編集 (ウェブアートデザイナーWAD健在! 誰が作ったか知ってるだけに、嬉しいやら、進化のなさを不思議に感じたり・・・)
- テンプレートの背景画像の変更(ウェブアートデザイナーの使い方)
- ブラウザー(Internet Explorer)確認
- スマートフォン用のデザイン表示(レスポンシブデザイン)
- ページの名前の変更 (ページの変更ダイアログ 本と同じものが表示されない??)
- サイトナビゲーション順番の入れ替え
- 下部のサイトナビゲーションのメニューを追加する・上部のサイトナビゲーションのメニュー削除
- ページの追加 (新規ページのサイトナビへの追加は自動?)
- 画像の挿入 (画像の解像度の変更はこの時点でできないみたい・・・) (画像の選択で表示されるフォルダ サイト、素材集、ピクチャ、コンピュータ ドキュメントも表示して欲しいな)
- Googleマップの挿入 (+-によるスケールより ズームレベルの数値設定が優先される) (複数マーカー設置、情報表示などホームページビルダー18より機能が少ない)
- ホームページの公開 (今回の練習ではホームページビルダー・サービスのサブドメインを使用 URLはこちら⇒http://hpb19-sp-html.hpb18.org/ サーバーにバックアップファイルの転送をすること。たとえ一部の変更でもサイト全体を転送するのはホームページビルダー18のワードプレス・テンプレートに似てます。)
- スマートフォンからレスポンシブデザインの確認
- リスト パーツの挿入
- 表パーツの挿入 列の削除 幅の調整 (幅の調整が本のようにいかなかった)
- SNSボタンの挿入 (デフォルトでは はてな!ブックマーク、いいね!(フェイスブック)、ツイートボタン、Google+)
- お問い合わせフォームの設定 (本ではmailto:を使うようになっています。こちらではホームページビルダーサービス簡易CGIを設定しました)
- YouTube動画の貼り付け HTMLソースパーツ
メニューの構成などの操作感は、ホームページビルダー18のワードプレス・テンプレートの編集に似ている面があります。
今回作成したサイトは以下のURLに公開してあります。
http://hpb19-sp-html.hpb18.org/
ホームページビルダー18では可能だった「デザインの変更」はできないみたい・・・
先に挿入した画像はデジカメ解像度のまま挿入、そのままのサイズで公開されます。解像度に要注意。以下ページ参照
http://hpb19-sp-html.hpb18.org/custom.html
本邦唯一日本IBM出身元開発責任者 鎌田裕二の
ホームページビルダー教室・無料体験受付中(こちらをクリック!!)
TEL 045-567-8393 (平日11~20時 土11~17時 日祝休 留守電不可)
生徒さんホームページビルダー作品集はこちらホームページビルダー19入門セミナー毎月開催中
ホームページビルダー教室・無料体験受付中(こちらをクリック!!)
TEL 045-567-8393 (平日11~20時 土11~17時 日祝休 留守電不可)
生徒さんホームページビルダー作品集はこちらホームページビルダー19入門セミナー毎月開催中