[1] 概 略 の 流 れ 概 略 の 流 れは 下 図 の 通 りです 1 本 ソフトの 環 境 設 定 2 ホームページに 編 集 開 始 文 1 行 を 書 き 込 む ( 例 ) <!-- start01 --> 3 管 理 者 用 パスワードでログイン 4 管 理 画 面 で 必 須 デー

操 作 説 明 書 目 次 [1] 概 略 の 流 れと 環 境 設 定 -------------------------- 1 [2] 設 置 方 法 と 起 動 ----------------------------------- 3 [3] ログインと 設 定 ----------------------------------- 5 [4] 必 須 の3 項 目 の 入 力 ----------------------------- 6 [5] 管 理 画 面 から 新 着 情 報 登 録 更 新 へ ----------- 7 [6] 新 着 情 報 の 入 力 ----------------------------------- 8 [7] 登 録 確 認 -------------------------------------------- 9 [8] エラー 確 認 ----------------------------------------- 10 [9] 管 理 画 面 の 基 本 情 報 ----------------------------- 11 [10] 編 集 領 域 の 複 数 管 理 ----------------------------- 13 [11] サブウインドウの 表 示 例 ----------------------- 15 [12] 新 着 情 報 の 削 除 ----------------------------------- 16 [13] 編 集 名 の 削 除 -------------------------------------- 17 [14] 編 集 名 の 復 活 -------------------------------------- 18 ( 参 考 ) 相 対 パスについて ------------------------------ 19

[1] 概 略 の 流 れ 概 略 の 流 れは 下 図 の 通 りです 1 本 ソフトの 環 境 設 定 2 ホームページに 編 集 開 始 文 1 行 を 書 き 込 む ( 例 ) <!-- start01 --> 3 管 理 者 用 パスワードでログイン 4 管 理 画 面 で 必 須 データ3 項 目 を 入 力 (1) 編 集 名 (2) ホームページへの 相 対 パス (3) 編 集 開 始 文 5 基 本 項 目 の 詳 細 設 定 ( 初 期 値 設 定 済 ) 6 新 着 情 報 登 録 更 新 画 面 で 新 データを 入 力 設 定 変 更 担 当 者 用 パスワード 7 編 集 プレビュー で 更 新 内 容 を 確 認 8 書 換 え 登 録 ボタンを 押 して 完 了! 管 理 者 の 作 業 担 当 者 の 作 業 - 1 -

[1]ダウンロードしたファイル[Info_Creator.lzh]を 解 凍 ソフト(Lhaz など)で 解 凍 します Lhaz のダウンロード(free)は http://www.chitora.jp/ からできます 解 凍 解 凍 されたフォルダーファ イルには 3つのフォルダー Info_Creator.lzh Info_Creator [2] 任 意 のエディター(メモ 帳 秀 丸 など)を 起 動 し が 含 まれている AAA IClogs sample フォルダー[AAA] 内 の cgi プログラム[icreate.cgi]を 開 きます [3] 操 作 説 明 書 を 参 考 に Perl へのパスとパスワードを 変 更 し 保 存 します (1)1 行 目 :#! /usr/local/bin/perl プロバイダーで 定 められた Perl へのパスに 変 更 します (2)12 13 行 目 :パスワードを 変 更 します $admin = "p1";#--------- 管 理 者 用 パスワード $user = "p2 ;#--------- 担 当 者 用 パスワード [4] 次 に フォルダー 名 [AAA]を 任 意 の 名 前 に 変 更 します [5]プログラム 類 をアップロードするために ftp ソフト[FFFTP など]を 起 動 します FFFTP は http://www.forest.impress.co.jp/lib/inet/servernt/ftp/ffftp.html から ダウンロード(free)できます ftp ソフトなどで ホームページが 置 かれているサーバに 接 続 します 上 記 の3つのフォルダーをアップロードします FFFTP の 使 い 方 は http://siriasu.s10.xrea.com/ffftp/ffftp.htm を 参 考 にできます アップロードしたファイルのパーミッションを 操 作 説 明 書 を 参 考 に 設 定 して 下 さい (ファイル 上 で マウスの 右 ボタンをクリックし 属 性 変 更 できます ) CGI プログラムの 設 定 はここまでです 次 に 貴 ホームページの 更 新 対 象 位 置 に 任 意 の 開 始 文 を 設 定 すれば 準 備 完 了 です - 2 -

[2] 設 置 方 法 と 起 動 (1)ディレクトリ 構 成 要 注 意! フォルダー 名 を 変 更 しないと 外 部 の 第 3 者 からアクセ スされる 危 険 性 が あります ホームページが 置 かれているサーバ 内 のディレクトリに 本 プログラムを 設 置 する 場 合 の 構 成 例 を 示 します ( 構 成 例 ) HOME(http://www..co.jp) index-0.html(トップページ 等 ) AAA[755] ( 必 ず フォルダー 名 を 変 更 ) icreate.cgi[755]( 本 プログラム: 必 ず パスワードを 変 更 cgi-lib.pl[644] プログラム 名 の 変 更 も 可 ) jacode.pl[644] index.html[644]-------- ダミーファイル IClogs[755] ic_css[755] --- 配 下 のファイルは[644] ic_dat[755] --- 配 下 のファイルは[644] ic_img[755] --- 配 下 のファイルは[644] ic_log[755] --- 配 下 のファイルは[644] ic_pho[755] --- 配 下 のファイルは[644] index.html[644] -------- ダミーファイル sample[755] 破 線 内 の 構 成 は 変 えないこと [ ] 内 は パーミッションを 示 します 基 本 的 に フォルダー[755]とプログラムは[755]としファイルは[644]とする (2)ファイル 編 集 プログラム icreate.cgi をエディタで 開 き 次 の 箇 所 を 編 集 します 1 行 目 :#! /usr/local/bin/perl プロバイダーで 定 められた Perl へのパスに 変 更 します ( 参 考 ) プロバイダ Perl パス @nifty BIGLOBE #! /usr/local/bin/perl OCN ホスティングサービス ぷらら Yahoo!ジオプラス #! /usr/bin/perl 使 えるネット - 3 -

12 13 行 目 :パスワードを 変 更 します $admin = "p1";#------ 管 理 者 用 パスワード $user = "p2" ;#------ 担 当 者 用 パスワード さらにセキュリティを 強 化 する 場 合 は プログラム 名 を 変 更 することができます その 場 合 は 17 行 目 :$maincgi="./icreate.cgi"; に 書 かれている icreate.cgi の 名 前 も 同 様 に 書 き 換 える 必 要 があります (3) 編 集 開 始 文 の 挿 入 ホームページの 編 集 開 始 位 置 に 編 集 開 始 文 を1 行 挿 入 します 例 えば 次 のようなコメント 文 ( 半 角 文 字 )です <!-- start01 --> 同 じページ 内 に 複 数 設 定 する 場 合 は 違 いが 分 かるコメント 文 とすること (4) 起 動 方 法 上 記 のディレクトリ 構 成 の 場 合 http://www..co.jp/aaa/icreate.cgi となります 変 更 したフォルダー 名 と する - 4 -

[3] ログインと 設 定 管 理 者 用 パスワードでログインします ログインに 成 功 すると 新 着 情 報 登 録 更 新 の 画 面 が 表 示 されます まだ 管 理 情 報 が 登 録 されていない 場 合 は 下 図 の 注 意 事 項 が 表 示 されますので 画 面 右 上 に 表 示 に 表 示 されている 管 理 画 面 へ のボタンをクリックし 管 理 画 面 へ 移 ってください ( 注 意 ) 担 当 者 用 パスワードでログインした 場 合 管 理 画 面 へ 移 るボタンは 表 示 されません 管 理 画 面 へ 移 る ボタン 管 理 情 報 もまだ 登 録 されていない 場 合 は 新 規 登 録 ボタンを 押 して 入 力 画 面 に 移 ります 新 規 登 録 ボタン - 5 -

[4] 必 須 の3 項 目 の 入 力 (1) 編 集 名 ------------ 編 集 範 囲 を 管 理 する 任 意 の 名 前 です ( 注 意 ) トピックス などわかりやすい 名 前 をつけます 後 で 変 更 もできます (2) 対 象 ページ ------ ホームページへのパスとファイル 名 です ( 注 意 )../index-0.html のように 本 プログラムからの 相 対 パスを 半 角 文 字 で 入 力 します (3) 編 集 開 始 文 ------ 挿 入 開 始 位 置 を 示 す 半 角 文 字 のコメント 文 です ( 注 意 )ホームページの 編 集 挿 入 位 置 に 同 じコメント 文 を1 行 挿 入 する 必 要 があります 基 本 項 目 は 初 期 値 設 定 されていますので 上 記 3 項 目 の 確 認 後 に 詳 細 設 定 が 可 能 です 登 録 ボタン - 6 -

[5] 管 理 画 面 から 新 着 情 報 登 録 更 新 へ 次 に 画 面 右 上 の 新 着 情 報 更 新 ボタンを 押 して 新 着 情 報 登 録 更 新 の 画 面 に 戻 ります 新 着 情 報 更 新 ボタン 下 図 の 新 着 情 報 登 録 更 新 画 面 では 上 で 設 定 した 更 新 対 象 編 集 名 が 選 定 されていますので 追 加 登 録 ボタン を 押 して 新 規 データ 入 力 画 面 に 移 ります 追 加 登 録 ボタン ここで 機 能 の 一 部 について 紹 介 します リストマークの 有 無 と 色 を 変 更 でき ます ( 日 毎 に 変 更 可 ) タイトルのサイズ 色 を 変 更 できます ( 一 括 変 更 ) 表 示 幅 と 表 示 件 数 を 変 更 で きます ( 一 括 変 更 ) 日 付 のパターン サイズ 色 などを 変 更 できます ( 一 括 変 更 ) 2 段 表 記 も 可 能 です ( 一 括 変 更 ) ( 注 ) 各 機 能 は 1つの 更 新 対 象 範 囲 毎 に 一 括 変 更 されるものと 日 毎 に 変 更 できるものとがあり ますのでご 注 意 ください 日 付 の 後 部 表 記 も 可 能 です ( 一 括 変 更 ) - 7 -

[6] 新 着 情 報 の 入 力 タイトルの 並 び 順 は 年 月 日 時 分 の 最 新 順 です サブウインドウを 表 示 場 合 は 表 示 有 とする その 日 の 順 番 を 入 れ 替 えたい 場 合 は 時 分 を 調 整 するこ とで 可 能 です 画 像 を 表 示 させる 場 合 は 表 示 有 とする カラーコード は 左 にある カ ラーコードサン プル をクリッ クして 参 考 にす ると 便 利 です 登 録 ボタン を 押 す リンク 書 類 を 表 示 さ せる 場 合 は 表 示 有 とする http://~のように 絶 対 アドレスで 記 入 します 次 のような 画 面 表 示 が 可 能 です サブウインドウのオープン 画 像 挿 入 が 可 能 直 接 リンク リンク 書 類 リンク 書 類 のオープン - 8 -

[7] 登 録 確 認 登 録 ボタン を 押 すと 登 録 確 認 画 面 が 表 示 されるので 確 認 ボタンを 押 します 新 しい 新 着 情 報 データが 作 成 されています 編 集 プレビュー ボタン 新 しいデータ 書 換 え 登 録 ボタン 確 認 修 正 する 場 合 は タイトルをクリックします 編 集 プレビュー ボタンで 更 新 内 容 を 表 示 することができます 更 新 内 容 が 表 示 される ( 注 意 )この 段 階 では まだホームページは 変 更 されていません 更 新 内 容 の 確 認 ができたら 書 換 登 録 (upload) ボタンを 押 してホームページに 書 込 みます - 9 -

[8] エラー 確 認 次 のエラーが 出 た 場 合 は 登 録 内 容 を 確 認 してください (1) エラー!: 更 新 対 象 ページ(../~/~.html)が 開 けません この 場 合 は ホームページへのパスの 指 定 が 間 違 っていると 思 われます 再 度 管 理 画 面 で 入 力 し 直 してください (2) エラー!: 編 集 開 始 文 が 見 つかりません この 場 合 は ホームページに 編 集 開 始 文 を 書 き 込 んでいない 場 合 あるいは 書 き 加 えた 文 のスペルが 同 一 でないことが 考 えられます 編 集 開 始 文 を1 行 書 き 込 んでおくと 編 集 開 始 文 の 後 ろにタグが 自 動 作 成 されます <div id= index > <div id= topics > <img src= topics.gif alt= トピックス /> <!-- start01 --> </div> </div> ( 下 図 は スタイルシートを 仮 置 きした 場 合 です ) <!-- start01 --> <STYLE TYPE='text/css'> <!--.f201112042213 {line-height:1.4em;margin:5px;text-align:left;position:relative;}.f201112042213 {width:380px}.f201112042213 li.date {color:#006400;font-size:9pt;position:absolute;left:0;}.f201112042213 li.title {color:#000080;font-size:10pt;position:relative;top:0.1em;} --> </STYLE> <ul class='f201112042213'> <li style="background-image:url('.././ie_img/list-01.png');background-repeat:no-repeat"><span onclick="window.open('.././ie_log/f201112042213_[0].html','','width=650,height=400,scrollbars =1');return false"> 新 製 品 販 売 のお 知 らせ</a></span></li> </ul> <!-- f201112042213/end --> - 10 -

[9] 管 理 画 面 の 基 本 情 報 基 本 情 報 は 初 期 値 が 設 定 されていますが 自 由 にアレンジが 可 能 です (1)スタイルシートの 選 択 - 11 -

(2) 表 示 件 数 と 表 示 幅 ホームページ 上 に 表 示 する 表 示 幅 と 表 示 件 数 を 指 定 できます 表 示 幅 表 示 件 数 (3) 日 付 種 類 次 の3 種 類 から 選 択 できます 1 ( 例 )2012 年 1 月 15 日 2 ( 例 )2012-1-15 3 ( 例 )1-15-2012 (4) 日 付 とタイトルの 表 示 パターン 次 の4 種 類 から 選 択 できます 1 ( 例 ) 新 製 品 のお 知 らせ -------------- タイトルのみ 2 ( 例 ) 新 製 品 のお 知 らせ(1/15)----- タイトルの 後 ろに 月 日 を 表 示 3 ( 例 )2012 年 1 月 15 日 新 製 品 のお 知 らせ--- 日 付 とタイトル 4 ( 例 )2 行 で 日 付 とタイトルを 表 示 (5)リストマーク 位 置 の 微 調 整 リストマーク 位 置 およびタイトル 位 置 を 調 整 できます 調 整 係 数 は 0.1~2.0の 範 囲 です - 12 -

[10] 更 新 対 象 範 囲 の 複 数 管 理 管 理 画 面 で 編 集 名 を 追 加 登 録 します 登 録 件 数 に 制 限 はありません 新 規 登 録 は サーバ 内 の 相 対 パス でアクセス 可 能 なペ ージであれば 一 括 管 理 ができます 更 新 対 象 範 囲 ごとに 編 集 します 更 新 対 象 を 選 択 ホームページへの 更 新 結 果 です 各 更 新 対 象 範 囲 ごとにスタ イルを 変 更 することができ ます - 13 -

複 数 管 理 した 場 合 の プレビュー 画 面 における 表 示 について No1 を 更 新 作 業 中 リストマークは 表 示 される ( 例 1) ( 例 2) No2 を 更 新 作 業 中 リストマークは 表 示 される 更 新 対 象 でない 方 は リストマークとリンクが 表 示 されません (ホームページでは 表 示 されます) カラーコードを 入 力 する 場 合 は (カラーコードサンプル)を 開 くと 便 利 です - 14 -

[11] サブウインドウの 表 示 例 初 期 値 は 表 示 無 なので 表 示 有 をクリック 画 像 は 参 照 から upload できます ただし サイズは 512KB 以 下 です < 表 示 サンプル> 資 料 等 のリンク 先 を 表 示 できます - 15 -

[12] 新 着 情 報 の 削 除 新 着 情 報 登 録 更 新 画 面 において 削 除 欄 にレ 点 をチェックし 画 面 右 下 の 削 除 確 認 ボタンを 押 すと 削 除 確 認 画 面 が 表 示 されます 削 除 は レ 点 を 付 けて まとめて 削 除 できます 確 認 の 上 削 除 ボタンを 押 してください 新 着 情 報 は 一 度 削 除 されると 復 活 できません 削 除 確 認 で レ 点 を 付 けた 項 目 が 表 示 されます 削 除 ボタンを 押 すと まとめて 削 除 されます - 16 -

[13] 編 集 名 の 削 除 編 集 名 を1 件 選 択 し 削 除 確 認 してから 削 除 します (まとめて 削 除 はできません ) 削 除 ボタンを 押 す 削 除 ボタンを 押 すと 削 除 確 認 画 面 が 表 示 されます 編 集 名 の 削 除 は 2 種 類 あります (A) 編 集 名 とリンク 削 除 :この 編 集 名 を 削 除 すると この 編 集 ファイルで 管 理 している 新 着 情 報 とのリンクが 切 れます ( 新 着 情 報 データは 残 るので 後 で 復 活 することができます) (B) 編 集 名 とファイル 削 除 :この 編 集 名 を 削 除 すると この 編 集 ファイルで 管 理 している 新 着 情 報 ファイルも 完 全 に 削 除 されます ( 新 着 情 報 データも 削 除 されるので 復 活 できません) (A)(B)どちらを 選 ぶか 迷 った 場 合 は (A)を 選 定 すると 後 で 復 活 させてから(B) の 完 全 削 除 を 行 うこともできます - 17 -

[14] 編 集 名 の 復 活 復 活 確 認 ボタンを 押 してください 復 活 確 認 ボタンを 押 す 復 活 できるファイルが 無 い 場 合 は 下 図 の 画 面 となります 復 活 できるファイルがあるときは 編 集 名 が 表 示 されます 復 活 ボタンを 押 すと 復 活 できます 復 活 ボタンを 押 す 時 間 を 経 過 してから 復 活 させたデータは 最 新 設 定 ではないと 考 えられ 正 常 動 作 は 保 証 で きませんので 古 いデータはバックアップしてからできるだけ 完 全 削 除 した 方 がスマートです - 以 上 - - 18 -

( 参 考 ) 相 対 パスについて 本 プログラムでは 編 集 対 象 のホームページを 相 対 パスで 記 入 する 必 要 があります 参 考 に 本 プログラムからの 相 対 パス 例 を 下 図 の( ) 内 に 示 します また 外 部 CSSを 登 録 する 場 合 のアドレスを 内 に 示 します home_20 index-10.html home_10 (../../index-10.html) home_10/iclogs/ic_css/ f20xxxxxxxxxxx.css index-0.html home_0 (../index-0.html) IClogs/ic_ css / f20xxxxxxxxxxx.css index-01.html home_01 (../home_0/index-01.html)../iclogs/ic_ css / f20xxxxxxxxxxx.css index-02.html home_02 (../home_0/home_01/index-02.html)../../iclogs/ic_ css / f20xxxxxxxxxxx.css AAA icreate.cgi ( 本 プログラム) IClogs ic_ css home_11 f20xxxxxxxxxxx.css ( 外 部 CSSファイル) index-12.html home_12 (../../home_11/index-12.html)../home_10/iclogs/ic_ css / f20xxxxxxxxxxx.css - 19 -