• 検索結果がありません。

Microsoft PowerPoint - 操作マニュアル_HP作成支援_ ppt

N/A
N/A
Protected

Academic year: 2021

シェア "Microsoft PowerPoint - 操作マニュアル_HP作成支援_ ppt"

Copied!
21
0
0

読み込み中.... (全文を見る)

全文

(1)

<操作マニュアル・HP作成支援>

2010年7月30日版

社会福祉法人  全国社会福祉協議会

  項目      ページ

社協ホームページ作成支援とは

外部向け社協HPのページ構成

管理画面とは

管理画面  記事の作成・編集

管理画面  メニュー設定

管理画面  公開設定

管理画面  社協ページ設定

管理画面  デザイン設定

管理画面  バナー設定

・・・・・ 1

・・・・・ 2

・・・・・ 7

・・・・・ 8

・・・・・10

・・・・・12

・・・・・14

・・・・・15

・・・・・19

ホームページアドレス:http://www.shakyo.or.jp/gyoumu

(2)

ホームページ(HP)を持っていない社協が、自社協のホームページを作成するためのツールです。 レンタルサーバーなどを契約する必要はなく、項目に入力し登録していくことでHPが作成できます。 一般に公開される画面(外部向けHP)と、その設定を行う設定画面があります。 この機能で作成するHPのアドレスは、社協HP作成支援の管理画面左側で確認できます。 社協管理者IDホームから「社協HP作成支援」をクリックします。 開いたページの左側「外部向けHP情報」欄のURLが自社協の外部向けHPアドレスです。 HP公開の際にはこのアドレスを告知して下さい。一般の方もアクセスできます。(アドレスは変更できません)

社協ホームページ作成支援とは

自社協のHPアドレスを確認する

社協HP作成支援とは

(3)

管理者マニュアル(HP作成支援)

P.2

外部向け社協ホームページのページ構成

トップページ

作成支援ツールを使用した「自社協HP」は、以下のようなトップ画面です。 デザインを指定して、自社協独自の見た目を構築できます。

①[基本メニュー]  4つの固定メニューが表示されます。各メニューの<表示タイトル>は自由に設定できます。

②[可変メニュー]  自社協の活動内容に合わせて自由に追加できます。

        ただし、「お知らせ」「イベント」「事業内容」は必ず表示される固定メニューです。

(4)

外部向け社協ホーム-ジのページ構成

概要(基本メニュー)

画面上部に表示される固定メニューの中のひとつです。 「自社協について」「基本理念」「沿革」「連絡先」の4つの見出しで構成されています。 自社協の概要、あらまし等の基本情報を表示します。

アクセス(基本メニュー)

画面上部に表示される固定メニューの中のひとつです。 googleマップを利用した自社協の所在地地図や連絡先を表示します。

(5)

管理者マニュアル(HP作成支援)

P.4

画面上部に表示される固定メニューの中のひとつです。 このHPのサイトマップが表示されます。 サイトマップは、ページ構成に従い自動で作成されます。

サイトマップ(基本メニュー)

お問合わせ(基本メニュー)

画面上部に表示される固定メニューの中のひとつです。 業務用HPに登録した自社協メールアドレス宛てのメール作成画面が起動します。

外部向け社協ホームページのページ構成

(6)

お知らせ(可変メニュー)

画面左側に表示される可変メニューの中のひとつです。(名称の変更可能。ただし必須表示) 自社協が行うイベント情報を掲載します。 『イベント」はトップページに最新5件、 『 イベント一覧』ページでは全件が表示されます。 『イベント』 」に掲載した情報はRSSを発行しています。

イベント(可変メニュー)

画面左側に表示される可変メニューの中のひとつです。(名称の変更可能。ただし必須表示) あらゆる新着情報を掲載します。使い方は自由ですので、閲覧者にとって有効な情報を発信してください。 『お知らせ』 はトップページに最新5件、『お知らせ一覧』 ページでは全件が表示されます。 『お知らせ』 に掲載された情報はRSSを発行しています。

外部向け社協ホームページのページ構成

(7)

管理者マニュアル(HP作成支援)

P.6

事業内容(可変メニュー)

「見出し」と、「見出し」に属する「本文」「画像」「資料」「リンク」を自由に構成して作成できます。 「リンク集」「Q&A集」「会報バックナンバー」「募集要項」など、自社協の活動に合わせて自由に項目を追加してみましょう。

その他の可変メニュー

画面左側に表示される可変メニューの中のひとつです。(名称の変更可能。ただし必須表示) 自社協のおもな事業内容を掲載します。 「見出し」と、「見出し」に属する「本文」「画像」「資料」「リンク」を自由に構成して作成できます。

外部向け社協ホームページのページ構成

(8)

管理画面とは

『管理画面』は、一般利用者には表示されません。 管理者IDでログインした社協管理者のみが閲覧し、操作を行います。ここでの設定が公開部分(社協HP)へ反映されます。

管理画面とは

管理者IDのトップページから「外部向けHP作成支援」をクリックします。 作成支援ツール管理画面のトップページが開きます。 以下の手順を経て外部向けHPの管理作成を行います  ・管理画面 記事の作成・編集  ・管理画面 メニュー設定  ・管理画面 公開設定  ・管理画面 社協ページ設定  ・管理画面 デザイン設定  ・管理画面 バナー設定

(9)

管理者マニュアル(HP作成支援)

P.8

この画面でできること

右上の[新しい記事を追加する] をクリックすると空白の記事作成画面が開きます。

記事の新規作成

外部向けHPで公開する記事の作成・編集をします。

管理画面 記事の作成・編集

・「投稿先」は、記事を掲載するページ(メニュー)を指定します。 ・「保存・公開」の場合  → 「日付」で設定した日時から一般に公開されます。 ・「保存・非公開」の場合 → 「日付」で設定した日時に関わらず下書きとして保存されます。(一般の閲覧者には公開されません)

(10)

記事の編集

記事タイトルの右上にある[削除]をクリックします。 「削除を実行してよろしいですか」のメッセージが表示され、[OK]をクリックすると記事が削除されます。

記事の削除

管理画面 記事の作成・編集

記事タイトルの左にある[編集]をクリックすると編集画面が開きます。 ※「編集画面」のレイアウト・操作方法は、作成画面と同じです 編集画面で設定します。 ・「保存・公開」の場合  → 「日付」で設定した日時から一般に公開されます。 ・「保存・非公開」の場合 → 「日付」で設定した日時に関わらず下書きとして保存されます。(一般の閲覧者には公開されません)

記事の公開・非公開の切り替え

(11)

管理者マニュアル(HP作成支援)

P.10

管理画面 メニュー設定

「概要」「アクセス」「お問い合わせ」「サイトマップ」の4項目の名称が自由に変更できます。 ボックス内の名前を書き換えて[保存]をクリックします。

基本メニューの名称設定・変更

この画面でできること

『基本メニュー』の名称変更、『可変メニュー』の項目追加・名称変更・掲載順の変更などができます。 可変メニューに項目を追加できます。  1.追加したい新規メニュー名を入力  2.既存メニューの掲載順を参照し、新しく追加するメニューの位置を半角数字で入力  3.[メニューを追加]をクリック 追加したメニューが「(追加メニュー)」欄に表示されます。

可変メニューの項目追加

(12)

管理画面 メニュー設定

メニュー右側の[削除]をクリックすると、「削除しますか?」と確認メッセージが表示されます。 [OK]すると削除されます。

可変メニューの削除

可変メニューの掲載順変更

「掲載順:」欄には1 2 3 4… のように1から若い順に数字(整数)を入れます。 入れられた数字の順が、社協HPのメニュー掲載順となります。 適宜数字を並べかえてメニュー掲載順を整え、[保存]をクリックすると数字の順に並べかえられた画面に変わり設定が完了します。 重複した数字を入力してもエラーとはなりませんが、並び順を正しく指定するためには重複しない数字を割り当てます。 「名前:」欄の入力ボックスの名前を書き換えて[保存]をクリックします。

可変メニューの名称設定・変更

【削除したメニューに記事が存在していた場合】  記事は削除されず、どのメニューにも属さない状態で残ります。  残った記事を他のメニューに属させる場合は、『管理画面 記事の作成・編集』で記事を編集し、  属するメニューを再設定します。

(13)

管理者マニュアル(HP作成支援)

P.12

管理画面 公開設定

支援ツールで作成したホームページの「公開」or「非公開」を選択するメニューです。 ホームページが作成途中で、まだ公開できない状態などの場合には「非公開」を設定します。 すべての準備が整ったら公開しましょう!

公開設定

公開/非公開の切り替え、アクセスカウンタ、サイト検索窓などの設定を行います。

この画面でできること

公開設定で、「非公開」を選択した場合のみ、こちらを設定してください。   準備中      ・・・・『このページは準備中です』メッセージと、社協の連絡先が表示される   公式HPへのリンク表示・・・・すでに持っているホームページへ誘導する 公式HPのリンクアドレスには、『社協基本情報』に登録されているURLが表示されます。 リンクするURLを変更したい場合は、『社協基本情報編集『メニューで修正してください。

「非公開」時の設定

(14)

管理画面 公開設定

HP作成支援ツールで作成したHPの中だけで、入力したキーワードを検索します。 表示する・しないは自由に選べます。

サイト内検索

公開したホームページに、どれだけのアクセス数があったか表示するものです。 アクセスカウンタを導入すると ・ 今までにどれくらいのユーザーが訪れたか確認できる ・ アクセス数の増加が目に見えるため、更新作業のモチベーションにつながる などのメリットがあります。 ただし、極端に少ないと閑散としたホームページという印象を持たれるかもしれません。 表示する・しないは自由に選べますので、状況に応じて選択してください

アクセスカウンタ

作成したHPが検索エンジン(Yahoo!、Googleなど)で抽出されやすくなるよう、一般ユーザーが検索する際 に入力するであろうキーワードを設定します。 ホームページの重要なキーワードや、このキーワードに興味のある人が訪れてほしい、と思う単語を 「,(半角カンマ)」で区切って入力してください。 キーワードは概ね、5個~6個ぐらいにとどめたほうがよいと言われています。

フッター文言

サイトの一番下に常に表示される文言です。

一般的には「copyright (c) ○○○社会福祉協議会 allrights reserved.」などのような、著作権のコピーラ イトを記載したり、サイトマップやお問い合わせ等へ誘導するリンクがはられることが多いところです。 検索エンジン(Yahoo!、Googleなど)の検索結果に表示される文です。 内容が端的に伝わる文章を心がけて記載してください。文字数は80文字ぐらいが良いとされています。 重要なキーワードは文頭に書いておきましょう。 ※あくまでも検索エンジンの検索結果に表示されるものであり、HP上のどこかに記載されたり、表示されるものではありません。

サイトキーワード

サイトの説明

(15)

管理者マニュアル(HP作成支援)

P.14

管理画面  社協ページ設定

「この社協について」に表示される内容を記入します

この社協について(編集)

『基本メニュー』内の『概要』ページの設定を行います。 「自社協について」「基本理念」「沿革」「連絡先」の4つの見出しで構成されています。 記載内容と、ページ内での「表示/非表示」を、各見出しごとに設定します。

この画面でできること

・[表示する]    『概要』ページで「この社協について」が表示されます。 ・[表示しない]  「この社協について」項目は表示されません。        未記入であったり、作成途中の場合はこちらを選択してください。

この社協について(ステータス)

「基本理念」に表示される内容を記入します

基本理念(編集)

・[表示する]    『概要』ページで「基本理念」項目が表示されます。 ・[表示しない]  「基本理念」項目は表示されません。        未記入であったり、作成途中の場合はこちらを選択してください。

基本理念(ステータス)

沿革内容を表記したファイルをアップロードしてください。 5MBまでのdoc,pdf,jpg,gif,ppt,zipファイルが掲載できます。

沿革(編集)

・[表示する]    『概要』ページで「沿革」項目が表示されます。 ・[表示しない]  「沿革」項目は表示されません。        ファイル未掲載の場合はこちらを選択してください。

沿革(ステータス)

(16)

管理画面 デザイン設定

全体のテーマカラーや背景画像など、デザインに関わる設定を行ないます。

(17)

管理者マニュアル(HP作成支援)

P.16

管理画面 デザイン設定

「背景カラーのパターン(4種)」×「テーマカラーの配色パターン(4種)」=16パターンの組み合わせから選択可能です。 テーマカラーとは「アイコンなどの色」を指します(下図の赤枠を参照)。下図はテーマカラーが「ブラウン」の場合です。

テーマカラー選択

カラーの指定をはじめ、設定した内容がどのように表示されるかは [プレビュー]で確認できます。

(18)

管理画面 デザイン設定

「背景カラーのパターン(4種)」×「テーマカラーの配色パターン(4種)」=16 パターンの組み合わせから選択可能です。 背景カラーとはホームページの背景色を指します。 下図は背景カラーが「ライトグリーン」の場合です。

背景カラー選択

カラーの指定をはじめ、設定した内容がどのように表示されるかは [プレビュー]で確認できます。

(19)

管理者マニュアル(HP作成支援)

P.18

管理画面 デザイン設定

トップページにキャッチフレーズが掲載できます。 HPを訪れた人の目に触れやすい場所なので、キャッチフレーズがない場合は、「○/○ ■■■開催」などイベントの告知や、 「○○○募集」など、真っ先にアピールしたい内容を記載するのもよいでしょう。必須ではないので、記載しなくても問題ありません。

キャッチフレーズ

上部中央にいつも表示される画像を設定できます。 オリジナル画像の縦横比率を保ったうえで、縦130ピクセルに合わせて縮小されます。 画像は3枚まで掲載可能です。(横並び) 設定した内容の表示は、[プレビュー]で確認できます。 プレビューで文字が収まって表示されていることを確認してください。(文字制限はありません)

オリジナル画像掲載

*縦幅130ピクセル×横幅880ピクセルの画像を1枚のみ掲載すれば横幅フルサイズで表示されます。 *画像3枚の横幅計が880ピクセルを超えた場合、左側の画像が省かれます。 「テーマカラー」「背景カラー」「キャッチフレーズ」「オリジナル画像掲載」の各設定が終了したら、[確認]をクリックします。 確認画面で、全画面の設定を確認してください。 [プレビュー]をクリックすると別ウィンドウが開き、実際の外部向け画面で確認できます。 内容に間違いがなければ[保存]をクリックします。([保存]をクリックするまでは内容は確定されません。) ▽キャッチフレーズと画像が重なってしまう場合 キャッチフレーズの文字が多い場合、またはオリジナル画像の占める領域が広い場合は、画像に文字がかぶって しまうことがあります。 キャッチフレーズは任意の位置で<改行>できますので、[プレビュー]で表示を確認しながら、適宜調整してください。 (入力欄に入力したのと同じ状態で改行されます)

(20)

管理画面 バナー設定

[表示する]   バナーが表示されます。 [表示しない]  バナーは表示されません。掲載内容やリンク先が未定の場合は「表示しない」を選択します。

公開ステータス

*縦幅130ピクセル×横幅880ピクセルの画像を1枚のみ掲載すれば横幅フルサイズで表示されます。 *画像3枚の横幅計が880ピクセルを超えた場合、超えた左側の画像が省かれます。 画面右上に表示されるバナー画像、リンク先を設定します。

この画面でできること

(21)

管理者マニュアル(HP作成支援)

P.20

管理画面 バナー設定

社協独自でバナーを作成する場合はに使用する機能です。 オリジナル画像の縦横比率を保ったうえで、横290ピクセル×縦40ピクセルに合せて縮小されます。 (オリジナル画像を横幅290ピクセル×縦幅40ピクセルで作成すれば、原寸のまま使用できます)

オリジナルバナー掲載

すべての設定が完了したら[確認]をクリックします。 予め用意された基本バナー2点か、「オリジナルバナー掲載」でアップロードした画像を選択します

バナー設定

バナーの掲載内容に合わせて、httpから始まるリンク先URLを設定します。

バナーリンク先

設定内容を確認し、問題なければ[保存]をクリックして、確定させてください。

参照

関連したドキュメント

今日のお話の本題, 「マウスの遺伝子を操作する」です。まず,外から遺伝子を入れると

自分で作る!オリジナルメッセージカード対象商品

ダウンロードしたファイルを 解凍して自動作成ツール (StartPro2018.exe) を起動します。.

操作は前章と同じです。但し中継子機の ACSH は、親機では無く中継器が送信する電波を受信します。本機を 前章①の操作で

HS誕生の背景 ①関税協力理事会品目表(CCCN) 世界貿易の75%をカバー 【米、加は使用せず】 ②真に国際的な品目表の作成を目指して

脅威検出 悪意のある操作や不正な動作を継続的にモニタリングす る脅威検出サービスを導入しています。アカウント侵害の

問13 あなたの職種を教えてください? 

地点と KAAT の共同制作作品。平成 29 年、地点「忘れる日本人」で鮮烈な KAAT デビューを飾った作家、松原俊太郎による 新作を上演する。.. 9