ホームページビルダー21SP HTMLソースパーツでYouTubeのテスト。
<div id=”sp-html-src-6″ class=”sp-part-top sp-html-src”><iframe width=”280″ height=”155″ src=”https://www.youtube.com/embed/rWB7LFV_JlM?rel=0″ frameborder=”0″ allowfullscreen=””></iframe></div>
サイトの公開前にブラウザーで確認すると、スタイルは以下の通り
@media not screen, screen and (min-width: 569px)
#sp-html-src-6 {
width: 49%;
float: left;
position: relative;
}
.sp-part-top {
display: block;
position: relative;
box-sizing: border-box;
}
サイトの公開をすると、
.sp-part-top {
display: block;
position: relative;
box-sizing: border-box;
}
と、一部欠如してしまう？？
ホームページビルダーのSPでのホームページ作成を検討されている方と無料相談会を行いました。
生徒さんのご要望をうかがい、その場でSP テンプレートでの実現方法を実演しました。
パーツをタイル状に配置していいます。
以前のバージョンのホームページビルダーSPでも指摘していたが、SPの画像の縮小表示の品質はホームページビルダー21でも改善されていないようだ。
地図スタジオでホームページビルダー教室の案内図を作成してみた。
それをSPのページへ画像パーツとして配置。
ホームページビルダー SP 編集画面での表示
同じものをプレビューで表示
両方を比べてその差は歴然としている。
JUSTオンラインアップデート
新しいアップデートが見つかりました。
ダウンロードして実行したいアップデートを選択してください。
IDが付いた項目は、登録ユーザー様を対象としています。
ダウンロードには、User IDとUser ID用パスワードをご用意ください。
アップデート一覧
・ホームページビルダー21クラシック アップデートモジュール
・ホームページビルダー21 EC アップデートモジュール
・イメージ デザイナー アップデートモジュール
・ホームページビルダー21 SP アップデートモジュール
・JS共通セキュリティ更新モジュール
・地図スタジオ2 アップデートモジュール（2009年12月）
アップデートについて
ホームページビルダー21 クラシックで発生している現象を回避します。
更新日 2016.10.07
サイズ 1552KB
という内容の画面です。
ホームページビルダーSP バージョン21で新たに搭載されたイメージデザイナーを使ってみました。
とりいそぎホームページビルダーSPのテンプレートに、あらかじめ組み込まれた画像の編集から挑戦しています。
ホームページビルダー21 SP 見本サイトはこちら
サイトタイトル画像やヘッダー画像の編集は、ホームページビルダーSPバージョン19、20では、ウェブアートデザイナー形式（MIF）での編集が基本でした。
バージョン21からは、新たに組み込まれた「イメージデザイナー」がその役割になりました。
「外部エディターで画像を編集」画面で、「イメージデザイナー」以外を選択すると
「選択された画像は、「イメージデザイナー」専用の画像ファイル形式です。「イメージデザイナー」以外で、編集、保存すると、データが変換されて画像と文字などを別々に再編集できなくなります。
という注意が表示されます。
ホームページビルダー21 SPでは、不要ファイルの確認、削除が可能になりました。
テンプレートから新規作成したばかりで、既に不要ファイルが存在しているのは、ちょっと不自然に感じましたが。
ホームページビルダー21 SPでは、選択できる業種が増えました。また階層化されました。
ホームページビルダー21が本日発売になりました。早速、導入してSPを起動してみました。
最初のメニュー（ガイドメニュー）の見た目が少し変わりました。ホームページビルダー・サービス（の宣伝）が、以前より目立ちます。
ようこそ！hpb SPへ
さあ、はじめよう♪
「次回から表示しない」
STEP1 たくさんのテンプレートの中からあなたのイメージにぴったりなものを選んで はじめましょう！
STEP2 ドラッグ＆ドロップで好きな素材を配置してあなた好みのサイトにしましょう！画像やスタイルを変えてテキストを編集すればもう完成です。
STEP3 サイトが完成したら、さっそく公開してみましょう！自動でスマートフォンにも対応したサイトになります。
初期費用０円！最大６ヶ月無料の＜公式＞レンタルサーバー
ホームページ･ビルダー サービス 「お申し込みはこちら」
「新規作成」 「開く」 PDFマニュアル
という内容です。
ホームページビルダーSP唯一の解説本の「できるホームページビルダー」にしたがって、Twitterタイムライン・パーツを使ってみました。
本とTwitterの画面が異なっています。（Twitterのほうは、どんどん新しくなっていくでしょうから、本と今日時点の画面が異なるのは、しかたありません。）
適当に、Twitter画面を操作して、HTMLコードを得て、パーツに貼り付けました。
次のエラーとなり、処理が完結しません。
「Twitterのサイトから取得したウィジェットのコードをテキストエリアに貼り付けてください。」
