Xyxon, Inc Xyxon, Inc wwwxyxoncojp support@xyxoncojp HeartCore Web コンテンツ 管 理 システム 簡 易 スタートガイド 簡 単 安 価 に Webサイトを 作 成 公 開 管 理 2010 年 10 月 Version73
1 目 次 1 目 次 2 2 はじめに 3 3 ログイン 5 4 WEB ページ 6 5 ホームページ 8 6 テンプレート 10 7 ナビゲーション 12 8 コンタクトフォーム 15 9 制 限 エリア 19 10 検 索 21 11 キャンペーン 情 報 バナー ニュース 24 12 スタイルシート 27 Page 2 of 28
HeartCore Webコンテンツ 管 理 システム 簡 単 安 価 に Web サイトを 作 成 公 開 管 理 2 はじめに HeartCore Web コンテンツ 管 理 システム は インターネット イントラネット エクストラネッ ト 上 に 構 築 したウェブ 上 のコンテンツへのアクセスを 容 易 にすることで コンテンツの 制 作 と 更 新 を 支 援 するウェブ ソリューションで 本 書 では わかりやすい 手 順 を 通 じて HeartCore Web コンテンツ 管 理 システム の 使 い 方 を 説 明 しま 下 図 のようなウェブサイトを 制 作 する 一 連 の 作 業 を 行 いまこのウェブサイトでは メニュー コンタクトフォーム アクセス 制 限 ページ 検 索 バナー キャンペーン 情 報 といった 汎 用 的 な 機 能 を 使 用 しま 当 社 のオンライン トライアル 版 を 試 用 中 の 場 合 は 次 の ログイン セクションに 進 んでウェ ブサイトの 制 作 を 開 始 してください システムをお 客 様 のサーバーにインストール 済 みの 場 合 は インストール 作 業 と 設 定 を 正 しく 行 っていることをご 確 認 ください 作 業 を 開 始 する 前 に トライアル 版 のデータベースまたは 基 本 データベースをインポート 済 みであることも 確 認 してください システムにログイン した 時 に クイックスタートの 設 定 ページが 表 示 される 場 合 は システムの 設 定 が 完 了 して Page 3 of 28
いません HeartCore Web コンテンツ 管 理 システム ユーザガイド の クイックスタート 設 定 セクションを 参 照 して 指 示 に 従 ってください Page 4 of 28
3 ログイン ウェブサイトの 制 作 と 更 新 を 行 うには HeartCore Web コンテンツ 管 理 システム の 管 理 ページ にログインする 必 要 がありまログイン 手 順 を 以 下 に 示 しま ログイン ❶ ウェブサイトのアドレスに 続 け て /webadmin/ をウェブ ブラ ウザのアドレス フィールドに 入 力 しまたとえば 以 下 のよ うになりま https://wwwmysitecom/webadmin/ ❷ ユーザー 名 とパスワードを 入 力 しま 既 定 のユーザー 名 とパ スワードは 以 下 のとおりで ユーザー 名 : admin パスワード: admin ログインに 成 功 すると HeartCore Web コンテンツ 管 理 シ ステム のトップ ページが 表 示 さ れま 表 示 されるメニュー は お 使 いのエディションと 利 用 可 能 なアドオン モジュールに よって 異 なりま ログインできない 場 合 は ユ ーザー 名 とパスワードの 大 文 字 と 小 文 字 の 区 別 に 間 違 いがない こと 前 後 に 空 白 が 付 いていな いことを 確 認 してください Page 5 of 28
4 Web ページ このセクションでは ウェブ ページを 作 成 して 更 新 する 方 法 を 説 明 しまサンプル ウェブサ イト 上 の 部 屋 施 設 料 金 キャンペーン 情 報 ロケーション メンバー ニュース といった ページは いずれもこの 方 法 で 作 成 できま 連 絡 フォーム や 予 約 といった 特 殊 なページの 作 成 方 法 は 後 続 のセクションで 説 明 しま ウェブ ページの 作 成 と 更 新 ツールバーから [ウェブサイトコ ❶ ンテンツ] を 選 択 します [ページ ❷ ページ] を 選 択 しま ❸ ウェブ ページを 新 規 作 成 するに は [ 追 加 ] ボタンをクリックし ま - または - 既 存 のウェブ ページを 更 新 する には [ 更 新 ] リンクをクリック しま 新 しい 画 面 が 表 示 されま 既 存 のウェブ ページのコンテンツ は すべて [コンテンツ] フィー ルドに 表 示 されます ❹ [タイトル タイトル] フィールドにウェブ ページのタイトルを 入 力 する か 表 示 されたタイトルを 更 新 しま ❺ ウェブ ページのコンテンツを [コンテンツ] フィールドに 追 加 するか 表 示 されたものを 変 更 します ❻ [ 保 存 して 閉 じる] ボタンをクリ ックしま Pages 画 面 に 戻 りまウェブ ページを 新 規 作 成 した 場 合 は ページ リストに 追 加 されま Page 6 of 28
[コンテンツ] フィールドにコ ンテンツを 追 加 したり コンテ ンツを 変 更 する 方 法 の 詳 細 は HeartCore Web コンテンツ 管 理 システムユーザーガイド の(コ ンテンツ エディタ) セクション を 参 照 してください Page 7 of 28
5 ホームページ ホームページを 設 定 するには 上 のセクションの 説 明 に 従 ってウェブ ページを 作 成 し そのウ ェブ ページをホームページに 設 定 する 必 要 がありまそうすると ウェブサイトの 訪 問 者 が ウェブサイトの URL (http://wwwmysitecom など) にアクセスした 時 にホームページが 表 示 され ま ホームページの 設 定 ❶ ツールバーから [ 設 定 ] を 選 択 し ま 設 定 画 面 が 表 示 されま ❷ [システム システム] メニュー 項 目 の 左 に ある [+] アイコンをクリックして 展 開 し サブメニューの [ウェブ サイト] を 選 択 しま ❸ [ 特 殊 ページ] タブを 選 択 しま 既 定 のページ (ホームページ) の ❹ [ 選 択 ] をクリックしま ポップアップが 表 示 されま ❺ [ページ ページ] をクリックしま ❻ ホームページに 設 定 したいペー ジを 選 択 しま ❼ [OK] をクリックします ❽ [ 保 存 ] をクリックしま 訪 問 者 がウェブサイトの URL (http://wwwmysitecom など) にア クセスすると 設 定 したホーム ページが 表 示 されま Page 8 of 28
Page 9 of 28
6 テンプレート ウェブサイト 上 の 全 ページのレイアウトを 統 一 するには テンプレートを 作 成 する 必 要 がありまテンプ レートには フッターやロゴ 付 きのヘッダーに 加 え その 他 の 構 成 要 素 やデザインを 含 めることができま ヘッダーとフッター 付 きの 単 純 なテンプレートの 作 成 方 法 を 以 下 に 示 しままた テンプレートをウェブ サイト 全 体 に 適 用 するように 設 定 する 方 法 も 説 明 しまこのテンプレートは 後 ほど 拡 張 してメニューな どの 要 素 を 追 加 しま テンプレートの 作 成 ツールバーから [ウェブサイトコ ❶ ンテンツ] を 選 択 します 左 側 のメニューから [テンプレー ❷ ト] を 選 択 しま ❸ [ 追 加 ] ボタンをクリックしま テンプレートを 追 加 する 空 白 の 追 加 画 面 が 表 示 されま ❹ テンプレート 名 を [タイトル タイトル] に 入 力 しま ❺ テンプレートに 盛 り 込 むヘッダ ーやフッターなどのデザインを 追 加 しま ❻ ページのコンテンツを 表 示 した い 位 置 に @@@content@@@ というコードを 入 力 しま Page 10 of 28 ❼ [ 保 存 して 閉 じる] をクリックし ま
テンプレートは 罫 線 のない 表 形 式 で 構 成 されていることが よくありまエディタの [ 詳 細 を 表 示 ] ボタンをクリックして 表 の 罫 線 を 表 示 してください テンプレートの 適 用 ツールバーから [ ❶ 設 定 ] を 選 択 し ま [システム ❷ システム] メニュー 項 目 の 左 に ある [+] アイコンをクリックして 展 開 し サブメニューの [ウェブ サイト] を 選 択 しま ❸ これまでのステップで 作 成 した テンプレートを 選 択 します ❹ [ 保 存 ] をクリックしま 訪 問 者 がウェブサイトの URL (http://wwwmysitecom など) にア クセスすると 設 定 したホーム ページが 設 定 したテンプレート 内 に 表 示 されま Page 11 of 28
7 ナビゲーション ウェブサイトにメニューやツールバーを 追 加 するには ウェブ ページにリンクするメニューや ツールバーの 要 素 を 作 成 して そのメニューやツールバーをテンプレートに 挿 入 しまメニ ューを 作 成 する 例 を 以 下 に 示 しまツールバーの 作 成 方 法 も 同 様 で メニュー 要 素 の 作 成 ツールバーから [ウェブサイトコ ❶ ンテンツ] を 選 択 しま [クラス ❷ クラス] メニュー 項 目 の 左 にあ る [+] アイコンをクリックして 展 開 し サブメニューの [menu] を 選 択 しま ❸ [ 追 加 ] ボタンをクリックしま 要 素 を 追 加 する 空 白 の 追 加 画 面 が 表 示 されま ❹ メニュー 名 を [タイトル タイトル] に 入 力 しま ❺ [コンテンツ] フィールド 内 でメ ニューを 作 成 しま 各 メニュ ー 項 目 を 1 つずつ 順 番 に 選 択 し 以 下 のステップ 6 ~ 9 の 作 業 を 行 ってウェブ ページにハイ パーリンクを 挿 入 します エディタ ツールバーの [ハイパ ❻ ーリンクを 挿 入 ] ボタンをクリッ クしま ポップアップ 画 面 が 表 示 されま ❼ [ページ ページ] を 選 択 しま ❽ リンクしたいウェブ ページを 選 択 しま ❾ [OK] をクリックしま Page 12 of 28
❿ [ 保 存 して 閉 じる] ボタンをクリ ックしま 新 しいページは ウェブ コン テンツ エディタのハイパーリン ク マネージャを 使 用 して 作 成 で きま テンプレートへのメニュー のアサイン ツールバーから [ウェブサイト ❶ コンテンツ] を 選 択 しま メニューから [テンプレート ❷ テンプレート] を 選 択 しま ❸ これまでのステップで 作 成 した テンプレートを 検 索 し [ 更 新 ] をクリックしま 更 新 画 面 が 表 示 されま ❹ メニューを 表 示 したい 位 置 に @@@menucontent@@@ というコードを 入 力 しま ❺ [ 追 加 コンテンツ] タブをクリッ クします Page 13 of 28
[ 追 加 コンテンツ] タブが 表 示 さ れま ❻ [ 選 択 ] ボタンをクリックしてメ ニューを 表 示 しま [menu] をクリックしま ❼ ❽ ❾ [menu] リストから これまでの ステップで 作 成 したメニュー 要 素 を 選 択 しま [OK] をクリックしま ❿ 保 存 して 閉 じる] ボタンをクリッ クしま 上 記 のステップを 繰 り 返 して ツールバー メニューを 作 成 しま 完 成 したウェブサイトは この ようになりま Page 14 of 28
8 コンタクトフォーム コンタクトフォームを 設 置 することにより ウェブサイトの 訪 問 者 は あらかじめ 設 定 した 管 理 者 の 電 子 メール アドレス 宛 てに ウェブサイトを 通 じて 電 子 メールを 送 信 できるようになり まコンタクトフォームを 作 成 するには 通 常 のウェブ ページに 特 殊 なフォーム 要 素 を 追 加 する 必 要 がありまフォームを 正 しく 機 能 させるために 挿 入 する 必 要 がある 要 素 には コン タクトフォームに 関 する 一 般 情 報 を 収 めたフォーム コンテナ フォーム コンテナ 内 のフォーム フィールド フォーム コンテナ 内 に 設 置 する [ 送 信 ] ボタン ユーザーが [ 送 信 ] ボタンをクリッ クした 時 に 表 示 するランディング ページを 指 定 するためにコンタクトフォーム 内 に 設 置 する 特 殊 な 非 表 示 フィールドなどがありまコンタクトフォームの 詳 細 な 作 成 方 法 を 以 下 に 示 しま 予 約 フォームの 作 成 方 法 も 同 様 で フォーム コンテナの 挿 入 上 記 の ウェブ ページ セクシ ❶ ョンで 説 明 したように ウェブ ページを 作 成 するか 開 きます (このスクリーンショットには 表 示 されていません) [コンテンツ ❷ コンテンツ] フィールド 内 で フォーム コンテナを 配 置 したい 位 置 にカーソルを 置 きま ❸ [フォームを 挿 入 ] ボタンをクリ ックしま ポップアップ 画 面 が 表 示 されま ❹ [メソッド メソッド] ドロップダウン リス トから [POST] を 選 択 しま ❺ ❻ [アクション URL] フィールドに /contactasp と 入 力 します [OK] をクリックしま ❼ [ 詳 細 を 表 示 ] ボタンをクリック して フォーム コンテナを 示 す 赤 い 破 線 を 表 示 しま ここで フォーム コンテナ 内 に 表 テキスト 画 像 などのオブ ジェクトを 追 加 することもでき ま Page 15 of 28
フォーム フィールドの 挿 入 フォーム 罫 線 内 で フォーム フ ❶ ィールドを 配 置 したい 位 置 にカ ーソルを 置 きま ❷ [テキスト 入 力 の 挿 入 ] ボタンを クリックしま ポップアップ 画 面 が 表 示 されま ❸ [ 名 前 ] フィールドに 名 前 と 入 力 して ウェブサイトの 訪 問 者 が 自 分 の 名 前 を 入 力 できるフ ィールドを 作 成 しま ❹ [OK] ボタンをクリックして [コ ンテンツ] セクションにフィール ドを 挿 入 しま 上 記 のステップ 1 ~ 3 を 繰 り 返 して 他 のフィールドを 挿 入 し まフィールド 名 の 1 つに 件 名 を 指 定 する 必 要 があり まこれは 設 定 したウェブ サイト 管 理 者 宛 ての 電 子 メール の 件 名 として 使 用 しま Page 16 of 28
[ 送 信 ] ボタンの 挿 入 ❶ フォーム 罫 線 内 で [ 送 信 ] ボタ ンを 配 置 したい 位 置 にカーソル を 置 きま コンテンツ エディタ ツールバー ❷ の [ 送 信 ボタンを 挿 入 ] ボタンを クリックしま ポップアップ 画 面 が 表 示 されま ❸ Send と 入 力 しま ❹ [OK] ボタンをクリックして [ 送 信 ] ボタンを 挿 入 しま ❹ ランディング ページの 指 定 ❶ フォーム 罫 線 内 の 任 意 の 場 所 に カーソルを 置 きま ❷ [ 非 表 示 入 力 を 挿 入 ] ボタンをク リックしま ポップアップ 画 面 が 表 示 されま ❸ [ 名 前 ] フィールドに redirect と 入 力 しま ❹ [ 値 ] フィールドに /pagephp?id=xxx と 入 力 しま ただし xxx はウェブサ イトの 訪 問 者 がフォーム 内 の [ 送 信 ] ボタンをクリックした 時 に 訪 問 者 をリダイレクトする 先 の ページの 番 号 に 差 し 替 えま Page 17 of 28
❺ [OK] ボタンをクリックして 非 表 示 の 入 力 フィールド ボタンを 挿 入 します ❻ [ 保 存 して 閉 じる] をクリックし ま これで Contact Us ページがここ に 示 すようなものになりま ウェブサイトの 訪 問 者 がフォー ムに 入 力 し [ 送 信 ] ボタンをク リックすると フォームに 入 力 された 詳 細 情 報 を 通 知 する 電 子 メールが 連 絡 用 電 子 メールを 受 け 取 るように 設 定 されている 管 理 者 に 届 きま Page 18 of 28
9 制 限 エリア ウェブサイト 上 に 登 録 済 みのウェブサイト 訪 問 者 のみがアクセスできる 領 域 を 作 成 できま こうしたアクセス 制 限 は ウェブ ページ 単 位 ページ タイプ 単 位 またはページ グループ 単 位 に 設 定 できまページ 単 位 にアクセス 制 限 を 設 定 する 方 法 と ウェブサイト 訪 問 者 を 登 録 する 方 法 を 以 下 に 示 しまページ タイプやページ グループ 単 位 にアクセス 制 限 を 設 定 する 方 法 の 詳 細 については HeartCore Web コンテンツ 管 理 システムユーザーガイド の(ユーザー アク セス 制 限 ) セクションを 参 照 してください ウェブ ページへのアクセス 制 限 アクセス 制 限 が 必 要 な 各 ページ について 以 下 のステップ 1 ~ 4 の 作 業 を 行 いま ❶ 上 記 の ウェブ ページ セクシ ョンで 説 明 したように 該 当 す るウェブ ページを 作 成 するか 開 きます (このスクリーンショッ トには 表 示 されていません) ❷ [アクセス 制 限 ] タブをクリック しま ❸ [ 閲 覧 ] リストから [ 制 限 -] を 選 択 しま ❹ [ 保 存 して 閉 じる] をクリックし ま ユーザーの 登 録 [ユーザーデータベース ❶ ユーザーデータベース] を 選 択 しま ❷ [ユーザ ユーザ] をクリックしま ❸ [ 追 加 ] ボタンをクリックしま Page 19 of 28
❹ [ユーザ 名 ] フィールドにユーザ ー 名 ( member など) を 入 力 し ま ❺ [パスワード パスワード] フィールドにパス ワード ( member2 など) を 入 力 しま ❻ [ 保 存 ] ボタンをクリックしま ウェブサイトの 訪 問 者 がアクセ ス 制 限 のかかったページにアク セスすると ログインするよう 求 められま 正 しいユーザー 名 とパスワードを 入 力 して [Login] ボタンをクリックする と アクセス 制 限 のかかったペ ージが 表 示 されま Page 20 of 28
10 検 索 ウェブサイトに 検 索 フィールドを 追 加 して 訪 問 者 が 任 意 のキー フレーズを 含 むコンテンツを 検 索 できるようにすることができま 検 索 フィールドは ページやテンプレートに 加 え ツ ールバーやメニューといった 要 素 に 挿 入 できまこの 例 では ツールバーに 検 索 フィールド を 挿 入 する 方 法 を 説 明 しま 検 索 フィールドを 挿 入 するには フォーム コンテナ 検 索 フィ ールドそのもの そして 検 索 ボタンを 挿 入 する 必 要 がありま 検 索 機 能 を 正 しく 機 能 させる には これら 3 つのすべてが 挿 入 されている 必 要 がありま ツールバーのオープン 処 理 [ウェブサイトコンテンツ ❶ ウェブサイトコンテンツ] を 選 択 しま [クラス ❷ クラス] メニュー 項 目 の 左 にあ る [+] アイコンをクリックして 展 開 し サブメニューの [ツールバ ー] を 選 択 しま ❸ ツールバー 要 素 の [ 更 新 ] をクリ ックしま フォーム コンテナの 挿 入 ❶ ウェブ コンテンツ エディタ 内 に カーソルを 置 きま [フォームを ❷ 挿 入 ] ボタンをクリ ックしま ポップアップ 画 面 が 表 示 されま ❸ [メソッド メソッド] リストから [GET] を 選 択 しま [アクション URL] フィールドに ❹ /searchphp と 入 力 しま [OK] ボタンをクリックしま ❺ ❻ [ 詳 細 を 表 示 ] ボタンをクリック して 今 挿 入 したフォーム コ ンテナのフォーム 罫 線 を 表 示 し ま Page 21 of 28 ここで フォーム コンテナ 内 に 表 テキスト 画 像 などのオブ ジェクトを 追 加 することもでき
ま 検 索 フィールドの 挿 入 ❶ 検 索 フィールドを 配 置 したい 位 置 にカーソルを 置 きま [テキスト ❷ 入 力 を 挿 入 ] ボタンを クリックしま ポップアップ 画 面 が 表 示 されま ❸ [ 名 前 ] フィールドに search と 入 力 しま ❹ [OK] ボタンをクリックします [ 検 索 ] ボタンの 挿 入 ❶ [ 検 索 ] ボタンを 配 置 したい 位 置 にカーソルを 置 きま コンテンツ エディタのツールバ ❷ ーの [ 送 信 ボタン] ボタンをクリ ックしま ポップアップ 画 面 が 表 示 されま ❸ ボタンに 表 示 したいテキスト ( Search など) を [ 値 ] フィー ルドに 入 力 しま ❹ OK] をクリックしま ❺ [ 保 存 して 閉 じる] をクリックし ま Page 22 of 28
ウェブサイトがこのようになり ま 検 索 ボックスに 検 索 語 ( location など) を 入 力 して [Search] ボタンをクリックしま location という 言 語 を 含 むす べてのページがページ 上 に 表 示 されま 訪 問 者 が 検 索 結 果 のリンクをク リックすると 該 当 するページ にリダイレクトされま Page 23 of 28
11 キャンペーン 情 報 バナー ニュース HeartCore Web コンテンツ 管 理 システム を 使 用 すると キャンペーン 情 報 バナー ニュース をウェブサイトに 追 加 できまこれを 行 うには バナー キャンペーン 情 報 ニュースを 構 成 要 素 として 作 成 して テンプレートに 挿 入 しまキャンペーン 情 報 の 構 成 要 素 を 作 成 して テンプレートに 挿 入 する 方 法 を 以 下 に 示 しまバナーやニュースをウェブサイトに 追 加 する 方 法 も 同 様 で キャンペーン 情 報 要 素 の 作 成 ツールバーから [ウェブサイトコ ❶ ンテンツ] を 選 択 しま [クラス ❷ クラス] メニュー 項 目 の 左 にあ る [+] アイコンをクリックして 展 開 し サブメニューの [offer] を 選 択 しま ❸ [ 追 加 ] ボタンをクリックしま ❹ キャンペーン 名 を [タイトル タイトル] に 入 力 しま ❺ キャンペーン 情 報 のコンテンツ を [コンテンツ] フィールドに 追 加 しまコンテンツは 画 像 や テキストでもかまいません ❻ [ 保 存 して 閉 じる] をクリックし ま ステップ 3 ~ 6 を 繰 り 返 して 他 のキャンペーン 情 報 を 作 成 し ま Page 24 of 28 ウェブ コンテンツ エディタ のメディア マネージャを 使 用 す ると 画 像 を 追 加 できま 詳 細 は HeartCore ウェブコンテ
ンツ 管 理 システムユーザーガイ ド を 参 照 してください キャンペーン 情 報 のテンプ レートへのアサイン ツールバーから [ウェブサイトコ ❶ ンテンツ] を 選 択 しま メニューから [テンプレート ❷ テンプレート] を 選 択 しま ❸ これまでのステップで 作 成 した テンプレートを 見 つけて [ 更 新 ] をクリックしま 更 新 画 面 が 表 示 されま ❹ キャンペーン 情 報 を 表 示 したい 位 置 に @@@offercontent@@@ というコードを 追 加 しま ❺ [ 追 加 コンテンツ] タブをクリッ クしま Page 25 of 28
❻ [ 追 加 コンテンツ] タブが 表 示 さ れま [offer] リストから これまでの ステップで 作 成 したキャンペー ン 情 報 の 構 成 要 素 を 選 択 する か [ ランダム ランダム-] を 選 択 しま [ ランダム-] を 選 択 した 場 合 テ ンプレートを 表 示 するたびにキ ャンペーン 情 報 要 素 がランダム に 1 つ 表 示 されま ❼ [ 保 存 して 閉 じる] ボタンをクリ ックしま キャンペーン 情 報 バナー ニ ュースの 各 構 成 要 素 をすべてテ ンプレートに 挿 入 すると ウェ ブサイトはこのようになります Page 26 of 28
12 スタイルシート CSS (カスケーディング スタイル シート) を 使 用 すると 配 色 フォント レイアウトといった ウェブ ページの 見 栄 えを 左 右 する 特 徴 を 定 義 できま 配 色 フォント レイアウトはウェブ ページ 上 で 定 義 できるため スタイル シートはウェブサイトの 構 築 に 必 須 ではありません し かし スタイル シートを 使 用 すると 選 択 肢 が 広 がり ウェブサイト 上 の 書 式 を 一 括 管 理 でき まHeartCore Web コンテンツ 管 理 システム でスタイル シートを 作 成 して ウェブサイト 上 のすべてのウェブ ページに 適 用 するように 設 定 できまこれを 行 う 方 法 を 以 下 に 示 しま スタイル シートの 作 成 ❶ ツールバーから [ウェブサイト コンテンツ] を 選 択 しま ❷ [スタイルシート スタイルシート] を 選 択 しま ❸ [ 追 加 ] ボタンをクリックしま ❹ スタイル シート 名 を [タイトル タイトル] に 入 力 しま ❺ スタイル シートのコンテンツを [コンテンツ コンテンツ] フィールドに 追 加 しま ❻ [ 保 存 して 閉 じる] をクリックし ま Page 27 of 28
スタイル シートの 適 用 ❶ ツールバーから [ 設 定 ] を 選 択 し ま ❷ [システム システム] メニュー 項 目 の 左 に ある [+] アイコンをクリックし て 展 開 し サブメニューの [ウ ェブサイト] を 選 択 しま ❸ [デフォルトスタイルシート (テ キスト)] リストから これまで のステップで 作 成 したスタイル シートを 選 択 しま ❹ [ 保 存 ] をクリックしま スタイル シートを 作 成 すると ウェブサイトはこのようになり まフォントと 行 の 高 さが 変 化 していま Page 28 of 28