著作権 機密情報 著作権株式会社ジゾン 当ユーザガイドは株式会社ジゾンの機密情報により構成されています 本書の無断複製 複写 転写 情報検索方式での格納 又は いかなる言語への翻訳においても株式会社ジゾンの許可無しでは固く禁じられています 注意 株式会社ジゾンは 本書の記載内容に

Transcription

1 XyXn, Inc XyXn, Inc wwwxyxncjp HeartCre Web コンテンツ管理システム ウェブサイト作成者ガイド 簡単 安価に Web サイトを作成 公開 管理 2016 年 8 月 Versin100

2 著作権 機密情報 著作権株式会社ジゾン 当ユーザガイドは株式会社ジゾンの機密情報により構成されています 本書の無断複製 複写 転写 情報検索方式での格納 又は いかなる言語への翻訳においても株式会社ジゾンの許可無しでは固く禁じられています 注意 株式会社ジゾンは 本書の記載内容において 何時でも予告なく変更することがあります また 本書において明示または黙示を問わず 一切保証致しません 株式会社ジゾンはいかなる場合においても 購入した際および本書の使用時 またはこれに含まれる情報によって生じた間接的 特別かつ偶発的損害に関しての責任を負いません ライセンスおよび商標 HeartCre Web コンテンツ管理や HeartCre ロゴは商標であり 株式会社ジゾン独自の登録商標です また その他の企業 製品 トレードネームは商標であり 各所有者の登録商標です HeartCre Web コンテンツ管理は wz_dragdrpjs ライブラリを使用しています このライブラリは GNU Lesser General Public License (LGPL) ( 規約に基づいてライセンスされています Cpyright (c) Walter Zrn (wwwwalterzrncm) HeartCre Web コンテンツ管理は wz_jsgraphicsjs ライブラリを使用しています このライブラリは GNU Lesser General Public License (LGPL) ( 規約に基づいてライセンスされています Cpyright (c) Walter Zrn (wwwwalterzrncm) HeartCre Web コンテンツ管理は Dynarch DHTML Calendar ライブラリを使用しています このライブラリは GNU Lesser General Public License (LGPL) ( 規約に基づいてライセンスられています Cpyright (c) Mihai Bazn ( - HeartCre Web コンテンツ管理は Krygenix srttable ライブラリを使用しています このライブラリは, MIT License ( 規約に基づいてライセンスされています Cpyright (c) Stuart Langridge ( HeartCre Web コンテンツ管理は SWFuplad コンポーネントとライブラリを使用しています このライブラリは MIT License ( 規約に基づいてラインセンスされています Cpyright (c) Lars Huring, Olv Nilzén and Mammn Media, and Cpyright (c) Jake Rberts ( wwwswfupladrg/) HeartCre Web コンテンツ管理は Prttype ライブラリを使用しています このライブラリは MIT License ( 規約に基づいてライセンスされています Cpyright (c) 2005 Sam Stephensn ( HeartCre Web コンテンツ管理は Scriptaculus ライブラリを使用しています このライブラリはフリーソフトウェアとしてライセンスされています Cpyright (c) 2005 Thmas Fuchs ( HeartCre Web コンテンツ管理は Ric ライブラリの一部を使用しています このライブラリは the Apache License, Versin 20 規約に基づいてライセンスされています Cpyright (c) 2005 Sabre Airline Slutins ( HeartCre Web コンテンツ管理は Ric Livegrid Plus ライブラリを使用しています このライブラリは the Apache License, Versin 20 規約に基づいてライセンスされています Cpyright (c) 2006 Matt Brwn ( HeartCre Web コンテンツ管理は Lightbx library ライブラリを使用しています このライブラリは Creative Cmmns Attributin 25 License ( に基づいてライセンスされています Cpyright (c) 2006 Lkesh Dhakar ( HeartCre Web コンテンツ管理は TableKit ライブラリを使用しています このライブラリはフリーソフトウェアとしてライセンスされています Cpyright (c) 2007 Andrew Tetlaw & Millstream Web Sftware ( HeartCre Web コンテンツ管理は jquery ライブラリを使用しています このライブラリは MIT License ( 規約に基づいてライセンスされています Cpyright (c) 2011 Jhn Resig ( HeartCre Web コンテンツ管理は jstree ライブラリを使用しています このライブラリは MIT License ( 規約に基づいてライセンスされています Cpyright (c) 2010 Ivan Bzhanv ( HeartCre Web コンテンツ管理は JavaBeans Activatin Framewrk ライブラリを使用しています このライブラリは Sun Micrsystems, Inc Binary Cde License Agreement に基づいてライセンスされています Cpyright (c) Sun Micrsystems ( Page 2 f 97

3 HeartCre Web コンテンツ管理は JavaMail ライブラリを使用しています このライブラリは Sun Micrsystems, Inc Binary Cde License Agreement に基づいてライセンスされています Cpyright (c) 2009 Sun Micrsystems ( HeartCre Web コンテンツ管理は Apache Jakarta JCS ライブラリを使用しています このライブラリは Apache License, Versin 20 に基づいてライセンスされています Cpyright (c) The Apache Sftware Fundatin ( HeartCre Web コンテンツ管理は Apache Cmmns Lgging ライブラリを使用しています このライブラリは Apache License, Versin 20 に基づいてライセンスされています Cpyright (c) The Apache Sftware Fundatin ( HeartCre Web コンテンツ管理は Apache lg4j ライブラリを使用しています このライブラリは Apache License, Versin 20 に基づいてライセンスされています Cpyright (c) 2010 The Apache Sftware Fundatin ( HeartCre Web コンテンツ管理は cncurrent ライブラリを使用しています このライブラリはフリーソフトウェアとしてライセンスされています Cpyright (c) Dug Lea ( HeartCre Web コンテンツ管理は slidetabs ライブラリを使用しています Cpyright (c) WebStack ( HeartCre Web コンテンツ管理は CntentBuilderjs ライブラリを使用しています Cpyright (c) InnvaStudi ( Page 3 f 97

4 HeartCre Web コンテンツ管理システム 簡単 安価に Web サイトを作成 公開 管理 はじめに 本書は HeartCreWeb コンテンツ管理システムのウェブサイト作成者ガイドです ベーシックな HeartCreWeb コンテンツ管理システムを使った Web サイトのコンテンツの更新方法をご説明します HeartCre Web コンテンツ管理システムは インターネット Web サイトのみならず イントラネットやエクストラネット Web サイトのコンテンツをより簡単に作成 更新を行うための Web ソリューションです このシステムはフル機能を備えていますが 操作が簡単で非常に柔軟性があります 高度な機能は 必要になるまで使用する必要はありません また不要な機能は ( スーパーユーザによって ) 簡単に無効化し 隠すことができます そうすることで Web サイト管理 Web ページを出来るだけシンプルに保つことができます 必要に応じて より高度な機能を有効化 可視化させます 本書は 4 つのパートに大別されます パート 1 では HeartCre Web コンテンツ管理システムのログイン方法とログアウト方法をご説明します パート 2 では HeartCre Web コンテンツ管理システムの ホーム ( トップ ) ページ 及び全般的なセクションと機能についての使用方法をご説明します パート 3 では 閲覧と編集モードを使ったコンテンツの更新方法をご説明します パート 4 では 内臓の WYSIWYG HeartCre Web コンテンツエディタを使ったコンテンツの編集方法をご説明します Page 4 f 97

5 目次 はじめに 4 目次 5 1 ログイン 9 11 ログアウト 9 2 ホーム ( トップ ) 11 3 閲覧と編集 ツールバー ホーム ログアウト ヘルプ 編集 公開 管理モード 新規追加 プレビュー アウトライン スタイルシート テンプレート コンテンツ項目 コンテンツブロックヘディング ステータス コンテンツクラス 追加 管理サイト 編集 公開 インライン編集 閲覧と編集の終了 34 4 コンテンツエディタ HeartCre Web コンテンツエディタ 36 Page 5 f 97

6 42 ツールバー リボン形式のツールバー クラシック形式のツールバー テキストのフォーマットとスタイル スタイルリボン フォーマットリボン スタイル フォーマット フォント名 フォントサイズ 太字 斜体 下線 フォントのフォーマット 文字の色 背景の色 上付き文字 下付き文字 取り消し線 フォーマットの解除 インデントと配置 インデントを減らす インデント 左端揃え 中央揃え 右端揃え 両端揃え 分割しない 段落番号 箇条書き 編集 切り取り コピー 貼り付け HTML コードの除去 削除 すべて選択 やり直し 元に戻す Web コンテンツ 特殊文字とコードの挿入 メディアの挿入 ( イメージ / フラッシュ / Java アプレット ) イメージマップの定義 ハイパーリンクの挿入 フレームの挿入 メールのリンク先を挿入 63 Page 6 f 97

7 467 アンカー / ブックマークの挿入 リンクの削除 水平の罫線を挿入する 表の編集 表の挿入 表のプロパティ キャプションの挿入 ヘッダー行の挿入 フッター行の挿入 行のプロパティ 上に行を挿入する 下に行を挿入する 行の削除 セルの行を分割する 列のプロパティ 列を左に挿入する 列を右に挿入する 列の削除 セルの列を分割 セルのプロパティ セルを左に挿入する セルを右に挿入する セルの削除 セルの分割 セルの結合 フォームの編集 フォームの挿入 ボタンの挿入 ファイル入力の挿入 テキスト入力の挿入 パスワード入力の挿入 Hidden 入力の挿入 テキストエリアの挿入 チェックボックスの挿入 ラジオボタンの挿入 選択リストの挿入 位置決め 絶対位置指定 前面に出す 背面に隠す 最前面に出す 最背面に隠す テキストの上に出す テキストの下にする ボックスの挿入 特殊機能 89 Page 7 f 97

8 4101 ヘルプ ファイルのインポート 検索 印刷のページ区切りを挿入 印刷 プレビュー 保存 / 送信 詳細を表示 非表示の詳細を表示 HTML の表示 スペルチェック HTML DOM インスペクター 93 5 コンテンツビルダー コンテンツビルディングブロック エディタエリア 96 Page 8 f 97

9 1 ログイン Web サイトを管理する HeartCre Web コンテンツ管理システムにアクセスするには 通常の Web アドレスに /webadmin/ を追加した URL を開きます 例えば 普段 というアドレスで Web サイトにアクセスしている場合 HeartCre Web コンテンツ管理システムにアクセスするには といったアドレスを使用します HeartCre Web コンテンツ管理システムへアクセスするには まず スーパーユーザもしくは他の Web サイト管理者へ設定したユーザ名とパスワードで認証を得てログインします 大文字 小文字 スペース 句読点 空白に注意し 正確にユーザ名とパスワードを入力してください 11 ログアウトログインが無事に完了したら Web サイトの HeartCre Web コンテンツ管理システムへアクセスできます 同時に あなたのコンピュータにアクセスできる誰もが Web コンテンツ管理システムへアクセスできることになります 時間の長短に関わらずコンピュータから離れるときは HeartCre Web コンテンツ管理システムをログアウトし 他の人が Web サイトを変更しないようにしてください 他の人も使用可能なコンピュータを使用しているのならば このことは特に重要です HeartCre Web コンテンツ管理システムをログアウトするには HeartCre Web コンテンツ管理や 閲覧 & 編集ページの左手上にある ログアウト リンクをクリックしてください ログアウト後は Web サイトのホームページが表示されます Web サーバの設定により 自動的にログアウトされることがあります 厳密には ログイン / ログアウトは Web サーバの セッション変数 と呼ばれるものによって制御されています Web サーバは 数秒から数日でセッション変数が期限切れになるよう設定されている可能性があります Page 9 f 97

10 HeartCre Web コンテンツ管理システムを使用している間に Web サーバのセッション変数によってログインの期限が切れるようであれば 再度ログインしてください 例えば Web ページのひとつのコンテンツを編集するのに長時間かかり 保存する前にログインが切れてしまったら保存されないので 定期的に作業を保存してください もしくは Web ホスティングプロバイダに Web サーバのセッション変数有効期限を延ばしてもらうように依頼することもできます 通常 Web サーバ設定は問題ないはずですが 場合によっては数分でセッション変数が切れるように設定されている可能性があります Page 10 f 97

11 2 ホーム ( トップ ) HeartCre Web コンテンツ管理システムへのログインが成功したら メインの管理ページが表示されます そのページの上にツールバーがあり これを使って HeartCre Web コンテンツ管理システムの様々なセクションへアクセスすることができます ホーム ( トップ )- メインの管理ページへ戻る ヘルプ Web ブラウザの別ウィンドウが開き 簡易スタートガイドや当ウェブサイト作成者ガイド また他のガイドへアクセスできる ログアウト HeartCre Web コンテンツ管理システムから出て 一般の Web サイト訪問者として Web サイトホームページへ戻る 閲覧 & 編集 管理モードで Web サイトを閲覧したり Web サイトのページやエレメントを編集することによって簡単に Web サイトのコンテンツを管理する Web サイト階層構造 - 動的メニューやパンくず機能のため また Web サイトコンテンツの管理を容易にするために ページを階層的に組織化する Web サイトコンテンツ - コンテンツ管理ページから Web サイトのページ コンテンツ テンプレート スタイルシート全てを管理できるアクセス メディアライブラリ ライブラリ管理ページから 画像 ダウンロード可能なファイル 頻繁に使うリンク全てを管理できるアクセス 商品 & 注文 - コンテンツ管理ページから Web サイトの商品 注文を全て管理できるアクセス コンテンツデータベース - コンテンツデータベース管理ページから カスタムコンテンツデータベース内のデータを管理する ユーザデータベース ( 有効の場合 ) ユーザ管理ページから Web サイト管理者や Web サイトの登録ユーザを管理する Web アクセス統計値 Web アクセス統計値管理ページから Web サイトのコンテンツやビジターに関する詳細なリアルタイム統合アクセス統計値を確認できるアクセス 設定 HeartCre Web コンテンツ管理と Web サイトの再設定や 高度な Web コンテンツ管理機能を有効化 / 無効化する 更新 株式会社ジゾン Web サイトより HeartCre Web コンテンツ管理システムのソフトウェア更新情報とサポートサービス内容を表示する 検索 - 入力された検索単語を含む全てのコンテンツを コンテンツ管理とライブラリ管理から検索する ( または ユーザデータベース管理が選択されている場合は コンテンツではなくユーザを検索する ) 高度な検索 - 指定したコンテンツカテゴリ内で 入力された検索単語を含む全てのコンテンツを コンテンツ管理とライブラリ管理から検索する Page 11 f 97

12 検索と置換 入力された検索単語を含む全てのコンテンツを コンテンツ管理とライブラリ管理から検索し 検索と置換またアドバンスト検索を行うことが可能 上記セクションのうち 完全に無効にしている機能やアクセス権限を持たない機能に関しては 使用できませんのでご注意下さい 閲覧 & 編集の機能および一般的な管理ページについての詳細は 以下の各セクションをご参照ください 他のセクションについては ウェブサイト管理者ガイド をご参照ください Page 12 f 97

13 3 閲覧と編集 閲覧 & 編集は Web サイトのコンテンツを作成 更新する簡単な方法です 管理モードで Web サイトを閲覧したり ページコンテンツや構成要素を編集したりすることができます 閲覧 & 編集モードで Web サイトにアクセスすると Web ページを構成している各コンテンツ項目を個別のボックス内に表示させることができ それぞれを別々に編集することが可能です 他の Web ページを更新したい場合には 単に通常の Web サイトナビゲーションメニューやリンクを使って そのページへ移動します 31 ツールバー Web ページの一番上にあるツールバーを使って 基本機能にアクセスします その下にあるツールバーを使って 閲覧 & 編集機能にアクセスします Page 13 f 97

14 311 ホームメインの管理ページへ戻ります 312 ログアウト HeartCre Web コンテンツ管理システムから出て 一般の Web サイト訪問者として Web サイトホームページへ戻ります 313 ヘルプ Web ブラウザの別ウィンドウが開き 簡易スタートガイドや当ウェブサイト作成者ガイド また他のガイドへアクセスできます 314 編集 - インライン - および表示されている Web ページの編集可能なコンテンツ項目のタイトル コンテンツクラス id ステータスがすべてリスト表示されます - インライン - を選択すると 編集可能なコンテンツをインラインで直接編集できるようになります タイトルを選択すると そのコンテンツ項目のタイトルとプライマリコンテンツを編集することができます Page 14 f 97

15 315 公開表示されている Web ページの編集可能なコンテンツ項目のうち 新規や更新など未公開のコンテンツ項目のタイトル コンテンツクラス id およびステータスがすべてリスト表示されます タイトルを選択すると そのコンテンツ項目を公開することができます Page 15 f 97

16 316 管理モード表示されている Web ページの編集可能なコンテンツ項目のタイトル コンテンツクラス id およびステータスがすべてリスト表示されます タイトルを選択すると そのコンテンツ項目の完全な管理ページにアクセスすることができます ( コンテンツ項目を保存すると 閲覧 & 編集モードに戻ります ) Page 16 f 97

17 317 新規追加表示されている Web ページの編集可能なコンテンツ項目のタイトル コンテンツクラス id およびステータスがすべてリスト表示されます タイトルを選択すると そのコンテンツ項目の新規コピーを 管理システムへ追加することができます Page 17 f 97

18 318 プレビュー赤のツールバーの下にある白いツールバーに プレビュー機能が用意されています 日時や代替バージョンを選択し 閲覧 & 編集モードにてコンテンツ項目を表示したり編集したりすることが可能です 3181 ウェブサイト Web サイトに設定されているマイクロサイトのドメイン名が ( 存在する場合 ) 一覧表示されます いずれかのドメイン名を選択すると そのドメイン名に設定されたデフォルトの Web ページに表示が切り替わります その際 再度ログインが求められる場合がありますので ご自身の管理者ユーザ名とパスワードを入力してください ( セキュリティ上の理由により 異なるドメイン名では ログイン情報は共有されません ) Page 18 f 97

19 3182 日時コンテンツ項目にスケジュール公開設定されている日時がすべて一覧表示されます いずれかの日時を選択すると その日時にどのようにコンテンツが表示されるかを確認することができます また - 選択 - を選択して任意の日時を入力すると 入力された日時にどのようにコンテンツが表示されるかを確認することができます - デフォルト - を選択すると デフォルトに戻り 最新の更新済み / 公開済みコンテンツが表示されます Page 19 f 97

20 3183 言語言語バージョン等 Web サイトに設定されている代替コンテンツバージョンが一覧表示されます いずれかのバージョンを選択すると そのバージョンのコンテンツ項目 ( 存在する場合 ) に表示が切り替わります 3184 デバイス Web コンテンツ管理システムで使用しているブラウザ / デバイスの代替バージョンが一覧表示されます いずれかのバージョンを選択すると そのバージョンのコンテンツ項目 ( 存在する場合 ) に表示が切り替わります 尚 これは 該当のバージョンに設定されたコンテンツを表示するものであり そのブラウザ / デバイスでの実際の見え方と必ずしも全く同じとは限りません Page 20 f 97

21 319 アウトライン閲覧 & 編集モードの表示および動作方法を変更します アウトライン リンクを選択することで 以下に示すオプションを切り替えることができます オプションは アウトライン ドロップダウンメニューより直接選択することも可能です Page 21 f 97

22 3191 無し ( デフォルト ) Web サイトの訪問者に対して表示されるページと ( ほぼ ) 同じように閲覧することができます 編集可能なコンテンツ項目のアウトライン化はされませんが ツールバーの他のメニューを使って編集や公開など行うことが可能です Page 22 f 97

23 3192 黒ベース表示されている Web ページの編集可能なコンテンツ項目が 黒いボックスによってそれぞれアウトライン化されており 各リンクを選択することで編集や公開などを行います Page 23 f 97

24 Page 24 f 97

25 3193 白ベース表示されている Web ページの編集可能なコンテンツ項目が 白いボックスによってそれぞれアウトライン化されており 各リンクを選択することで編集や公開などを行います Page 25 f 97

26 32 スタイルシートその Web ページで使用されているスタイルシートを編集する権限がある場合 上記の赤いツールバーの下に 黒もしくは白い stylesheet ボックスが表示されます スタイルシートは Web サイトコンテンツの見え方をコントロールするために使用されます 例えば ヘッディングを大きな太字で表示させたり 他のページへのリンクを青文字で表示させたりする場合などです スタイルシートの作成と編集には HTML と CSS コードの知識を必要とします HTML や CSS の一般的なドキュメントや文献をご参照下さい 33 テンプレート次に その Web ページで使用されているテンプレートを編集する権限がある場合 黒もしくは白い template ボックスが表示されます テンプレートは Web ページ全体のレイアウトを定義するもので Web サイトの全ページや もしくは各セクションごとの全ページなど 複数のページに共通するコンテンツを含んでいます 例えば Web サイトの全ページにおいて ページ上部にツールバーを使用し 左にナビゲーションメニューを持ってきて 右にはニュース枠を配置し 真ん中に主要コンテンツを表示させる などといったレイアウトを定義します テンプレートは これらの各パートが実際に何であるかを定義するものではなく それらのパーツが組み込まれるよう空のスペースを用意するだけです HeartCreWeb コンテンツ管理システムでは このような各パーツを コンテンツ項目 と呼び 主要コンテンツは ページ ツールバーメニューやニュース枠などの補助的コンテンツは 構成要素 と呼ばれます 34 コンテンツ項目赤および黒のツールバー 黒い / 白い stylesheet ボックス ( もしあれば ) また黒い / 白い template ボックス ( もしあれば ) の下に Web サイトページのコンテンツが表示されます Web ページが様々なコンテンツ項目によってどのように構成されているか またコンテンツ項目へのアクセス権限に応じて 黒い / 白い cntent ボックスがそれぞれ表示されます Page 26 f 97

27 Page 27 f 97

28 Page 28 f 97

29 35 コンテンツブロックヘディング Web ページの各コンテンツ項目の上に表示されるコンテンツブロックヘディングは 要約情報を表示しており 項目の編集に役立ちます 351 ステータス各コンテンツ項目の公開ステータスは ヘディングの左側に表示されます 公開ステータスは より高度な公開機能を有効にしていない限り 常に 公開 となります 詳細については ウェブサイト管理者ガイド を参照してください より高度な公開機能が有効の場合は 下記のいずれかのステータスが表示されます 新規未公開の新しいページ / 構成要素コンテンツである 更新コンテンツは更新されており 更新されたコンテンツはまだ公開されていない ( 新しく更新されたコンテンツは編集 & 閲覧管理モードで表示されるが 旧公開済みコンテンツは一般 Web サイト上に表示されたままである ) 公開 : 日付 / 時間新規 / 更新コンテンツは 表示された日付 / 時間に公開されるようスケジュールされている 公開コンテンツは Web サイトに公開されている 非公開コンテンツは Web サイトから非公開にされている 期限 : 日付 / 時間公開されているコンテンツは 表示された日時に期限切れになる 期限切れ期限切れとなったコンテンツ 専有済み別の Web サイト管理者により専有済みのため コンテンツを編集できない Page 29 f 97

30 352 コンテンツクラス各コンテンツ項目のクラスはヘディングの中央に表示されます コンテンツクラスは Web サイトでの設定と同様 ページタイトル や ページコンテンツ もしくは 構成要素クラスである メニュー ツールバー ニュース バナー 等のいずれかです ページコンテンツ 項目はそのページの主要なコンテンツです 353 追加コンテンツ項目の新規コピーを追加する権限をお持ちの場合 管理ヘディングの右側に 追加 リンクが表示されます 追加 リンクを選択すると コンテンツエディタ管理画面ページが開き コンテンツの新規コピー またはすべてのコンテンツ項目の他のデータを編集したり 追加することができます 詳細については ウェブサイト管理者ガイド をご参照下さい 354 管理サイトコンテンツ項目を更新する権限をお持ちの場合 管理ヘディングの右側に 管理サイト リンクが表示されます 新規追加のリンクを選択すると コンテンツエディタ管理画面ページが開き コンテンツと コンテンツのその他のデータを更新することができます 詳細については ウェブサイト管理者ガイド を参照してください ( HeartCreWeb コンテンツ管理の古いリリース版をお使いの場合 この新しい 管理サイト リンクは 古いリリース版においての 編集 リンクと同等のものとなります ) 355 編集コンテンツ項目に対し更新権限を有する場合は 編集リンクがヘディングの右側に表示されます 編集リンクを選択すると コンテンツを直接更新できる簡素化されたコンテンツエディタが開きます コンテンツ項目のタイトルとコンテントのみ編集可能です 他のデータを更新するには 管理 リンクを使用して下さい Page 30 f 97

31 Page 31 f 97

32 356 公開コンテンツ項目に対し公開権限を有する場合は 公開 リンクがヘディングの右側に表示されます 公開リンクを選択すると コンテンツを公開させることができます Page 32 f 97

33 36 インライン編集ツールバーの編集 - インライン - を選択すると 編集可能なコンテンツをインラインで直接編集できるようになります コンテンツエディタ 公開チェックボックス 保存ボタン キャンセルボタンが ページ上部に表示されます 特殊コード や ###### ) を含むコンテンツ項目は インライン モードでは編集できませんのでご注意ください 編集するには ツールバーの 編集 から該当のコンテンツ項目を選択してください キャレット / カーソルを 編集可能なコンテンツ上に移動させると 赤の破線が表示されます コンテンツを編集するには キャレット / カーソルを置いてクリックしてください 他の編集可能なコンテンツを編集するには キャレット / カーソルを移動させてください 保存 を選択すると 編集した内容がすべて保存され インラインモードが終了します キャンセル を選択すると 変更内容はすべて破棄され インラインモードが終了します Page 33 f 97

34 37 閲覧と編集の終了 Web サイトコンテンツの閲覧や編集を終了する際には 次の 2 つの方法で閲覧 & 編集モードを終了することができます 閲覧 & 編集ページ右上の トップ をクリックし HeartCre Web コンテンツ管理システムのメイン管理ページに戻る HeartCre Web コンテンツ管理システムからログアウトするには 閲覧 & 編集ページ右上のログアウトをクリックし 通常のユーザとして一般の Web サイトに戻る Page 34 f 97

35 4 コンテンツエディタ コンテンツエディタは実際に Web ページのコンテンツを作成したり 更新するのに使われます コンテンツエディタは閲覧 編集モードはもちろん Web サイトコンテンツやライブラリ管理セクションからのアクセスが可能です コンテンツエディタには タイトル入力フィールドや実際のコンテンツ入力フィールドが含まれています 実際のコンテンツ入力フィールドは ページ 構成要素 テンプレート スタイルシート ファイル イメージ リンク どれを作成 / 編集しているかによって異なってきます Web サイトのコンテンツを作成 / 更新するには タイトルフィールドのテキストを編集し コンテンツ入力フィールドの詳細を更新してください 変更を保存するには 保存をクリックしてください ページや 構成要素 テンプレートを作成したり 更新したりする際には コンテンツ 入力フィールドに Web エディタが表示され テキストをフォーマットしたり イメージファイルリンクを挿入することができます デフォルトでは ページ 構成要素 テンプレートでは HTML フォーマットが使用され HeartCreWeb コンテンツエディタ WYSIWYG 入力フィールドにて編集することができます 詳細は 41HeartCre Web コンテンツエディタをご参照下さい 保存や公開をする前に ページ 構成要素 テンプレート スタイルシートの変更を確認するには プレビューをクリックすると 現在編集中のコンテンツを新しい Web ブラウザウィンドウで見ることができます コンテンツを保存する際 他のコンテンツや Web サイトへのリンクがチェックされます もし無効なリンクが存在する場合には ポップアップウィンドウにて警告されます 警告を無視してそのままコンテンツを保存するには OK を選択します コンテンツエディタに戻って編集し直すには Cancel を選択します 他のリンクを選択したり 保存をクリックする前に Web ブラウザを閉じてしまうと 変更した内容は無視され Web サイトコンテンツへの変更は保存されないことに注意してください Page 35 f 97

36 41 HeartCre Web コンテンツエディタデフォルトでは HeartCre Web コンテンツ管理システムは ページ 構成要素 テンプレートを編集する際 HeartCre 内臓 Web コンテンツエディタを使用します HeartCre 内臓 Web コンテンツエディタについては次のセクションにご説明します 対応 Web ブラウザの仕様の違いにより HeartCre Web コンテンツエディタのバージョンは Web ブラウザによって異なります いくつかの Web エディタ機能は HeartCre Web コンテンツエディタのバージョン間で違いがあります またバージョンによっては使用できない Web エディタ機能もあります 詳細については 次のセクションを参照してください デフォルトとして HeartCre Web コンテンツ管理システムは デフォルトとして HeartCre Web コンテンツ管理システムは 現在使用している Web ブラウザを自動で検出し その Web ブラウザに最適な HeartCre Web エディタのバージョンを自動選択します 他のコンテンツエディタ製品を使用するように HeartCre Web コンテンツ管理システムを設定することもできます I 他のコンテンツエディタ製品を使用するよう HeartCre Web コンテンツ管理システムを設定する場合は ご利用方法の詳細は そのコンテンツエディタ製品の説明書をご参照ください HeartCre Web コンテンツエディタにて ページ 構成要素 テンプレートの各プライマリコンテンツへ テキスト イメージ ハイパーリンク HTML コードを追加できます HeartCre Web コンテンツエディタの画面は下記のように表示されます HeartCre Web コンテンツエディタ v1 (Micrsft Internet Explrer 対応 ) Page 36 f 97

37 HeartCre Web コンテンツエディタ v2+ (Micrsft Internet Explrer v55 以降 Netscape 71 以降 Mzilla 13 以降 Mzilla Firefx Ggle Chrme Apple Safari 対応 ) HeartCre Web コンテンツエディタ v10+ (Micrsft Internet Explrer v9 以降 Mzilla Firefx Ggle Chrme および Apple Safari の比較的新しいバージョンに対応 ) Page 37 f 97

38 テキストをフォーマットしたり イメージやハイパーリンク HTML コードを挿入するには 中央の作業エリアにテキストを入力し ツールバーボタンを選択してください また 編集可能なコンテンツの下にある HTML DOM インスペクターは 現在選択されているコンテンツの詳細を表示します ツールバーボタンと HTML DOM インスペクターについては 後続のセクションで説明します 42 ツールバー HeartCre Web コンテンツエディタのツールバーは リボン形式とクラシック形式のいずれかを使用するよう設定が可能です デフォルトでは リボン形式のツールバーが使用されます どちらのツールバーを使用しても 機能は同じです 421 リボン形式のツールバーリボン形式のツールバーでは 上部にツールバータブがいくつか存在し 選択中タブのツールバーリボンが表示されます 各ツールバーリボンには 様々な選択オプションとアイコンが表 Page 38 f 97

39 示されます 別のタブを選択すると ツールバーリボンも切り替わり 異なる機能が使用できます また いくつかのアイコンを上部タブの横に表示することも可能で 特定の Web コンテンツエディタ機能へ素早くアクセスできるようになります 422 クラシック形式のツールバークラシック形式のツールバーでは いくつかの行が表示されており 各行には様々なアイコンと選択オプションが存在します 中には ドロップダウンメニューにて 更に追加のオプションが表示されるアイコンや選択オプションも存在します Page 39 f 97

40 43 テキストのフォーマットとスタイル 431 スタイルリボン HeartCre Web コンテンツエディタ v10 以降のリボン形式のみ HeartCre Web コンテンツエディタは カスケーディングスタイルシートをサポートしています 定義されたスタイル / クラスは コンテンツに割り当てられたスタイルシートから自動的に抽出されます Page 40 f 97

41 スタイルを適用させるには 変更したいテキストを選択し ツールバーのスタイルリストからスタイルを選んでください スタイルの実際の書式設定は コンテンツに割り当てられたスタイルシート内で定義可能です いくつかのスタイルをリボンツールバー内に直接表示し 素早く選択できるよう設定することも可能です 他のスタイルは スタイル ドロップダウンリストから選択可能です 432 フォーマットリボン HeartCre Web コンテンツエディタ v10 以降のリボン形式のみ HeartCre Web コンテンツエディタは 標準的な定義済み HTML テキストフォーマットを提供します Nrmal Paragraph Frmatted Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Numbered List Bulleted List Directry List Menu List Definitin Term Definitin Address Main Sectin Article Header Fter Navigatin Aside Figure Figure Captin Page 41 f 97

42 Details Summary フォーマットを適用させるには 変更したいテキストを選択し ツールバーのフォーマットリストからフォーマットを選んでください フォーマットの書式設定は コンテンツに割り当てられたスタイルシート内で定義可能です いくつかのフォーマットをリボンツールバー内に直接表示し 素早く選択できるよう設定することも可能です 他のフォーマットは フォーマット ドロップダウンリストから選択可能です 433 スタイル HeartCre Web コンテンツエディタ v2 以降のみ HeartCre Web コンテンツエディタは カスケーディングスタイルシートをサポートしています 定義されたスタイル / クラスは コンテンツに割り当てられたスタイルシートから自動的に抽出されます スタイルを適用させるには 変更したいテキストを選択し ツールバーのスタイルリストからスタイルを選んでください スタイルの実際の書式設定は コンテンツに割り当てられたスタイルシート内で定義可能です 434 フォーマット HeartCre Web コンテンツエディタ v2 以降のみ HeartCre Web コンテンツエディタは 標準的な定義済み HTML テキストフォーマットを提供します Nrmal Frmatted Address Heading 1 Heading 2 Heading 3 Page 42 f 97

43 Heading 4 Heading 5 Heading 6 Numbered List Bulleted List Directry List Menu List Definitin Term Definitin Paragraph フォーマットを適用させるには 変更したいテキストを選択し ツールバーのフォーマットリストからフォーマットを選んでください フォーマットの書式設定は コンテンツに割り当てられたスタイルシート内で定義可能です 435 フォント名 HeartCre Web コンテンツエディタ v2 のみ HeartCre Web コンテンツエディタ v1 のフォントのフォーマットをご参照ください フォントを変更するには変更したいテキストを選択し ツールバーのフォントのリストからフォントを選択してください 436 フォントサイズ フォントサイズを変更するには 変更したいテキストを選択し ツールバーのフォントサイズのリストからフォントサイズを選択してください Page 43 f 97

44 437 太字 太字フォーマットにするには 変更したいテキストを選択してツールバーボタンの太字を選択してください 438 斜体 変更したいテキストを選択して ツールバーボタンの斜体を選択し斜体のフォーマットを適用させてください 439 下線 変更したいテキストとツールバーボタンの下線を選択してテキストに下線を適用させてください 4310 フォントのフォーマット HeartCre Web コンテンツエディタ v1 のみ HeartCre Web コンテンツエディタ v2 のテキストカラーをご参照ください フォントツールバーボタンは スタイルやスタイルシートの選択によって定義されたフォーマットを上書きするフォーマットオプションを提供します テキストをフォーマットするには 変更したいテキストを選択し フォントツールバーボタンを選択してください 次の画面が表示されます フォント 選択したテキストに適用させたいフォントを選択する スタイル 選択したテキストに適用させたいスタイルを選択する サイズ 選択したテキストに適用させたいフォントサイズを選択する 下線 選択したテキストに下線を引きたい場合には 下線チェックボックスをオンにする カラー カラーリストからフォントの色を選択するか ボタンを選択し フォントの色を選択する 選択したテキストに適用させたいフォーマットが表示されたら OK を選択してサンプルボックスを閉じて下さい もしくはキャンセルして下さい Page 44 f 97

45 4311 文字の色 HeartCre Web コンテンツエディタ v2 のみ 変更したいテキストを選択後 文字の色ツールバーボタンを選択して文字の色フォーマットを適用させてください 次の画面が表示されます パレットから色を選択するか HTML カラーコードを入力してください 選択したテキストに適用させるには OK を選択し キャンセルするにはキャンセルを選択してください 4312 背景の色 HeartCre Web コンテンツエディタ v2 のみ 変更したいテキストを選択後 背景の色ツールバーボタンを選択して背景の色フォーマットを適用させてください 次の画面が表示されます パレットから色を選択するか HTML カラーコードを入力してください 選択したテキストに適用させるには OK を選択し キャンセルするにはキャンセルを選択してください 4313 上付き文字 Page 45 f 97

46 HeartCre Web コンテンツエディタ v2 のみ 変更したいテキストを選択後 上付き文字ツールバーボタンを選択して上付き文字フォーマットを適用させてください 4314 下付き文字 HeartCre Web コンテンツエディタ v2 のみ 変更したいテキストを選択後 下付き文字ツールバーボタンを選択して下付き文字フォーマットを適用させてください 4315 取り消し線 HeartCre Web コンテンツエディタ v2 のみ 変更したいテキストを選択後 取り消し線ツールバーボタンを選択して取り消し線フォーマットを適用させてください 4316 フォーマットの解除 HeartCre Web コンテンツエディタ v2 のみ 変更したいテキストを選択後 フォーマット解除ツールバーボタンを選択してフォーマットを解除してください 44 インデントと配置 441 インデントを減らす 段落のインデントを減らすには 変更したいテキストを選択し インデントツールバーボタンを選択してください 442 インデント インデントを増やしたい場合には 変更したいテキストを選択し インデントツールバーボタンを選択してください 443 左端揃え 左揃えにするには 左に寄せたいテキストを選択し 左端揃えのツールバーボタンを選択してください Page 46 f 97

47 444 中央揃え 中央揃えにするには 中央揃えにしたいテキストを選択し 中央揃えのツールバーボタンを選択してください 445 右端揃え 右端揃えにするには 右端揃えにしたいテキストを選択し 右端そろえのツールバーボタンを選択してください 446 両端揃え HeartCre Web コンテンツエディタ v2 のみ 両端揃えにするには 両端揃えにしたいテキストを選択し 両端揃えのツールバーボタンを選択してください 447 分割しない HeartCre Web コンテンツエディタ v2 以上のみ テキストが自動改行により分割されるのを防ぐには そのままにしておきたいテキストを選択して 分割しないのツールバーボタンを選択してください 448 段落番号 HeartCre Web コンテンツエディタ v2 のみ 段落番号をつけるには 番号をつけたい項目を選択して 段落番号のツールバーボタンを選択してください 449 箇条書き 箇条書きにしたい場合には 箇条書きにしたい項目を選択し 箇条書きのツールバーボタンを選択してください 45 編集 451 切り取り HeartCre Web コンテンツエディタから選択したコンテンツを切り取りとるには 切り取りのツールバーボタンを選択し クリップボードに貼り付けてください Page 47 f 97

48 Web ブラウザによってはこの機能をサポートしていない可能性があります その場合は 代わりに Web ブラウザのメニュー / キーボード機能を使用してみてください 452 コピー HeartCre Web コンテンツエディタから選択したコンテンツをコピーするには コピーのツールバーボタンを選択し クリップボードに貼り付けてください Web ブラウザによってはこの機能をサポートしていない可能性があります その場合は 代わりに Web ブラウザのメニュー / キーボード機能を使用してみてください 453 貼り付け クリップボードから HeartCre Web コンテンツエディタにコンテンツを貼り付けるには 貼り付けのツールバーボタンを選択してください Web ブラウザによってはこの機能をサポートしていない可能性があります その場合は 代わりに Web ブラウザのメニュー / キーボード機能を使用してみてください 454 HTML コードの除去 HeartCre Web コンテンツエディタ v2 のみ Micrsft Wrd のようなほかのアプリケーションから貼り付けられたコンテンツは 必要のない / 望ましくない HTML コードが含まれている可能性があります その場合 ツールバーの HTML Page 48 f 97

49 コードの消去を選択し 不要な HTML コードを取り除いてください 次の画面が表示されます Micrsft Wrd 関連 ( デフォルトで選択され 安全に消去できるもの ) すべての XML タグすべての XML タグをコンテンツから削除する すべての namespace タグすべての XML namespace タグをコンテンツから削除する すべての LANG 属性すべての LANG 属性をコンテンツから削除する 空の SPAN タグ空と二重の SPAN タグを削除する 空の FONT タグ空と二重の FONT タグを削除する すべての DEL と INS タグすべての DEL と INS タグを削除する Ms* CLASS 属性名前が Ms* で始まる全ての CLASS アトリビュートをコンテンツから削除する ms- STYLE 属性名前が ms-* で始まる全ての STYLE アトリビュートをコンテンツから削除する その他 ( これらは 確実に削除が必要な場合に あるいは削除によりコンテンツが大きく変更されることを理解した上で選択してください ) すべての HTML タグすべての HTML タグをコンテンツから削除する すべての CLASS 属性すべての CLASS 属性をコンテンツから削除する Page 49 f 97

50 すべての STYLE 属性すべての STYLE 属性をコンテンツから削除する すべての SPAN タグすべての SPAN タグを削除する すべての FONT タグすべての FONT タグを削除する 空の P と DIV すべての空の P と DIV を削除する Web エディタ作業エリア内のコンテンツの不要な HTML を消去するには OK をクリックしてください 455 削除 HeartCre Web コンテンツエディタ v2 のみ HeartCre Web コンテンツエディタからコンテンツを削除するには 削除したいコンテンツを選択し 削除のツールバーボタンを選択してください 456 すべて選択 HeartCre Web コンテンツエディタ v2 のみ HeartCre Web コンテンツエディタのすべてのコンテンツを選択するには ツールバーボタンのすべてを選択を選択してください 457 やり直し 元に戻すコマンドの行為を覆すには やり直しのツールバーボタンを選択してください 458 元に戻す 最終のコマンドを覆す場合や最終の入力を削除したい場合は 元に戻すのツールバーボタンを選択してください 46 Web コンテンツ 461 特殊文字とコードの挿入 Web エディタの作業エリアに特殊文字やコードを挿入するには 特殊文字とコード挿入のツールバーボタンを選択してください 次の画面が表示されます Page 50 f 97

51 挿入したい特殊文字を選択すると Web エディタの作業エリアに挿入されます 特殊コードを挿入のリンクを選択すると 特殊コードの画面が表示されます 挿入したい特殊コードを選択すると 特殊コードが Web エディタの作業エリアに挿入されます 特殊文字を挿入のリンクを選択すると 特殊文字の画面に戻ります 462 メディアの挿入 ( イメージ / フラッシュ / Java アプレット ) Page 51 f 97

52 HeartCre Web コンテンツエディタにイメージを挿入するには ツールバーボタンのイメージの挿入を選択してください 次の画面が表示されます イメージライブラリ ローカルコンピュータどちらからでもイメージを挿入することができます 4621 ライブラリイメージコンテンツのカテゴリ ( イメージグループ / タイプ ) 機能が有効の場合 Web サーバライブラリからイメージカテゴリがウィンドウ左手に表示されます すべてのイメージ もしくはイメージカテゴリを選択すると そのカテゴリに属する全ての Web サーバライブラリイメージが ウィンドウ中央にリスト表示されます イメージを選択すると ウィンドウ右手にプレビューが表示されます 異なる背景色コントラストでイメージをプレビューするには プレビュー背景色ボックスから選択してください イメージを選択すると そのイメージの Web サイトアドレス情報が 他のオプションイメージプロパティと共にウィンドウ下部に表示されます アドレスタイプ URL ドメイン パス ファイル名を含むフル Web アドレス 幅イメージがどのくらいの幅で表示されるかの ピクセルやパーセンテージ数 最大値は 以下となります 高さイメージがどのくらいの高さで表示されるかの ピクセルやパーセンテージ数 最大値は 以下となります 境界イメージの周囲に表示される境界のピクセル数 配列 / 配置そのイメージと周辺テキストとの位置関係を定義する Page 52 f 97

53 左右上下中央中央揃え 行間 / V スペースイメージの上下を表示される空白のピクセル数 水平のスペース /H スペースイメージの左右に表示される空白のピクセル数 代替テキストイメージの代わりに表示される代替テキストの記述 Id アドバンススクリプトなどに使用されるユニーク ID クラススタイルシートなどで使われる名前 マウスオーバーキャレット / カーソルがイメージの上に来ると呼ばれる Javascript イベントハンドラ マウスアウトキャレット / カースがイメージから外れると呼ばれる Javascript イベントハンドラ コンテンツエディタにイメージを挿入するには OK をクリックしてください コンテンツエディタにイメージを挿入せずにコンテンツエディタに戻るにはキャンセルをクリックしてください 4622 新しいイメージの追加ローカルコンピュータからイメージを追加することもできます ウィンドウ上部中央の 追加 リンクをクリックしてください 次の画面が表示されます Page 53 f 97

54 ウィンドウ下部の イメージの追加 部分で新しいイメージのタイトルを入力してください 参照をクリックし お使いのコンピュータからイメージファイルを見つけて下さい イメージファイルを選択すると そのイメージが画面右側に表示されます また お使いの Web ブラウザに最新のバージョンの Flash プラグインがインストール済みであれば 参照ボタン の隣に 複数のファイルを選択 ボタンが出ます このボタンを利用して 複数のファイルを選択し 同時にアップロードをし 追加をしてください 新規イメージのその他の属性を既存イメージからコピーするには ほかのコンテンツから属性をコピー を選択してください - なし - を選択すると 新規イメージのその他の属性は全てデフォルト ( 空白 ) 値に設定されます イメージライブラリにそのイメージを追加するには 保存をクリックしてください より高度な公開機能が有効に設定されている場合は 公開 チェックボックスが表示され チェックを入れると保存時に公開となります また コンテンツのカテゴリ ( メージグループ / タイプ ) 機能が有効の場合は 新規イメージのイメージグループとイメージタイプが選択可能です 463 イメージマップの定義 イメージにイメージマップを定義するには 対象のイメージを選択し ツールバーの イメージマップの定義 ボタンを選択します 次の画面が表示されます イメージにイメージマップを定義するには 対象のイメージを選択し ツールバーの イメージマップの定義 ボタンを選択します 次の画面が表示されます Page 54 f 97

55 名前イメージとイメージマップをリンクするために内部的に使用される名前 ( 必須 ) クラス CSS スタイルシートで使用される HTML クラス名 Id Javascript で使用されるユニーク HTML コード ID イメージマップエリア下記を選択し イメージマップを定義します 形対応しているイメージマップの形は 円と長方形です 座標イメージマップエリアの位置とサイズを定義する座標 ( 円 : 中央 X 中央 Y 半径 ) ( 長方形 : 左 上 右 下 ) 座標は手動で入力するか イメージマップウィンドウの下部に表示されるイメージ上の輪郭ハンドルを使ってドラッグ & ドロップします Href イメージマップエリアがリンクする Web アドレス URL 追加入力された形や座標 Href をイメージマップエリアとして追加する 更新選択されたイメージマップエリアを 入力された形 座標 Href に変更する 除去選択されたイメージマップエリアを削除する Page 55 f 97

56 上へ移動選択されたイメージマップを上に移動する 下へ移動選択されたイメージマップを下に移動する Web エディタ作業エリア内の選択されたイメージにイメージマップを定義するには OK を選択します 464 ハイパーリンクの挿入 作業エリアにリンクを挿入するには ハイパーリンクの挿入 のツールバーボタンを選択してください 次の画面が表示されます HeartCre Web コンテンツ管理システム内の既存のページ イメージ ファイル リンクへのリンクや インターネット上のあらゆる Web サイトアドレスへのリンクを挿入することができます また 新たにページ イメージ ファイル リンクを追加することもできます 4641 ハイパーリンクの挿入ンテンツカテゴリ機能が有効の場合 コンテンツカテゴリがウィンドウの左手に表示されます コンテンツクラス / カテゴリを選択すると そのクラス / カテゴリの Web サーバコンテンツをが ウィンドウ中央にリスト表示されます ページ Web コンテンツ管理システムの Web サイトページ イメージ Web コンテンツ管理システムのライブラリイメージ Page 56 f 97

57 ファイル Web コンテンツ管理システムのライブラリファイル リンク Web コンテンツ管理システムのライブラリリンク 特殊 Web コンテンツ管理システム機能への特別なリンク 掲示板を閲覧 Web サイト訪問者に Web サイト掲示板 ( ゲストブック ) を表示する この項目を閲覧項目のフルページへリンクする検索結果エントリと E コマース追加機能に使用する ログイン Web サイトの登録ユーザとしてログインするための 手動 のログインリンクに使用する ( アクセスしたコンテンツに必要な場合は 自動的にログインが要求されます ) ログアウト Web サイトの登録ユーザとしてログアウトするための 手動 のログアウトリンクに使用する (Web ブラウザが閉じられたとき また Web サーバに設定されたユーザの セッション が切れたときは 自動的にログアウトされます ) バージョン Web サイト訪問者が Web サイトコンテンツの優先バージョンを選択するためのリンク ( コンテンツバージョン機能が有効のときのみ ) マイクロ Web サイト設定された マイクロ Web サイト インターネットアドレスドメイン名へのリンク ページ関係現在閲覧中のコンテンツに定義されている関連コンテンツへのリンク ( コンテンツ関連機能が有効のときのみ ) ページトップコンテンツエディタの関連コンテンツセクションで指定されている ページトップ の Web ページへのリンク ページアップコンテンツエディタの関連コンテンツセクションで指定されている ページアップ の Web ページへのリンク 最初のページコンテンツエディタの関連コンテンツセクションで指定されている 最初のページ の Web ページへのリンク 最後のページコンテンツエディタの関連コンテンツセクションで指定されている 最後のペー Page 57 f 97

58 ジ の Web ページへのリンク 前のページコンテンツエディタの関連コンテンツセクションで指定されている 前のページ の Web ページへのリンク 次のページコンテンツエディタの関連コンテンツセクションで指定されている 次のページ の Web ページへのリンク コンテンツ項目を選択すると ウィンドウ右手にプレビューが表示されます コンテンツ項目を選択すると その項目の Web サイトアドレスの情報が 他のオプションコンテンツプロパティと共にウィンドウ下部に表示されます アドレス選択されたページの Web アドレスなど 通常 これは変更されるべきではないが 必要であればパラメータ等を追加する事ができる また #mybkmark のようなアドレスをいれ Web ページに挿入してある anchr/bkmark へリンクすることができる ターゲットどのようにハイパーリンクが開かれるかを定義する 同じウィンドウ (_self) リンクは現在のウィンドウに開かれる ペアレントウィンドウ (_parent) リンクは現在のペアレントウインドウに開かれる ブラウザウィンドウ (_tp) リンクはウィンドウのトップレベルに開かれる 新たなウィンドウ (_blank) リンクは新規ウィンドウに開かれる Id アドバンススクリプトなどに使用されるユニーク ID クラススタイルシート等に使われる名前 終了したら OK をクリックし Web エディタにリンクを挿入します 4642 新しいページの追加新しいページを追加したい場合には ウィンドウ左手のページを選択後 ウィンドウ中央一番上の 追加 を選択すると 次のようなウィンドウが表示されます Page 58 f 97

59 タイトルフィールドに新しいページのタイトルを入力してください 新しいファイルを追加するなら 参照をクリックしてローカルコンピュータから選択してください また お使いの Web ブラウザに最新バージョンの Flash プラグインをインストール済みであれば ブラウズ ( 参照 ) ボタンのとなりに 複数のファイルを選択 ボタンがでます こちらの機能を使って 一度に複数のファイルを選択しアップロードし追加することが出来ます 複数のファイルを一度にアップロードし 追加する際には 実際のファイル名が入力されたタイトルに付加されます コンテンツカテゴリ ( ページ / 構成要素のグループ / タイプ ) 機能が有効の場合 ページのタイプとグループを選択することができます 既存ページの他の属性を新しいページへコピーするには ほかのコンテンツから属性をコピー を選択してください - なし - を選択すると 新しいページのその他のページ属性は すべてデフォルト ( 空白 ) 値に設定されます より高度な公開機能が有効に設定されている場合 公開 チェックボックスが表示されます 新しいページ / ファイルを保存時に即座に公開するには 公開 チェックボックスをオンにしてください 保存をクリックすると 新しいページやファイルが作成されます 4643 新しいイメージの追加新しいイメージを追加したい場合には ウィンドウ左手のイメージを選択し ウィンドウ中央一番上の 追加 を選択してください 次のようなウィンドウが表示されます Page 59 f 97

60 タイトルフィールドに新しいイメージのタイトルを入力してください ローカルコンピュータから実際のイメージファイルを選択するには 参照 を選択してください また お使いの Web ブラウザに最新バージョンの Flash プラグインをインストール済みであれば 参照 ボタンのとなりに 複数のファイルを選択 ボタンがでます こちらの機能を使って 一度に複数のファイルを選択しアップロードして追加することが出来ます 複数のファイルを一度にアップロードし 追加する際には 実際のファイル名が入力されたタイトルに付加されます 既存イメージのその他の属性を新しいイメージへコピーするには ほかのコンテンツから属性をコピー より選択してください - なし - を選択すると 新しいイメージのその他のイメージ属性は すべてデフォルト ( 空白 ) 値に設定されます コンテンツカテゴリ ( イメージのグループ / タイプ ) 機能が有効の場合 イメージのタイプとグループを選択することもできます より高度な公開機能が有効に設定されている場合 公開 チェックボックスが表示されます 新しいイメージを保存時に即座に公開するには 公開 チェックボックスをオンにしてください 保存を選択すると 新しいイメージが作成されます 4644 新しいファイルの追加新しいファイルを追加したい場合 ウィンドウ左手のファイルを選択後 ウィンドウ中央一番上の 追加 を選択してください 次のようなウィンドウが表示されます Page 60 f 97

61 タイトルフィールドに新しいファイルのタイトルを入力後 参照 をクリックし ローカルコンピュータから実際のファイルを選択してください 既存ファイルのその他の属性を新しいファイルへコピーするには ほかのコンテンツから属性をコピー より選択してください もし - なし - を選択すると 新しいファイルのその他の属性は すべてデフォルト ( 空白 ) 値になります コンテンツカテゴリ ( ファイルのグループ / タイプ ) 機能が有効の場合 ファイルのタイプとグループを選択することもできます より高度な公開機能が有効に設定されている場合 公開 チェックボックスが表示されます 新しいファイルを保存時に即座に公開するには 公開 チェックボックスをオンにしてください 保存をクリックすると 新しいファイルが作成されます 4645 新しいリンクの追加新しいリンクを追加したい場合は ウィンドウ左手のリンクを選択し ウィンドウ中央上に表示される 追加 を選択してください 次のような画面が表示されます Page 61 f 97

62 タイトルフィールドに新しいリンクのタイトルと アドレスフィールドにその Web サイトのフルアドレスを入力してください ( 例 : 既存リンクの他の属性を新しいリンクへコピーするには ほかのコンテンツから属性をコピー より選択してください - なし - を選択すると 新しいリンクの他の属性は すべてデフォルト ( 空白 ) 値になります コンテンツカテゴリ ( リンクのグループ / タイプ ) 機能が有効の場合 リンクのタイプとグループを選択することもできます より高度な公開機能が有効に設定されている場合 公開 チェックボックスが表示されます 新しいリンクを保存時に即座に公開するには 公開 チェックボックスをオンにしてください 保存をクリックすると 新しいリンクが作成されます 465 フレームの挿入 HeartCre Web コンテンツエディタ v2+ のみ 作業エリアに他の Web ページを含むコンテンツフレームを挿入するには フレームの挿入 ツールバーボタンを選択してください 次の画面が表示されます Page 62 f 97

63 幅パーセンテージ ( 例 :100% ) やピクセル ( 例 :100 ) でボックスの幅を入力する W3C 基準に基づき最大値が 以下となります 高さパーセンテージ ( 例 :100% ) やピクセル ( 例 :100 ) でボックスの高さを入力する W3C 基準に基づき最大値が 以下となります URL のタイプ URL アドレスのタイプ ( URL アドレス Web アドレスドメイン パスやページ名 Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Web エディタ作業エリアにコンテンツフレームを挿入するには OK をクリックしてください 466 メールのリンク先を挿入 HeartCre Web コンテンツエディタ v2+ のみ 作業領域にリンクを挿入するには ツールバーの メールのリンク先を挿入 ボタンを選択します Page 63 f 97

64 E メール送信アドレス E メールが送られるデフォルトの E メールアドレス 件名送信されるメールのデフォルトの件名 Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 終了後 Web エディタにリンクを挿入するには OK をクリックしてください 467 アンカー / ブックマークの挿入 HeartCre Web コンテンツエディタ v2+ のみ 作業エリアにアンカー / ブックマークを挿入するには アンカー / ブックマークの挿入 ツールバーボタンを選択してください 次の画面が表示されます 名前アンカー / ブックマークの名前 Id Javascript で使用される一意の HTML コード ID Page 64 f 97

65 クラス CSS スタイルシートで使用される HTML クラス名 終了後 Web エディタにリンクを挿入するには OK をクリックしてください アンカー / ブックマークへリンクするには ハイパーリンクの挿入 ツールバーボタンを使用し #mybkmark" のような Web アドレスを アドレス 入力フィールドへ入力します 468 リンクの削除 HeartCre Web コンテンツエディタ v2 のみ リンクを削除するには リンクを選択し ツールバーから リンクの削除 ボタンを選択してください コンテンツは削除されません 469 水平の罫線を挿入する HeartCre Web コンテンツエディタ v2 のみ 水平の罫線を挿入するには ツールバーから 水平の罫線を挿入する ボタンを選択してください 47 表の編集 471 表の挿入 作業エリアに表を作成するには 表の挿入 ツールバーボタンを選択します 次の画面が表示されます Page 65 f 97

66 幅パーセンテージ ( 例 :100% ) やピクセル ( 例 :100 ) で表の幅を入力する フィールドを空白のままにすると ブラウザが幅を決定する W3C 基準に基づき最大値が 以下となります 高さパーセンテージ ( 例 :100% ) やピクセル ( 例 :100 ) で表の高さを入力する フィールドを空白のままにすると ブラウザが広さを決定する W3C 基準に基づき最大値が 以下となります 列表に列数を入力する 行表に行数を入力する セルのパッディングボーダーと表のコンテンツ間の距離をピクセルで入力する ( 例 :2 ) フィールドを空白のままにすると ブラウザがセルのパッディングを決定する セルのスペースセル間の距離をピクセルで入力する ( 例 :2 ) フィールドを空白のままにすると ブラウザがセルのスペースを決定する ボーダーの幅ピクセルで表の境界線幅を入力する 0 を入力すると 境界線は表示されない 空白のままにすると ブラウザが境界線の幅を決定する ボーダーの色 html カラー名や html カラーコードで境界線の色を入力する 実際の色は入力フィールドの横にあるスクエアの中に表示されます 色を選択するには カラースクエアを選択します 存在しないカラーコードを挿入した場合 それに近いカラーコードに変換される仕様となります 背景色 html カラー名や html カラーコードで背景色を入力する 実際の色は入力フィールド横のスクエアの中に表示されます 色を選択するには カラースクエアを選択します 存在しないカラーコードを挿入した場合 それに近いカラーコードに変換される仕様となります 背景イメージ背景イメージリストから背景画像を選択するか 背景画像が不要な場合は - なしい - を選択します Id Javascript で使用される一意の HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Page 66 f 97

67 すべての表の詳細を入力した後 コンテンツエディタの中へ表を挿入するには OK をクリックしてください 472 表のプロパティ HeartCre Web コンテンツエディタ v2 のみ 表のプロパティを編集するには キャレット / カーソルで表の中を選択し 表のプロパティ ツールバーボタンを選択してください 次の画面が表示されます 幅パーセンテージ ( 例 :100% ) やピクセル ( 例 :100 ) でボックスの幅を入力します フィールドを空白のままにすると ブラウザが幅を決定します W3C 基準に基づき最大値が 以下となります 高さパーセンテージ ( 例 :100% ) やピクセル ( 例 :100 ) でボックスの高さを入力します フィールドを空白のままにすると ブラウザが高さを決定します W3C 基準に基づき最大値が 以下となります セルのパッディング境界線と表のコンテンツ間の距離をピクセルで入力する ( 例 :2 ) フィールドを空白のままにすると ブラウザがセルのパッディングを決定します セルのスペースセル間の距離をピクセルで入力します ( 例 :2 ) フィールドを空白のままにすると ブラウザがセルのスペースを決定します ボーダーの幅ピクセルで表の境界線幅を入力する 0 を選択すると 境界線は表示されません 空白のままにすると ブラウザが境界線の幅を決定します ボーダーの色 html カラー名や html カラーコードで境界線の色を入力する 実際の色は入力フィールドの Page 67 f 97

68 横にあるスクエアの中に表示されます 色を選択するには カラースクエアを選択します 存在しないカラーコードを挿入した場合 それに近いカラーコードに変換される仕様となります 背景色 html カラー名や html カラーコードで背景色を入力する 実際の色は入力フィールド横のスクエアの中に表示されます 色を選択するには カラースクエアを選択します 存在しないカラーコードを挿入した場合 それに近いカラーコードに変換される仕様となります 背景イメージ背景イメージリストから背景画像を選択するか 背景画像が不要な場合は - なし - を選択します Id Javascript で使用される一意の HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 すべての表の詳細を入力した後 コンテンツエディタ内の表を更新するには OK をクリックしてください 473 キャプションの挿入 HeartCre Web コンテンツエディタ v2+ のみ 表にキャプションを挿入するには キャレット / カーソルで表の中を選択し キャプションの挿入 ツールバーボタンを選択してください デフォルトでは表の上にキャプションが表示されます 474 ヘッダー行の挿入 HeartCre Web コンテンツエディタ v2+ のみ 表の上に新しいヘッダー行を挿入するには キャレット / カーソルで表の中を選択し 行にヘッダーを挿入する ツールバーボタンを選択します 表の一番上に新しい表のヘッダーが挿入されます 475 フッター行の挿入 HeartCre Web コンテンツエディタ v2+ のみ 表の下に新しいフッター行を挿入するには キャレット / カーソルで表の中を選択し 行にフッターを挿入する ツールバーボタンを選択します 表の一番下に新しい表のフッターが挿入されます Page 68 f 97

69 476 行のプロパティ HeartCre Web コンテンツエディタ v2 のみ 行のプロパティを編集するには キャレット / カーソルで表の中を選択し 行のプロパティ ツールバーボタンを選択してください 次の画面が表示されます 水平位置標準 左揃え 中央揃え 右揃えの中から その行のセル内コンテンツの水平位置を選択します 行の水平位置は 列やセルの水平位置定義によって棄却 / 変更されます 縦位置標準 上付き センター ベースライン 下付きの中から その行のセル内コンテンツの縦位置を選択します 行の縦位置は 列やセルの縦位置定義によって棄却 / 変更されます ボーダーの色 html カラー名や html カラーコードで境界線の色を入力する 実際の色は入力フィールドの横にあるスクエアの中に表示される 色を選択するには カラースクエアを選択します 存在しないカラーコードを挿入した場合 それに近いカラーコードに変換される仕様となります 背景色 html カラー名や html カラーコードで背景色を入力する 実際の色は入力フィールド横のスクエアの中に表示されます 色を選択するには カラースクエアを選択します 存在しないカラーコードを挿入した場合 それに近いカラーコードに変換される仕様となります 背景イメージ背景イメージリストから背景画像を選択するか 背景画像が不要な場合は - なし - を選択します Id Javascript で使用される一意の HTML コード ID Page 69 f 97

70 クラス CSS スタイルシートで使用される HTML クラス名 すべての表の行詳細を入力したら OK をクリックしてコンテンツエディタ内の表の行を更新してください 477 上に行を挿入する HeartCre Web コンテンツエディタ v2 のみ 行の上に新しい行を挿入するには キャレット / カーソルで表の中の行を選択し 上に行を挿入する ツールバーボタンを選択してください 478 下に行を挿入する HeartCre Web コンテンツエディタ v2 のみ 行の下に新しい行を挿入するには キャレット / カーソルで表の中の行を選択し 下に行を挿入する ツールバーボタンを選択してください 479 行の削除 HeartCre Web コンテンツエディタ v2 のみ 行を削除するにはキャレット / カーソルで表の中の行を選択し 行を削除する ツールバーボタンを選択してください 4710 セルの行を分割する HeartCre Web コンテンツエディタ v2 のみ 結合した表のセルを再び行へ分割するには キャレット / カーソルで表の中の結合したセルを選択し セルの行を分割する ツールバーボタンを選択してください 4711 列のプロパティ HeartCre Web コンテンツエディタ v2 のみ 列のプロパティを編集するには キャレット / カーソルで表の中のセルを選択し 列のプロパティ ツールバーボタンを選択してください 次の画面が表示されます Page 70 f 97

71 幅パーセンテージ ( 例 :100% ) やピクセル ( 例 :100 ) でボックスの幅を入力します フィールドを空白のままにすると ブラウザが幅を決定します W3C 基準に基づき最大値が 以下となります 高さパーセンテージ ( 例 :100% ) やピクセル ( 例 :100 ) でボックスの高さを入力します フィールドを空白のままにすると ブラウザが高さを決定します W3C 基準に基づき最大値が 以下となります 水平位置標準 左揃え 中央揃え 右揃えの中から その列のセル内コンテンツの水平位置を選択します 列の水平位置は 行 / セルの水平位置を変更 / 上書きします 縦位置標準 上付き センター ベースライン 下付きの中から その列のセル内コンテンツの縦位置を選択します 列の縦位置は 行 / セルの縦位置を変更 / 上書きします ボーダーの色 html カラー名や html カラーコードで境界線の色を入力する 実際の色は入力フィールドの横にあるスクエアの中に表示されます 色を選択するには カラースクエアを選択します 存在しないカラーコードを挿入した場合 それに近いカラーコードに変換される仕様となります 背景色 html カラー名や html カラーコードで背景色を入力する 実際の色は入力フィールド横のスクエアの中に表示されます 色を選択するには カラースクエアを選択します 背景イメージ背景イメージリストから背景画像を選択するか 背景画像が不要な場合は - なし - を選択します Page 71 f 97

72 クラス CSS スタイルシートで使用される HTML クラス名 すべての表の列詳細を入力したら OK を選択してコンテンツエディタ内の表の列を更新してください 4712 列を左に挿入する HeartCre Web コンテンツエディタ v2 のみ 列の左側に新たな列を挿入するには キャレット / カーソルで表の中のセルを選択し 列を左に挿入する ツールバーボタンを選択してください 4713 列を右に挿入する HeartCre Web コンテンツエディタ v2 のみ 列の右側に新たな列を挿入するには クラレット / カーソルで表の中のセルを選択し 列を右に挿入する ツールバーボタンを選択してください 4714 列の削除 HeartCre Web コンテンツエディタ v2 のみ 列を削除するには キャレット / カーソルで表の中のセルを選択し 列の削除 ツールバーボタンを選択してください 4715 セルの列を分割 HeartCre Web コンテンツエディタ v2 のみ 結合した表のセルを再び列へ分割するには キャレット / カーソルで表の中の結合したセルを選択し セルの列を分割 ツールバーボタンを選択してください 4716 セルのプロパティ HeartCre Web コンテンツエディタ v2 のみ セルのプロパティを編集するには キャレット / カーソルで表の中のセルを選択し セルのプロパティ ツールバーボタンを選択してください Page 72 f 97

73 幅パーセンテージ ( 例 :100% ) やピクセル ( 例 :100 ) でセルの幅を入力します フィールドを空白のままにすると ブラウザが幅を決定します W3C 基準に基づき最大値が 以下となります 幅パーセンテージ ( 例 :100% ) やピクセル ( 例 :100 ) でセルの高さを入力します フィールドを空白のままにすると ブラウザが高さを決定します W3C 基準に基づき最大値が 以下となります 行の範囲 ( 結合した ) セルの行の範囲を入力する この行の範囲の変更は 実際にセルを結合 / 分割するのではなく どう表示されるかを変更します 列の範囲 ( 結合した ) セルの行の範囲を入力する この列の範囲の変更は 実際にセルを結合 / 分割するのではなく どう表示されるかを変更します 横位置標準 左揃え 中央揃え 右揃えの中から そのセルのコンテンツの横位置を選択します セルの横位置は 行 / 列の横位置を変更 / 上書きします 縦位置標準 上付き センター ベースライン 下付きの中から そのセルのコンテンツの縦位置を選択します セルの縦位置は 行 / 列の縦位置を変更 / 上書きします ボーダーの色 html カラー名や html カラーコードで境界線の色を入力する 実際の色は入力フィールドの横にあるスクエアの中に表示されます 色を選択するには カラースクエアを選択します 存在しないカラーコードを挿入した場合 それに近いカラーコードに変換される仕様となります Page 73 f 97

74 背景色 html カラー名や html カラーコードで背景色を入力する 実際の色は入力フィールド横のスクエアの中に表示されます 色を選択するには カラースクエアを選択します 存在しないカラーコードを挿入した場合 それに近いカラーコードに変換される仕様となります 背景イメージ背景イメージリストから背景画像を選択するか 背景画像が不要な場合は - なし - を選択します Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 すべての表のセル詳細を入力したら OK を選択してコンテンツエディタ内の表のセルを更新してください 4717 セルを左に挿入する HeartCre Web コンテンツエディタ v2 のみ セルの左に新たなセルを挿入するには キャレット / カーソルで表の中のセルを選択し セルを左に挿入する ツールバーボタンを選択してください 4718 セルを右に挿入する HeartCre Web コンテンツエディタ v2 のみ セルの右に新たなセルを挿入するには キャレット / カーソルで表の中のセルを選択し セルを右に挿入する ツールバーボタンを選択してください 4719 セルの削除 HeartCre Web コンテンツエディタ v2 のみ セルを削除するには キャレット / カーソルで表の中のセルを選択し セルの削除 ツールバーボタンを選択してください 4720 セルの分割 HeartCre Web コンテンツエディタ v2 のみ Page 74 f 97

75 結合した表のセルを再び行や列へ分割するには キャレット / カーソルで表の中の結合したセルを選択し セルの分割 ツールバーボタンを選択してください 4721 セルの結合 HeartCre Web コンテンツエディタ v2 のみ 行や列をまたいで複数の表のセルを選択後 セルの結合 ツールバーボタンを選択すると セルが一つに結合します Web ブラウザによっては 行をまたぐ選択を正しくサポートしていない可能性があります 対象となるセルの周囲のセルも選択される可能性があります HeartCre Web コンテンツエディタは 選択された左上のセルと右下のセルで定義される 選択された範囲の外側にあるセルを無視することで セルの選択範囲を調整します 48 フォームの編集 481 フォームの挿入 HeartCre Web コンテンツエディタ v2+ のみ 作業エリアにフォームを挿入するには フォームの挿入 ツールバーボタンを選択してください 次の画面が表示されます メソッド Web サーバにフォームデータ送信する際に使用されるメソッド GET( デフォルト ) は データを URL Web アドレスの一部として送信します POST は データを添付として送信します データ量の大きい場合や ファイルをアップロードするときには POST メソッドを使用します アクション先 URL フォームデータ送信先の Web サイトアドレス Page 75 f 97

76 エンコードフォームデータが Web サーバへ送信される際のフォーマットエンコード デフォルトエンコードは URL encded Multi-part frm-data エンコードはファイルのアップロードで使用されます ターゲット送信されたフォームがどのように開かれるのかを定義します 同じウィンドウ (_self) フォームは現在のウィンドウに開かれる 親ウィンドウ (_parent) フォームは親ウィンドウに開かれる ブラウザウィンドウ (_tp) フォームはトップレベルウィンドウに開かれる 新規ウィンドウ (_blank) フォームは新規ウィンドウに開かれる 送信フォームが送信されると呼び出される Javascript イベントハンドラ リセットフォームがリセットされると呼び出される Javascript イベントハンドラ Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Web エディタ作業エリアにフォームを挿入するには OK をクリックしてください 482 ボタンの挿入 HeartCre Web コンテンツエディタ v2+ のみ 作業エリアに各種ボタンを挿入するには それぞれ ボタンの挿入 ツールバーボタンから選択してください 次の画面が表示されます Page 76 f 97

77 名前 Web サーバに送信されるパラメータの名前 値 Web サーバに送信されるパラメータの値 タイプ挿入するボタンのタイプ 送信 Web サーバにフォームを送信する ボタン Javascript イベントハンドラが定義されていない場合 何もしない リセットフォームの内容をデフォルト値にリセットする イメージ Web サーバにフォームを送信する クリックボタンがクリックされると呼び出される Javascript イベントハンドラ イメージ URL イメージボタンに使用される画像の Web サイトアドレス イメージ位置周辺のテキストに対するイメージの配置 Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Web エディタ作業エリアにボタンを挿入するには OK をクリックします Page 77 f 97

78 483 ファイル入力の挿入 HeartCre Web コンテンツ Web エディタ v2+ のみ 作業エリアに Web サーバへファイルアップロードをするファイル選択ボタンを挿入するには ファイル入力の挿入 ツールバーボタンを選択してください 次の画面が表示されます 名前 Web サーバに送信されるパラメータの名前 クリック入力フィールドやボタンがクリックされると呼び出される Javascript イベントハンドラ チェンジファイル入力が変更されると呼び出される Javascript イベントハンドラ アクティブファイル入力がフォーカスされると呼び出される Javascript イベントハンドラ ブラーファイル入力からフォーカスが外れると呼び出される Javascript イベントハンドラ Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Web エディタ作業エリアにファイル入力フィールド / ボタンを挿入するには OK をクリックしてください 484 テキスト入力の挿入 Page 78 f 97

79 HeartCre Web コンテンツエディタ v2+ のみ 作業エリアにテキスト入力フィールドを挿入するには テキスト入力の挿入 ツールバーボタンを選択してください 次の画面が表示されます 名前 Web サーバに送信されるパラメータの名前 値 Web サーバに送信されるパラメータのデフォルト値 サイズ入力フィールドの表示サイズ 最大文字数入力フィールドに入力可能な最大文字数 クリック入力フィールドがクリックされると呼び出される Javascript イベントハンドラ 変更入力フィールドが変更されると呼び出される Javascript イベントハンドラ 選択入力フィールドがフォーカスされると呼び出される Javascript イベントハンドラ ブラー入力フィールドからフォーカスが外れると呼び出される Javascript イベントハンドラ Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Page 79 f 97

80 Web エディタ作業エリアに入力フィールドを挿入するには OK をクリックします 485 パスワード入力の挿入 HeartCre Web コンテンツエディタ v2+ のみ 作業エリアにパスワード入力フィールドを挿入するには パスワード入力の挿入 ツールバーボタンを選択してください 次の画面が表示されます 名前 Web サーバに送信されるパラメータの名前 値 Web サーバに送信されるパラメータのデフォルト値 サイズ入力フィールドの表示サイズ 最大入力文字数入力フィールドに入力可能な最大文字数 クリック入力フィールドがクリックされると呼び出される Javascript イベントハンドラ 変更入力フィールドが変更されると呼び出される Javascript イベントハンドラ 選択入力フィールドがフォーカスされると呼び出される Javascript イベントハンドラ Page 80 f 97

81 ブラー入力フィールドからフォーカスが外れると呼び出される Javascript イベントハンドラ Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Web エディタ作業エリアに入力フィールドを挿入するには OK をクリックします 486 Hidden 入力の挿入 HeartCre Web コンテンツエディタ v2+ のみ 作業エリアに Hidden 入力フィールドを挿入するには Hidden 入力の挿入 ツールバーボタンを選択してください 次の画面が表示されます 名前 Web サーバに送信されるパラメータの名前 値 Web サーバに送信されるパラメータのデフォルト値 Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Web エディタ作業エリアに入力フィールドを挿入するには OK をクリックします 487 テキストエリアの挿入 HeartCre Web コンテンツエディタ v2+ のみ Page 81 f 97

82 作業エリアにテキストエリア入力フィールドを挿入するには テキストエリアの挿入 ツールバーボタンを選択してください 名前 Web サーバに送信されるパラメータの名前 ラップテキストエリアに入力されたコンテンツが 自動改行でどのようにワードラップされるかを定義します オフワードラップを行わない ソフト / 仮想的表示にはワードラップが行われるが Web サーバには送信されない ハード / 現実的表示と Web サーバへの送信の両方で ワードラップが使われる 列入力フィールドの幅 行入力フィールドの高さ クリック入力フィールドがクリックされると呼び出される Javascript イベントハンドラ 変更インプットフィールドが更新されると呼び出される Javascript イベントハンドラ 選択入力フィールドがフォーカスされると呼び出される Javascript イベントハンドラ Page 82 f 97

83 ブラー入力フィールドのフォーカスが外れると呼び出される Javascript イベントハンドラ Id Javascript で使用される一意の HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Web エディタ作業エリアに入力フィールドを挿入するには OK をクリックします 488 チェックボックスの挿入 HeartCre Web コンテンツエディタ v2+ のみ 作業エリアにチェックボックス入力フィールドを挿入するには チェックボックスの挿入 ツールバーボタンを選択してください 次の画面が表示されます 名前 Web サーバに送信されるパラメータの名前 値 Web サーバに送信されるパラメータのデフォルト値 状態入力フィールドのデフォルト状態 クリック入力フィールドがクリックされると呼び出される Javascript イベントハンドラ 変更入力フィールドが変更されると呼び出される Javascript イベントハンドラ Page 83 f 97

84 フォーカス入力フィールドがフォーカスされると呼び出される Javascript イベントハンドラ ブラー入力フィールドからフォーカスが外れると呼び出される Javascript イベントハンドラ Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Web エディタ作業範囲に入力フィールドを挿入するには OK をクリックしてください 489 ラジオボタンの挿入 HeartCre Web コンテンツエディタ v2+ のみ 作業エリアにラジオボタン入力フィールドを挿入するには ラジオボタンの挿入 ツールバーボタンを選択してください 次の画面が表示されます 名前 Web サーバに送信されるパラメータの名前 値 Web サーバに送信されるパラメータのデフォルト値 状態入力フィールドのデフォルト状態 クリック入力フィールドがクリックされると呼び出される Javascript イベントハンドラ Page 84 f 97

85 変更入力フィールドが変更されると呼び出される Javascript イベントハンドラ フォーカス入力フィールドがフォーカスされると呼び出される Javascript イベントハンドラ ブラー入力フィールドからフォーカスが外れると呼び出される Javascript イベントハンドラ Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Web エディタ作業エリアに入力フィールドを挿入するには OK をクリックします 4810 選択リストの挿入 HeartCre Web コンテンツエディタ v2+ のみ 作業エリアに選択リスト入力フィールドを挿入するには 選択リストの挿入 ツールバーボタンを選択してください 次の画面が表示されます 名前 Web サーバに送信されるパラメータの名前 マルチプルユーザが複数のオプションを選択可能か 単一オプションのみ選択可能かを定義する 表示表示されるオプションの数 ( デフォルトは 1) オプションユーザが選択するオプションを定義します テキストオプションに表示されるラベル Page 85 f 97

86 値選択したときに Web サーバに送信される値 選択デフォルトとしてオプションが選択されるべきかを定義する 追加テキストと値をオプションとして追加する アップデート選択したオプションを入力したテキストと値に変更する 削除選択したオプションを削除する 上へ移動選択したオプションを上へ移動する 下へ移動選択したオプションを下へ移動する クリック入力フィールドがクリックされると呼び出される Javascript イベントハンドラ 変更入力フィールドが変更されると呼び出される Javascript イベントハンドラ フォーカス入力フィールドがフォーカスされると呼び出される Javascript イベントハンドラ ブラー入力フィールドからフォーカスが外れると呼び出される Javascript イベントハンドラ Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Web エディタ作業エリアに入力フィールドを挿入するには OK をクリックします 49 位置決め 491 絶対位置指定 HeartCre Web コンテンツエディタ v2+ のみ 絶対位置指定を切り替えるには 位置指定可能なコンテンツエレメントを選択し あるいは位置指定可能なコンテンツエレメントにキャレット / カーソルを置いて 絶対位置指定 ツールバーボタンを選択してください Page 86 f 97

87 位置決め可能なコンテンツエレメントには 画像 表 P と DIV タグ IFRAME フォーム入力フィールド OBJECT( フラッシュと Java アプレット ) が含まれます 492 前面に出す HeartCre Web コンテンツエディタ v2+ のみ 現在選択している絶対位置指定有効コンテンツエレメントを その他の絶対位置指定コンテンツエレメントよりも前面に出します 493 背面に隠す HeartCre Web コンテンツエディタ v2+ のみ 現在選択している絶対位置指定有効コンテンツエレメントを その他の絶対位置指定コンテンツエレメントの背後に隠します 494 最前面に出す HeartCre Web コンテンツエディタ v2+ のみ 現在選択している絶対位置指定有効コンテンツエレメントを 他の全ての絶対位置指定コンテンツエレメントの最前面に出します 495 最背面に隠す HeartCre Web コンテンツエディタ v2+ のみ 現在選択している絶対位置指定有効コンテンツエレメントを 他の全ての絶対位置指定コンテンツエレメントの最背面に隠します 496 テキストの上に出す HeartCre Web コンテンツエディタ v2+ のみ 現在選択している絶対位置指定有効コンテンツエレメントを 通常のページコンテンツの前面に出します Windws Micrsft Internet Explrer のみ対応 Mzilla/Netscape コンテンツは通常テキストの上にあるか 非表示です 497 テキストの下にする HeartCre Web コンテンツエディタ v2+ のみ Page 87 f 97

88 現在選択している絶対位置指定有効コンテンツエレメントを 通常のページコンテンツの背面にもっていきます Windws Micrsft Internet Explrer のみ対応 Mzilla/Netscape コンテンツは通常テキストの上にあるか 非表示です 498 ボックスの挿入 HeartCre Web コンテンツエディタ v2+ のみ 作業エリアへ絶対位置指定コンテンツボックスを挿入するには ボックスの挿入 ツールバーボタンを選択してください 次の画面が表示されます 幅パーセンテージ ( 例 :100% ) やピクセル ( 例 :100 ) でボックスの幅を入力します W3C 基準に基づき最大値が 以下となります 高さパーセンテージ ( 例 :100% ) やピクセル ( 例 :100 ) でボックスの高さを入力します W3C 基準に基づき最大値が 以下となります 境界線幅ピクセルで表の境界線幅を入力する 0( ゼロ ) を入力すると 境界線は表示されません 空白のままにすると ブラウザが境界線の幅を決定します 境界線のスタイルボックスに使用される境界線のスタイルを選択してください 境界線の色 html カラー名や html カラーコードで境界線の色を入力する 実際の色は入力フィールドの横にあるスクエアの中に表示されます 色を選択するには カラースクエアを選択します Page 88 f 97

89 背景色 html カラー名や html カラーコードで背景色を入力する 実際の色は入力フィールド横のスクエアの中に表示されます 色を選択するには カラースクエアを選択します Id Javascript で使用されるユニーク HTML コード ID クラス CSS スタイルシートで使用される HTML クラス名 Web エディタ作業範囲に入力フィールドを挿入するには OK をクリックします 410 特殊機能 4101 ヘルプ ヘルプが必要な際には ヘルプのツールバーボタンを選択してください ヘルプの画面が表示されます 4102 ファイルのインポート HeartCre Web コンテンツエディタ v2 のみ ローカルのコンピュータから Web エディタ作業エリアにテキストまたは HTML フォーマットのファイルをアップロードしてインポートするには ファイルのインポート ツールバーボタンを選択します 4103 検索 作業エリア内にある文字を検索するには 検索 ツールバーボタンを選択してください 次の画面が表示されるので 検索文字列を入力し 追加検索条件を入力してください Page 89 f 97

90 作業範囲を検索するには 次を検索 を キャンセルするには キャンセル を選択してください Web ブラウザはこの機能性をサポートしていない可能性があります その場合 Web ブラウザのメニュー / キーボードの機能を使用してみてください 4104 印刷のページ区切りを挿入 HeartCre Web コンテンツエディタ v2+ のみ Web エディタ作業エリアに ( 非表示の ) 印刷ページ区切りを挿入するには ページ区切りを定義したい箇所 ( コンテンツの印刷時 ) にキャレット / カーソルを置き 印刷のページ区切りを挿入 ボタンを選択してください 4105 印刷 HeartCre Web コンテンツエディタ v2 のみ 作業エリアにあるコンテンツを印刷するには 印刷 ツールバーボタンを選択すると Web ブラウザの印刷ダイアログウィンドウが開きます 印刷ダイアログウィンドウについての詳細は Web ブラウザとオペレーティングシステムの説明書をご参照ください 4106 プレビュー HeartCre Web コンテンツエディタ v2 のみ Page 90 f 97

91 作業範エリアにあるコンテンツをプレビューするには プレビュー ツールバーボタンを選択してください Web エディタ作業エリアのコンテンツを表示する新しい Web ブラウザウィンドウが開きます 4107 保存 / 送信 HeartCre Web コンテンツエディタ v2 のみ 作業エリアにあるコンテンツを保存するには 保存 ツールバーボタンを選択してください 作業中の Web ページフォームが Web サーバに送信されます 4108 詳細を表示 HeartCre Web コンテンツエディタ v1 のみ フォーマットマークと非表示のテキストを見るには 詳細を表示 ツールバーボタンを選択してください Page 91 f 97

92 4109 非表示の詳細を表示 HeartCre Web コンテンツエディタ v2+ のみ WYSIWYG (What-Yu-See-Is-What-Yu-Get) とプレーンモードにあるコンテンツを切り替えて表示するには WYSIWYG / プレーンを表示 ツールバーボタンを選択してください WYSIWYG モード - スタイルシートを適用するなど Web サイトに表示される状態とほぼ同一の形で コンテンツを表示する プレーンモード - 表の境界線 イメージやフォームのアオトラインが表示される スタイルシートは適用されません HTML の表示 作業エリアのプライマリコンテンツを HTML コードとして閲覧 編集するには HTML の表示 ツールバーボタンを選択してください スペルチェック HeartCre Web コンテンツエディタ v2 のみ 現在選択している入力フィールド内のコンテンツのスペルチェックをするには スペル チェックツールバーボタンを選択します 次の画面が新規ブラウザウィンドウに開きます システムの設定方法によっては スペルチェックに使用する辞書を選択することができます 一方では 特定の辞書のみ常に使用するよう設定されている可能性もあります スペルチェックの所要時間は コンテンツのサイズや スペルチェックで使用される辞書のサイズに左右されます スペルチェックが完了すると スペルが誤っている単語について いくつかの修正候補が表示されます 時には スペルミスの判断や 修正候補に誤りがある場合があるので注意してください 修正案を受け入れる前に 必ず確認してください Page 92 f 97

93 特定されたスペルミスの数と 現在選択されているスペルミスの詳細が表示されます 前へ前のスペルミスの詳細が表示されます 次へ次のスペルミスの詳細が表示されます またスペルミスは 可能な場合 ( 例えば Hidden テキストでない場合 ) Web コンテンツエディタの入力フィールド内で 強調され目立ちます 元のテキストに対するいくつかの置換候補が一覧表示されることがあります デフォルトでは 最も適切と思われる候補が自動的に選択されますが その他の候補を選択したり 手動で入力することもできます 無視 Web コンテンツのスペルミスを修正せず スキップして次の項目を表示します 置換選択 / 入力された修正で Web コンテンツの元のテキストを置換し 次の項目を表示します スペルチェックが完了したら OK または キャンセル を選択し Web コンテンツエディタの入力フィールドへ戻ります OK Web コンテンツにスペルチェックの修正を適用します 全てキャンセルすでに行われたスペルチェックの修正を全て元に戻します スペルチェックウィンドウをそのまま閉じないでください いくつかの Web コンテンツが強調されたままになることがあります 411 HTML DOM インスペクター HeartCre Web コンテンツエディタ v2 のみ Page 93 f 97

94 さらに HTML DOM インスペクターが編集可能な Web コンテンツの下に表示されることがあります HTML DOM インスペクターは HTML コードの階層を表示し 現在選択されたコンテンツはその中にあります 最内部周辺 HTML コードの HTML 属性も表示されます 上記図の例においては 現在選択されたコンテンツは STRONG コード等によって順々に囲まれる size=4 属性の FONT コードによって囲まれています 表示されている HTML コード周辺をクリックし Web コンテンツエディタにおいて そのコンテンツブロックを選択することができます 上記図の例の場合 TABLE リンクをクリックすることで 表コンテンツ全体を選択済みにすることができます また HTML DOM インスペクターは 削除 リンクを表示し 現在選択されているコンテンツ周辺の一番内側にある HTML コードを削除します 上記図を例にとると 削除 は 現在選択されているコンテンツを囲む FONT コードを削除します Page 94 f 97

95 5 コンテンツビルダー HeartCre Web コンテンツエディタ v10 以降のみ HeratCre Web コンテンツエディタでは Web サイトコンテンツの自由な作成および編集が可能ですが 任意で コンテンツビルダー機能を使って 事前に定義されたコンテンツビルディングブロックから Web サイトページのレイアウトを容易に作成および編集することもできます コンテンツビルダー ツールバーアイコンを選択すると コンテンツビルダー専用のエディタが新規ウィンドウで開きます コンテンツビルダー専用エディタでは 編集中の Web サイトコンテンツが左側のエディタエリアに表示され 使用可能なコンテンツビルディングブロックが右側のメニューに表示されます 51 コンテンツビルディングブロックコンテンツビルダーの右側にある選択リストから コンテンツビルディングブロックのカテゴリを選択します すると サムネイルサイズのスクリーンショットが下方に一覧表示されます 一覧表示されたコンテンツビルディングブロックの中から 使用したいブロックをクリックし Web サイトコンテンツエリア内の挿入したい位置へドラッグします 水平バーは そのブロックがどこに挿入されるかを示します コンテンツビルディングブロックは 上から下へと構成され 1 つのブロック内へ別のブロックを挿入することはできませんのでご注意ください 一覧表示されたコンテンツビルディングブロックの下にあるズームスライダを使って エディタエリアに表示された Web サイトコンテンツを拡大表示もしくは縮小表示することが可能です 実際の Web サイトコンテンツのサイズが変更されるわけではなく エディタエリアでの表示が変わるだけですのでご注意ください Page 95 f 97

96 52 エディタエリアコンテンツビルダーの左側には 編集中の Web サイトコンテンツが表示されます Web サイトコンテンツ内をクリックすると 該当のコンテンツビルディングブロックがアウトライン化されます コンテンツビルディングブロックのテキストは 簡易的な編集は可能ですが 詳細な編集については 実際の Web コンテンツエディタにて後ほど行ってください アウトライン化されたコンテンツビルディングブロックの横には 平行方向の小さなツールバーが表示され 以下の操作が可能となります コンテンツビルディングブロックを上下に移動させることが可能です コンテンツビルディングブロックの HTML コードが表示され 編集が可能です コンテンツビルディングブロックをコピーし Web サイトコンテンツ内へ追加します コンテンツビルディングブロックを Web サイトコンテンツから削除します Page 96 f 97

97 編集中の Web サイトコンテンツの下部にある OK ボタンを選択すると 編集中の Web サイトコンテンツが保持され キャンセル ボタンを選択すると 編集中の Web サイトコンテンツは破棄され 実際の Web コンテンツエディタへ戻ります その後 詳細な編集や保存を行ってください Web サイトコンテンツのイメージ上に表示されるカメラアイコンを選択すると デフォルトのイメージを Web コンテンツ管理システムのメディアライブラリに存在する別のイメージへ置き換えることが可能です これは 実際の Web コンテンツエディタにて 後ほど行うことも可能です Page 97 f 97