PowerPoint プレゼンテーション

(1)

HP簡単更新 (c)あかつき印刷情報通信事業部

-1-「ＨＰ簡単更新」の使い方

（Webサイト簡単更新プログラム）

第3版 2004年3月26日

(2)

１．はじめにＰ３２．「ＨＰ簡単更新」へのアクセス _Ｐ４３．管理画面 _Ｐ５３−１環境設定Ｐ６３−２トピックス作成 _Ｐ１１３−３管理情報 _Ｐ１２３−４ホームページ _Ｐ１２４．作成例 _Ｐ１３４−１「プロフィール」Ｐ１４４−２「活動報告」 _Ｐ１６４−３「平和のとりくみ」 _Ｐ２３４−４「生活相談」のページ作成Ｐ２５４−５「リンク」のページ作成 _Ｐ２８４−５新着情報への反映 _Ｐ３０５．項目（メニュー）について _Ｐ３１６．HTMLタグの利用Ｐ３２６−１ HTMLタグの利用Ｐ３３６−２ HTMLタグの利用例Ｐ３４７．画像・えときの指定方法Ｐ３５７−１画像の指定（標準） _Ｐ３６７−２画像の指定（標準以外の場所に配置） _Ｐ３７７−３画像の指定（複数指定） _Ｐ３８７−４えときの指定（写真集を作りたい） _Ｐ３９８．障害時データベースの再構築Ｐ４０９．かんたん更新スケジュール _Ｐ４１

仕様

１．設置可能項目（メニュー）数、10項目２．指定可能画像数、10個３．画像データ形式、ＪＰＥＧ、ＧＩＦ４．画像データサイズ、1画像当たり100Ｋバイト以下５．1項目（メニュー）当たりの最大登録記事数、200記事（目次ありの場合）６．リンクページ登録最大サイト数、１００サイト７．リンクジャンル最大数、５ジャンル

(3)

-3-１．はじめに

作業の手順「Webサイト簡単更新」システムをご利用いただきましてありがとうございます。本システムは、ホームページを短時間で立ち上げ、ご自分で簡単更新作業ができることを目的に作成しました。柔軟で使いやすいシステムをめざして努力いたしますので、お気軽にお声をお寄せ下さい。 ※ご注意「Webサイト簡単更新」システムは、サーバ上でホームページを作成します。そのため、サーバの障害によってデータが失われることが無いとはいいきれません。直接、ブラウザ上から見出しや記事を入力するのではなく一旦メモ帳などのエディッタを使って記事を作成し、コピー・ペーストされることをお勧めします。万が一、サーバの障害によってデータが失われても、ご自分のパソコンにある元記事から復元することができます。インターネットへの接続が不安定な場合障害を起こす恐れがあります。安定した接続環境でご利用ください。「ＨＰ簡単更新」にアクセス → ４ｐ参照環境設定（最初だけ） → ６ｐ（環境設定）参照「トピックス」の作成・訂正（あれば） → １１ｐ参照開始記事の作成・訂正 → １３ｐ（作成例）参照作成したページの確認終了

(4)

２．「ＨＰ簡単更新」へのアクセス

1.インターネットに接続できるパソコンから「インターネットエクスプローラ」などのブラウザを立ちあげてアドレス（ＵＲＬ）入力し「ＨＰ簡単更新」にアクセスします。 ※重要アドレス、ユーザ名、パスワードはお客様に郵送でお知らせしてあります。大切に保管してください。ユーザ名、パスワードが分からな URL（アドレス）を入力図１図２ 2. ユーザ名とパスワードの入力を求めるウインドウが開きますので正確に入力します。 3. 「OK」ボタンをクリックします。 4. ユーザ名とパスワードが正しければ、「管理画面」が表示されます。ユーザ名、パスワードを入力

(5)

-5-３．管理画面

アクセスが成功すると「管理画面」が表示されます。管理画面からは、ホームページの各項目（メニュー）に対する新規作成、訂正、表示の指示および環境設定、管理情報表示などを指定することができます。この例ではホームページの項目（メニュー）を６つ設定しています。 ---プロフィール（汎用形式：目次なし） 1.活動報告（汎用形式：目次あり） 2.議会だより（汎用形式：目次あり） 3.平和のとりくみ（参照形式） 4.生活相談（問答形式） 5.リンク（リンク形式） --- 各項目はさらに、「目次なし」、「目次あり」などの項目属性が指定されています。この属性は、ご契約時にお客様から指示いただいたものです。この項目例に、「４．作成例」で「HP簡単更新」プログラムの説明をしていきます。図３ホームページの各項目（メニュー）

(6)

最初に、環境設定を行います。管理者画面から環境設定の「訂正」を指定します(図４)。環境設定はホームページを作成する際の規定値を予め決めておくものです。一度おこなえばほとんど変更する必要はありません。

① 目次一画面当たりの記事数

• 項目属性を「目次あり」でお申込みいただいたホームページの項目（メニュー）には、記事に対する目次が作成されます。この目次の一画面当たりの記事数を指定するものです。一画面当たり最大でも２０記事程度が最適です。

② 新着情報に書き出す記事数

• 「新着情報への反映の有無」で[有]または[有＋第１段落]でお申込みいただいたホームページの項目（メニュー）には、記事追加時、TOPページの新着情報に見出し部分が表示されます。この新着情報に何本の記事を表示するかの指定です。ただし、ページの種類[参照]または[リンク]を選択した場合、新着情報への表示はできません。

③ 指定できる画像数

• 記事中に使用する画像の個数を指定します。ここで指定した数の画像入力エリアが表示されます。（指定できる画像の最大は10個です。）

④ 画像幅のデフォルト

• ここで画像幅を指定しておきますと画像の幅を揃えることができます。通常幅が２５０∼３５０ピクセル程度がちょうど良い大きさでしょう。画像入力時に個別に指定することできます。図５

３−１環境設定

図４

(7)

-7-画像左組み込み画像を左に配置し記事を右側に組み込みます。環境設定画面(p６)から、「画面のデフォルト」欄▼をクリックしてください。・画像左組み込み・画像中央配置・画像→組み込み・画像左配置の４種類が選択できます図６図７

⑤ 画像位置のデフォルト

画像中央配置画像を中央に配置します。記事の組み込みは行いません。図８ _{画像右組み込み} 画像を右に配置し記事を左側に組み込みます。図９ _{画像左配置} 画像を左に配置します。記事の組み込みは行いません。

(8)

⑥ えときのデフォルト位置

環境設定画面(p６)から、「えときのデフォルト位置」欄 ▼をクリックしてください、 •えとき左寄せえときを画像下に左揃えで配置します。 •えとき中央えときを画像下に中央揃えで配置します。 •えとき右寄せえときを画像下に右揃えで配置します。・画像の右側えときを画像の右側に配置しますえとき左寄図１０図1１えとき中央えとき右寄図1２ _図1３

(9)

-9-図1５

⑦ リンクのジャンル

_図1４環境設定画面(p６)の「リンクのジャンル」１∼５では、５つのジャンルを指定できます。指定の順番はリンクのページの並び替えに反映します。例では、リンクのジャンルをリンクのジャンル１共産党リンクのジャンル２労働組合リンクのジャンル３民主団体リンクのジャンル４自治体リンクのジャンル５その他と指定しました。図1６

⑧ リンクページに登録できる最大数

ここで指定した最大数に従った入力画面が表示されます。

(10)

⑨ フッタ部に表示する住所

• ページの最下段に、連絡先の住所、電話番号、FAX番号などを表示します。住所や電話番号の変更があればここで修正します。

⑩ E-mailアドレス

• 連絡先のメールアドレスを指定します。（表示場所はデザインによって異なります）図1７ ※ご契約内容により、この機能がない場合もあります。その場合、管理者画面上で入力してもホームページには反映されません。

(11)

-11-３−２トピックス作成・編集

①

②

TOPページに表示するトピックスを作成・編集します。トピックスは、TOPページに表示されますのでイベントの紹介やお知らせなどに利用すると便利です。管理画面から、トピックス作成の「作成」を選択します。（図１８）「トピックスの作成・修正」画面で記事を入力（図１９①）し、「登録実行」ボタンをクリックします（図１９②）管理画面に戻り、ホームページの「表示」ボタンをクリックすると、作成した内容を確認します。（P12図２１②）図1８図２０図1９

(12)

３−３管理情報

①

②

図２１図２２

①

②

③

④

⑤

管理画面から管理情報（図2１①）「表示」ボタンをクリックします。管理情報（図2２）では次の情報を表示します。 ① お客様名 ② 運用開始（契約開始）年月日 ③ 終了（契約終了）年月日 ④ ディスク使用状況 ⑤ 障害時の連絡先、電話、E-mail

３−４ホームページの表示

ホームページ（図2１②）は、お客様のホームページへのリンクです。「表示」ボタンを押すと、別ウィンドウで、お客さまのホームページを表示します。ホームページが正しく作成、訂正、削除されたかを確認する時にご

(13)

-13-４．作成例

例を用いて次ページから作成方法を説明します。ここではホームページの項目（メニュー）として ① プロフィール（汎用形式目次なし） ② 活動報告（汎用形式目次あり） ③ 議会だより（汎用形式目次あり） ④平和のとりくみ（参照形式目次あり） ⑤ 生活相談（問答形式目次あり） ⑥ リンク（リンク形式目次なし）という設定になっているものとします。各項目形式について詳しくはP32をご覧下さい。 ① プロフィール、②活動報告、④平和のとりくみ⑤ 生活相談、⑥ リンクについて説明します。③ 議会だよりは② と同じですので説明を省略します。図２３

(14)

４−１「プロフィール」の作成

図２４

①

① 管理画面からプロフィール「作成」をクリックします。（図２４） ② 新規作成または訂正の画面が表示されます。（すでにプロフィールが作成されている場合は右図のように「プロフィール」訂正というタイトルが表示され、タイトル部、記事本文部には元の記事が表示されます。 ③ タイトル部の入力を行います。 ④ 記事本文の入力を行います。 ⑤ 画像がある場合は、画像の指定を行います。（→p３５）えとき（写真説明）がある場合は説明を入力します。 ⑥ 入力が終了したら、最下部にある「作成実行」をクリックします。中止する場合は「中止する」をクリックして下さい。（図２６）図２５

②

③

④

⑤

◎文字の大きさ、色などの指定方法は、「６．HTMLタグの利用（P３２）」をご参照ください。 ◎画像の指定方法は「７．画像の指定方法（P３５）」をご参照ください。

⑥

図２６

(15)

-15-図２７作成結果の表示は、管理画面（P5)のプロフィール「表示」をクリックして下さい。実際に作成されたページが表示されます。訂正が必要な場合は、P14の①∼⑥を繰り返してください。図２８

(16)

４−２「活動報告」の作成

図２９

②

③

④

①

① 管理画面の活動報告「新規」をクリックします。 ② 「活動報告」新規作成画面が表示されます。 ③ タイトル部の入力を行います。 ④ 記事本文の入力を行います。図３０

(17)

-17-図３１

（１）（２）

（３）

（４）

_（５）

⑤ 画像がある場合は、画像の指定を行います。（１）「画像ファイル」項目の「参照」をクリックすると「ファイルの選択ウインドウ」が表示されます（図３２）。ここで必要な画像を選択して、「開く」をクリックします。（２）画像幅をピクセル単位で指定します（２５０ピクセル）。（３）画像の配置位置を指定します（画像左組込み）。（４）「えとき」があれば入力します。（５）「えとき」の揃え指定を行います（えとき中央）。 ⑥ 必要な項目の入力が終ったら「作成実行」をクリックします。図３２図26 図３３

⑥

※画像ファイルは、画像処理ソフトを使って、掲載するサイズ、明るさの調整、トリミングを予め行っておきます。 ※使用できる画像の形式は、JPEG、GIFの二種類です。 ※デジタルカメラなどで撮った画像はそのままでは、データサイズが大きすぎて使えない場合があります。1画像のファイルの大きさは１００K バイト以下にしてください。

(18)

※項目属性「目次あり」に、登録できる最大記事数は2000記「訂正」記事の訂正を行います。「削除」記事の削除を行います。「記事のタイトル」作成したページの表示を行います。図３５図３４「活動報告」は、項目属性を「目次あり」で設定していますので、管理画面の「活動報告目次」をクリックすると、これまでに作成した記事一覧が表示されます。この目次（一覧）から記事に対し訂正、削除、表示を行うことができます。

(19)

-19-図３６目次(一覧)から(P18図35)作成した記事を表示しました。訂正があるときは、目次から「訂正」を実行してください。タイトル部「画像左組込み」で写真が置かれました。「えとき中央配置」でえときが置かれました。

(20)

「活動報告」記事の訂正

管理画面から、活動報告「目次」をクリックすると「活動報告」の目次が表示されます(P18) 。この目次から訂正する記事を選び「訂正」をクリックします。 ① 訂正対象の記事が訂正画面に呼び出されます。 ② タイトル、記事本文の訂正を行います。 ③ 画像の訂正（１）画像の削除「画像送信→」を「画像削除」に変更します。（２）画像の差し替え画像「参照」ボタンをクリックし新たに使用する画像ファイルを指定します。（P17参照）（３）画像配置の訂正目的の「画像配置」を選択します。（４）えときの訂正（５）えとき揃えの訂正 ④ 「作成実行」をクリックします(P17図３３）。ページが更新されます。 ※現在使用している画像のサムネールをクリックすると、実寸画像が表示されます。図３７

（１）

（２）

（３）

（４）

（５）

(21)

-21-図３８

「活動報告」記事の削除

管理画面から、活動報告「目次」をクリックすると「活動報告」の目次が表示されます。 ① 目次から削除する記事を選択し「削除」ボタンをクリックします。 ② 削除確認画面が表示されます。 ③ 「削除実行」をクリックすると記事、画像が削除されます。また、新着情報に掲載されていた場合は新着情報からも削除されます。削除確認画面 ※一旦削除したページの復活はできません。

(22)

図３９

目次ページへの追加

「活動報告」の目次ページを表示すると、登録した記事が追加されました。

-23-４−３「平和のとりくみ」の作成

①

②

例では、「平和のとりくみ」は、参照形式で設定されています。参照形式とは、別のカテゴリの記事から、特定の記事を集めて別の目次一覧を作ったページのことです。例では、「活動報告」に入れた記事の中から、平和に関する活動の記事を「平和のとりくみ」項目としてピックアップしています。 ① 管理画面から平和のとりくみ「新規」をクリックします。 ②タイトルを入力します。図４２図４１

(24)

図４３ ③ あらかじめ、参照元のページを別ウィンドウで表示しておきます。（図４３）（１）アドレスバーにあるURLをマウスで選択し、ツールバーから、編集＞コピーを選択します（短縮キーは、Ctrl+C）。（図４４）（２）平和のとりくみの新規画面を、最前面に表示させます。（図４５）「直リンクURL」の欄をクリックして、カーソルを点滅させます。（３）ツールバーの編集＞貼り付けを選択します（短縮キーでは、Ctrl+V）。（図４５） ⑤ 「登録実行」ボタンをクリックします。（図４６）図４５図４４

(25)

-25-４−４「生活相談」の作成

例では、「生活相談」は、問答形式で設定されています。 ① 管理画面から生活相談「新規」を指定します。 ② タイトルを入力します。 ③ 質問を入力します。 ④ 回答を入力します。 ⑤ 入力が終了したら「登録実行」ボタンをクリックします。 ※問答形式では、画像は扱えません。文字を大きくしたり、色を付けるなどの修飾は「６．HTMLタグについて」をご参照ください。

②

③

④

図４７

①

⑤

図４８

(26)

「生活相談」は、項目属性「問答形式・目次あり」で定義していますので目次を持ちます。新しく作成した記事は、記事の目次(一覧)の先頭に追加されます。管理画面(P5)から、生活相談「目次」を指定するとこの目次画面が表示されます。目次画面では次の操作を行うことができます。（操作は、「活動報告」の目次と同じです。） ① 訂正 ② 削除 ③ 記事表示図４９ ※登録できる最大記字数は2000記事です。2000を超えた古

(27)

-27-図５０実際に作成したページを確認する時は、目次一覧のタイトルをクリックすることによって作成したページを表示することができます。訂正が必要な場合は「訂正」をクリックしてください。

(28)

４−４「リンク」のページ作成

リンクのページを作成します。管理画面から「リンク作成」をクリックすると、リンクのページ作成・訂正画面が表示されます。 ① ジャンルを指定します。（環境設定で設定(P9)したジャンルが表示されます。） ② URL（ホームページのアドレス）を入力します。 ③ サイト名を入力します。 ④ 入力が終了したら「登録実行」ボタンをクリックします。

①

②

③

図５１

(29)

-29-図５２管理画面の「リンク表示」をクリックすると作成されたリンクのページが表示されます。実際にアクセスしてリンク先が間違っていないか確かめます。 ※リンクのページに登録できる最大は100サイトです（環境設定によって決定されます。） ※新着情報への追加は出来ません。

(30)

４−５「新着情報」への反映

_{更新された項目を新着情報に反映させることができます。どの項目} を新着情報に反映させるかは、お申し込み時に決めていただきます。また、反映方法は、「タイトルのみ」と、「タイトル＋第一段落」を選択できます。例では、「活動日誌」「議会だより」に新着情報自動書き出しを設定しました。また、新着情報は、新しいものから3記事表示する設定にしてあります（記事数は環境設定で指定します）。図５３図５４新しいものから3記事を「新着情報」としてタイトルを表示。

(31)

-31-５項目（メニュー）について

図５５項目（メニュー）の属性には次の形態があります。ご利用目的に従って選択してください。

① 汎用形式・目次あり

「活動報告」など、定期的に書き込みを行い記事を蓄積していくタイプです。このタイプは、記事の見出し部分が目次として自動的に作られます。項目（メニュー）からは目次を表示し、目次から該当する記事を選んで表示します。

② 汎用形式・目次なし

「プロフィール」など、一回作ったらあまり変化が無く1ページで作成するものに適します。項目（メニュー）から直接このページが表示されます。

③参照形式（目次あり）

別の項目に追加した記事の中から特定の記事を選び、別の目次一覧を作成します。

④ 問答形式（目次あり）

「生活相談」など、質問と回答を持つ定型的なパターンに使用すると便利です。目次を持ちますので、動作的には「① の汎用タイプ・目次あり」と同じです。異なる点は、画像を指定できない点です。

⑤ リンク（目次なし）

リンクのページを簡単に作成できます。ジャンル、ＵＲＬ、サイト名を入力します。サイトの項目（メニュー）はここに表示されます（サイト構築時に予め設定） ※項目（メニュー）の選択は、サイト構築時に必要なものです。また、途中で項目を変更することは出来ません。

(32)

６．HTMLタグの利用

「タイトル」、「記事本文」、「えとき」などでＨＴＭＬタグを利用することができます。簡単なタグの使い方を説明します。 ① 文字に色をつけたい ② 文字を強調表示したい ③ 見出しをつけたい ④ フォントサイズを指定したい ⑤ 横罫線を引きたい図５６ ※ＨＴＭＬタグタグは、必ず半角文字を使用してください。

(33)

-33-６−１ HTMLタグの利用

※この他のタグの使い方については、色々な本が出版されていますのでそちらをご覧いただき、十分に理解してからご利用ください。ブラウザによっては、使えないタグもありますのでご注意ください。 ① 文字に色をつけたい <font color=“red”>文字の色を「赤」にします。</font> <font color=“blue”>文字の色を「青」にします。</font> <font color=“green”>文字の色を「緑」にします。</font> ② 文字を強調表示したい <strong>文字の強調です。</strong> <b>文字を太字にします。</b> ③ 見出しをつけたい <h1>見出し１です。</h1> <h2>見出し２です。</h2> <h3>見出し３です。</h3> ④ フォントサイズを指定したい <font size=“1”>フォントサイズ１です。</font> <font size=“2”>フォントサイズ２です。</font> <font size=“3”>フォントサイズ３です。</font> <font size=“4”>フォントサイズ４です。</font> <font size=“5”>フォントサイズ５です。</font> ⑤ 横罫線を引きたい <hr>

(34)

６−２ HTMLタグの利用例

図43 トピックスに表示する記事を目立たせるため ① 文字色を「青」に ② ｈ２の見出しを使用図５７図５８

(35)

-35-７．画像・えときの指定方法

図５９最大10個までの画像（ＪＰＥＧ，ＧＩＦ形式）を指定することができます。 10個の画像は、それぞれimg0、img1、∼img9で表わされます。画像の指定は以下の項目が必要です。 ① 記事本文のどこに画像を入れるのか ② 画像ファイル ③ 画像の横幅（ピクセル） ④ 画像の配置形式 ⑤ 「えとき」文６．「えとき」文の揃え指定です。標準的な作成で簡単に画像を入れることができるようデフォルト値を決めています。 ※標準的な作成とは、画像が記事本文の先頭にくる場合を想定しています。

img0 の指定 img1の指定 img2の指定例では、最大画像登録数3個の設定です

(36)

７−１画像の指定（標準）

記事本文の先頭に、「左組込み」で画像を配置した例です。 img0については、記事本文の最初に挿入されます。記事本文のどの部分に挿入するか、自由に指定したい場合は、ｐ３７をご覧下さい。図６０図６１

(37)

-37-７−２画像の指定（標準以外の場所に配置）

①標準配置以外での指定は、img0欄は使用ぜず、img1以降の欄を使います。 ②図62の例では、画像の位置は、「画像右組み込み」を指定しています。 ③記事本文の欄の中で、画像を配置する文の段落の先頭にタグを書き込みます。画像を挿入した欄がimg1であれば、  と本文に挿入します。半角になるように注意してください img0は、記事本文の先頭に必ず配置されるので、img1で画像を指定します。図６２図６３が伝えてほしい」というメッセージに心打たれました。  今、まさに政府は、自衛隊のイラク派遣、そして憲法改悪をめざして動いています。

(38)

７−３画像の指定（複数指定）

①img0、img1にて画像を2個指定しました。 ②img1の指定は記事本文中で行います。

図６４

(39)

-39-７−４えときの指定（写真集を作りたい）

※画像を縦に並べる場合は、画像配置は、「画像左配置」、「画像中央配置」または「画像右配置」を使ってください。図６６ img0、img1、img2の3つの画像を指定して写真集を作りました。えときを「画像の右」を設定すると、画像配置は無視されます。図６７ img0,img1,img2の3つの写真を指定。 img0は標準で指定されますので、記事本文で指定する必要はありません。

(40)

８障害時のデータベース再構築

管理画面にある「データベース再構築」は、サーバの障害等によって記事管理データベースが破壊された場合、記事履歴ファイルを参照して再構築します。・管理画面から「デーベース再構築表示」（図68）をクリックします。データベース再構築画面で、再構築をする項目の「実行」ボタンを押します。・特に障害がない場合は、「実行ボタン」を押す必要はありません（平常時に誤って押したとしても支障はありません）。図６８図７０図６９

(41)

-41-9 かんたん更新スケジュール帳

(オプション) 書き込み図７１図７２１、かんたん更新管理画面から、スケジュール帳かんたん更新管理画面にアクセスします。２、日付をクリックすると、新たな行事を書き込むことができます。３、行事名、日付は自動的に入ります。時間(半角で入力。例、18:30-21:00)、会場、URL、備考欄を入力します。URLはより詳しい行事案内が掲載されたホームページがある場合に、そのアドレスをいれます。４、書き終わったら、画面をスクロールして「実行」ボタンをおします。図７３

(42)

9 かんたん更新スケジュール帳

(オプション) 修正・削除

修正する方法：

１、かんたん更新管理画面から、スケジュール帳かんたん更新管理画面にアクセスします。２、修正したい行事名をクリックすると(図７４)、詳細画面に入ります(図７５)。ここで「修正」ボタンをクリックすると、修正画面に入ることができます。 3、内容の修正が終わったら、画面を下までスクロールして「修正実行」ボタンをおします。(図７６) 図７４図７５１、かんたん更新管理画面から、スケジュール帳かんたん更新管理画面にアクセスします。図７７