HPB18 | HPB19 コンテンツ一覧
ホーム > HPB19 > CSSエディター と スタイルシート マネージャ
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

CSSエディター と スタイルシート マネージャ


CSSエディター と スタイルシート マネージャ



ホームページビルダーには、スタイルシートを編集 ・ 管理できる 「スタイルシート マネージャ」 と、スタイルシートファイル(外部スタイルシート)を直接編集できる CSSエディター が付属しています


CSSエディター 起動方法



CSSエディター では、右側ペインのプレビューにて、編集結果を確認しながら、スタイルシートを編集できます
また、編集結果を、スタイルシートファイル(外部スタイルシート)として保存できます

CSSエディター は、下記手順で起動できます


ホームページビルダー画面上端メニューから、「ツール」 → 「CSS エディターの起動」 をクリックします




ホームページビルダー画面上端メニューから、「ツール」 → 「CSS エディターの起動」 をクリックします
「CSS エディター」 が起動します




「CSS エディター」 が起動します

右側ペインのプレビューで確認しながら、スタイル設定を行えます
「CSS エディター」 画面上端メニューバーの 「ツール」 → 「オプション」 から、「CSS エディター」 の初期設定が行えます

デフォルトでは、インデントに「タブ」を使用する設定になっていますが、「タブ」のデフォルトは 8カラムですので、好みで、スペース(の数) 2~4等に変更しておいた方が使いやすいかと思います
「CSS エディター」 画面上端メニューバーの 「ツール」 → 「オプション」 から、「CSS エディター」 の初期設定が行えます

デフォルトでは、インデントに「タブ」を使用する設定になっていますが、「タブ」のデフォルトは 8カラムですので、好みで、スペース(の数) 2~4等に変更しておいた方が使いやすいかと思います




スタイルシート マネージャ 起動方法



スタイルシート マネージャ は、下記手順で起動できます


ホームページビルダー画面上端メニューから、「編集」 → 「スタイルの設定」 をクリックします




ホームページビルダー画面上端メニューから、「編集」 → 「スタイルの設定」 をクリックします
「スタイルの設定」 ポップアップ右下にある、「スタイルシート マネージャで編集」 をクリックします




「スタイルの設定」 ポップアップ右下にある、「スタイルシート マネージャで編集」 をクリックします
「スタイルシート マネージャ」 画面が開きます




「スタイルシート マネージャ」 画面が開きます

CSSエディター等で作成したスタイルシートファイル(外部スタイルシート)を取り込むには、左上にある「スタイルシートの追加」をクリックします


「参照」をクリックして、ファイルの選択画面からスタイルシートファイル(外部スタイルシート)を指定、「OK」をクリックします




「参照」をクリックして、ファイルの選択画面からスタイルシートファイル(外部スタイルシート)を指定、「OK」をクリックします
「OK」をクリックして閉じます




「OK」をクリックして閉じます
「OK」をクリックして閉じます




「OK」をクリックして閉じます
<link rel="stylesheet" href="../css/CSS_000000.css" type="text/css">

HTMLソースの<head>部に、外部スタイルシートファイルへのリンク文が追加され、外部スタイルシートでのスタイル設定がページレイアウトに反映されるようになります

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > CSSエディター と スタイルシート マネージャ
HPB18 | HPB19 コンテンツ一覧
   

© 2014 abhp.net All Rights Reserved.
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP