新機能「スタイルエクスプレスビユー」を使う

ホームページビルダー１４の新規に追加された機能スタイルエクスプレスビユーを使って見ました。左側はhtmlのページ編集画面です。そこの赤丸で囲んだ部分をダブルクリックすると右の列のようにCSSファイルの該当箇所が現れます。ここのタグ等を変更すると、htmlのページに反映されます。

背景を変えてみました。右のプロパティのback部分をクリックすると「スタイルの設定」ダイアログが表れます。そこで背景色を標準からオレンジ色に変えてみました。

OKを押すと赤丸印で囲んだ部分がオレンジ色に変更できました。この例のようにページ編集画面で見ながら、cssコード、属性を変えることでCSSを編集することが出来ます。今まではCSSファイルの該当箇所を見つけるのが面倒だった。また結果を見るのにWebブラウザ等で確認する必要がありました。 　 この「スタイルエクスプレスビユー」を使うとページ編集画面でCSSの編集も一緒に出来ます。勿論CSSの知識は必要ですが、エディタで書き、Webブラウザでチェックが必要なくなり、手軽に使えると思います。

戻る