天草市 ＷＥＢの駅「団体会員様向け」
団体会員用サービス操作方法

第 7 版

目 次

１．団体会員へ提供されるサービス概要 ・・・・・・・ 1-1～1-5

２．Webの駅トップ画面機能概要 ・・・・・・・・・・ 2-1～2-2

３．団体会員への入会 ・・・・・・・・・・・・・・ 3-1～3-2● 入会の流れ４．団体会員入会画面 ・・・・・・・・・・・・・・ 4-1～4-5● 入会登録画面操作方法

５．団体会員用サービス操作方法
1 団体会員用グループコミュニティ概要・・・・・・・ 5-1～5-9
2 団体会員用ホームページ制作・更新操作方法・・・ 6-1～6-60

５．団体会員用サービス操作方法
1 団体会員用グループコミュニティ概要

5-1 ページ

５．団体会員用サービス操作方法［Webの駅トップページ：会員ログイン］

amakane●●●●●●①②③

会員IDとパスワードの入力が完了したらクリックして下さい［会員ログイン］① 会員登録時に入力した『メールアドレス』を入力します。
② 会員登録時に入力した『希望するパスワード』を入力します。
③ ここをクリックしてチェックマークを入れると、次回からのWebの駅訪問時に自動でログインされます。
※自動ログイン機能は、利用されるパソコン毎の設定となります。

5-2 ページ

１ 団体会員用グループコミュニティ概要①グループコミュニティTOP画面①②③［会員グループコミュニティトップページ］① 団体会員用サービスメニューです。
② グループコミュニティの記事登録メニューです。 ここから各コンテンツ（記事）の登録・更新ができます。
③ グループコミュニティのコンテンツメニューです。 各コンテンツ毎に最新記事の表題が表示されます。

5-3 ページ

１ 団体会員用グループコミュニティ概要②『お知らせ』登録画面①
新規の記事登録は、
ここをクリックして行います。

［お知らせ記事の登録・編集］① グループコミュニティメニューの『お知らせ』タブをクリックし、登録記事一覧を表示します。
『お知らせ』記事編集画面です※［新規登録］や記事一覧の［編集］をクリックすると表示されます。

5-4 ページ

１ 団体会員用グループコミュニティ概要③-1『掲示板』一覧画面※TOPメニューの［掲示板］をクリックすると表示されます。

新規の記事登録は、
ここをクリックして行います。

記事に対する返信・コメントはここをクリックして行います。

『掲示板』記事登録・編集画面です※［新規登録］や記事一覧の［コメントする］をクリックすると表示されます。

5-5 ページ

１

団体会員用グループコミュニティ概要③-2『掲示板』登録・編集画面①
新規の記事登録は、
ここをクリックして行います。

［掲示板記事の登録・編集］① グループコミュニティメニューの『掲示板』タブをクリックし、登録記事一覧を表示します。

『掲示板』記事編集画面です※［新規登録］や記事一覧の［編集］・［返信］をクリックすると表示されます。

5-6 ページ

１

団体会員用グループコミュニティ概要④『カレンダー』登録・編集画面①
新規の記事登録は、
ここをクリックして行います。

［カレンダー記事（イベント）の登録・編集］① グループコミュニティメニューの『カレンダー』タブをクリックし、登録記事一覧を表示します。
『カレンダー』記事編集画面です※［新規登録］や記事一覧の［編集］をクリックすると表示されます。

5-7 ページ

１ 団体会員用グループコミュニティ概要⑤-1『メンバー』登録・編集画面（所属編集）①
新規の所属登録は、
ここをクリックして行います。

［メンバー及び所属の登録・編集］① グループコミュニティメニューの『メンバー』タブをクリックし、『メンバー』管理画面を表示します。
『所属』一覧・追加画面です※［所属を編集］をクリックすると表示されます。

新規所属名を入力し、クリックします。

『所属』編集画面です※［所属名］をクリックすると表示されます。

所属名や表示順を変更し、クリックします。

5-8 ページ

１ 団体会員用グループコミュニティ概要⑤-2『メンバー』登録・編集画面（メンバー編集）

新規のメンバー登録は、ここをクリックして行います。

『メンバー』追加・編集画面です※［メンバーを新規登録］・［メンバーID］をクリックすると表示されます。

5-9 ページ

５．団体会員用サービス操作方法
２ 団体会員用ホームページ制作・更新操作方法

個人会員用ホームページの作成から公開までをご説明します。
ご説明する機能：①お知らせ②カレンダー
③フォト
④日記
⑤掲示板
⑥商品紹介
⑦投稿フォーム⑧フリーページ
補足説明：①文字修飾・表作成②素材（画像など）の登録・管理方法③スマートフォンでの操作方法

6-1 ページ

５．団体会員用サービス操作方法［Webの駅トップページ：会員ログイン］

amakane●●●●●●①②③

会員IDとパスワードの入力が完了したらクリックして下さい［会員ログイン］① 会員登録時に入力した『メールアドレス』を入力します。
② 会員登録時に入力した『希望するパスワード』を入力します。
③ ここをクリックしてチェックマークを入れると、次回からのWebの駅訪問時に自動でログインされます。
※自動ログイン機能は、利用されるパソコン毎の設定となります。

6-2 ページ

２

団体会員用ホームページ制作・更新操作方法［マイホームページ管理：メニュー画面］①［管理メニューの案内］①

Webの駅管理メニューでできることが表示されます。

［ご注意］※マイホームページを表示させたまま20分以上何も操作しないと以下の画面が表示されます。
一度 “「天草Webの駅」トップへ” をクリックしてトップ画面から再度ログインし直して下さい。

6-3 ページ

２

団体会員用ホームページ制作・更新操作方法［ホームページ情報］

ホームページの開設までの操作の流れ
ホームページの表題やデザイン、コンテ
ンツメニューなどを設定する順番をご案内します。
順番に従い、各項目を設定して下さい。

①②① ホームページの情報を表示します。
●URL●WEBの駅 部屋番号
●トップページ総アクセス
●公開状態
●開設日
●公開申請

② ホームページの概要を表示します。
●ホームページタイトル●ホームページの分類●ホームページの概要文●キーワード●部屋画像●地図位置情報●Twitter連携●ソーシャルボタンの設置

ホームページのアドレス（URL）です。
『Webの駅』での部屋番号です。
ご自分のホームページのトップページへのアクセス数です。
現在の公開状態です。『公開』・『非公開』があります。
ホームページを開設した日です。
ホームページの公開には申請をし、チェックを受ける必要があります。その状態です。

ホームページのタイトルです。必須項目です。
ホームページの分類です。２つまで選べます。必須項目です。
ホームページの概要を紹介する文章を入力します。
検索エンジンで検索するときのキーワードです。
『Webの駅』の自分の部屋の表札です。
ホームページの位置情報です。
Twitterアカウントをお持ちの方はTwitterへの投稿連携をすることができます。
トップ画面及び記事詳細画面に、いいねボタン（facebook）、ツイートボタン（twitter）、
プラス１（google+）を設置できます。

6-4 ページ

２

団体会員用ホームページ制作・更新操作方法［ホームページ情報］ 地図位置情報について

地図の中心にある「+」の所に登録したい
場所を合わせます。
【地図に掲載しない】ボタンをクリックすると位置情報は登録されません。

登録した「地図位置情報」はホームページ概要文と一緒に、後で説明するホームページレイアウト設定画面の中でパーツとして使用することができます。同様に「ソーシャルボタンの設置」で設置するにした場合もソーシャルボタンのパーツがトップ画面で使用できます。
■管理側 ［ レイアウト設定（パーツ追加）］■公開側 ［ トップ画面］

6-5 ページ

２

団体会員用ホームページ制作・更新操作方法［レイアウト設定］
更新対象画面

マイホームページのデザインや表題などを決定します

レイアウト設定を行います。クリックすると下記ウインドウが立ち上がります。

6-6 ページ

２

団体会員用ホームページ制作・更新操作方法［レイアウト設定］デザイン選択
更新対象画面

マイホームページのデザインや表題などを決定します

デザインの選択を行います。クリックすると下記ウインドウが立ち上がります。

必ずクリックして下さい

お好みのデザインの選択して「適用する」ボタンをクリックすると、選んだデザインテンプレートが反映されます。

6-7 ページ

２

団体会員用ホームページ制作・更新操作方法［レイアウト設定］レイアウト選択
更新対象画面

マイホームページのデザインや表題などを決定します

レイアウトの選択を行います。クリックすると下記ウインドウが立ち上がります。

必ずクリックして下さい

左サイドバーか右サイドバーの2種類から選べます。
お好みのレイアウトを選択して「適用する」ボタンをクリックすると、選んだレイアウトパターンが反映されます。

6-8 ページ

２

団体会員用ホームページ制作・更新操作方法［レイアウト設定］パーツの追加
更新対象画面

マイホームページのデザインや表題などを決定します

パーツの追加を行います。
クリックすると下記ウインドウが立ち上がります。

必ずクリックして下さい

追加したいパーツにチェック（☑）をつけてトップページに表示するパーツを追加します。
空白の自由に編集できるパーツ（フリーエリア）も追加できます。

6-9 ページ

２

団体会員用ホームページ制作・更新操作方法［レイアウト設定］タイトルエリアの編集
更新対象画面

マイホームページのデザインや表題などを決定します

タイトルエリアの編集を行います。クリックすると下記ウインドウが立ち上がります。
必ずクリックして下さい

ホームページの情報を表示します。
●ホームページのタイトル

ホームページのタイトルです。

●タイトル文字の大きさ

タイトル文字の大きさを『大・中・小』から選択できます。

●タイトル文字の色

タイトル文字の色を選択できます。

●タイトルの背景色

タイトルの背景色です。次の『タイトルの背景画像』の方が優先（前面）されます。

●タイトルの背景画像

タイトルの背景を画像にします。後述する『フォト』もしくは『素材管理』で登録した画像を登録することができます。

6-10 ページ

２

団体会員用ホームページ制作・更新操作方法［レイアウト設定］トップ画面 各コンテンツの配置
更新対象画面

マイホームページのデザインや表題などを決定します

各コンテンツの配置（メインメニューに配置するか、サイドバーに配置するか）を設定します。
必ずクリックして下さいコンテンツのボックスをマウスでクリックしたまま（ドラッグする）移動し、マウスボ
タンを離す（ドロップする）とそこに配置されます。

6-11 ページ

２

団体会員用ホームページ制作・更新操作方法［レイアウト設定］トップ画面 各コンテンツの非表示
更新対象画面

マイホームページのデザインや表題などを決定します

非表示にするコンテンツを選びます。
必ずクリックして下さい

現在表示しているコンテンツの右肩の『非表示』をクリックすることでコンテンツを非表示にします。再度表示する必要がある場合は『パーツの追加』で追加します。

6-12 ページ

２

団体会員用ホームページ制作・更新操作方法［レイアウト設定］トップ画面 オプション設定
更新対象画面

マイホームページのデザインや表題などを決定します

各コンテンツの右上の「設定」ボタンより、オプション設定を行います。

コンテンツ
●お知らせ

お知らせ記事を登録・更新できます。

●カレンダー

イベントの予定などをカレンダー形式で登録・更新できます。

●フォト

デジカメ画像をアルバム形式で掲載できます。

●日記

ブログ形式で日々の出来事やコラムなどが掲載できます。コメント受付も可能です。

●掲示板

掲示板の回答登録や公開・非公開の設定を行います。

●商品紹介

商品を写真付きで紹介することができる形式です。

●投稿フォーム

HPから投稿できるフォームを作成することができます。

●フリーエリア・ページ

ホームページ言語（HTML）による高度なページを制作する機能です。

6-13 ページ

操作ステップ

２

団体会員用ホームページ制作・更新操作方法［レイアウト設定］トップ画面 オプション設定
更新対象画面① お知らせマイホームページのデザインや表題などを決定します●コンテンツ名

コンテンツのタイトルです。最初は『お知らせ』ですが好みに合わせて変更できます。

●トップページの表示件数トップページに表示するお知らせの件数です。変更することができます。

② カレンダー●コンテンツ名

コンテンツのタイトルです。最初は『カレンダー』ですが好みに合わせて変更できます。

6-14 ページ

２

団体会員用ホームページ制作・更新操作方法［レイアウト設定］トップ画面 オプション設定
更新対象画面③ フォト

マイホームページのデザインや表題などを決定します●コンテンツ名

コンテンツのタイトルです。最初は『フォト』ですが好みに合わせて変更できます。

●トップページの表示件数トップページに表示するフォトの件数です。変更することができます。

④ 日記●コンテンツ名

コンテンツのタイトルです。最初は『日記』ですが好みに合わせて変更できます。

●トップページの表示件数トップページに表示する日記の件数です。変更することができます。

6-15 ページ

２

団体会員用ホームページ制作・更新操作方法［レイアウト設定］トップ画面 オプション設定
更新対象画面⑤ 掲示板

マイホームページのデザインや表題などを決定します●コンテンツ名

コンテンツのタイトルです。最初は『掲示板』ですが好みに合わせて変更できます。

●トップページの表示件数トップページに表示する掲示板記事の件数です。変更することができます。

⑥ 商品紹介●コンテンツ名

コンテンツのタイトルです。最初は『商品紹介』ですが好みに合わせて変更できます。

●トップページの表示件数トップページに表示する商品紹介記事の件数です。変更することができます。

6-16 ページ

２

団体会員用ホームページ制作・更新操作方法［レイアウト設定］トップ画面 オプション設定

更新対象画面⑦ 投稿フォーム

マイホームページのデザインや表題などを決定します●コンテンツ名

コンテンツのタイトルです。最初は『投稿フォーム』ですが好みに合わせて変更できます。

●トップページの表示件数トップページに表示する投稿フォーム記事の件数です。変更することができます。

⑧ メニュー●表示順

コンテンツのメニュー上での表示順です。変更することができます。

●コンテンツタイトル

コンテンツのタイトルです。変更できません。

●公開状況

そのコンテンツを公開するかしないかの選択ができます。使用しないコンテンツは公開しないにしてください。

各設定ウインドウはレイアウト設定画面の上段の方へ出てきます。下段の方のコンテンツの設定を押して設定ウインドウが出ていない場合は上段の方へスクロールして確認してください。

6-17 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］③④①②① どのコンテンツの記事を登録するか選択します。（レイアウト選択でコンテンツ名を変えている場合はその名前）●お知らせ

お知らせ記事を登録・更新できます。

●カレンダー

イベントの予定などをカレンダー形式で登録・更新できます。

●フォト

デジカメ画像をアルバム形式で掲載できます。

●掲示板

掲示板の回答登録や公開・非公開の設定を行います。

●日記

ブログ形式で日々の出来事やコラムなどが掲載できます。コメント受付も可能です。

●商品紹介

商品を写真付きで紹介することができる形式です。

●投稿フォーム

HPから投稿できるフォームを作成することができます。

●フリーページ

ホームページ言語（HTML）による高度なページを制作する機能です。

② 記事一覧
②で選択したコンテンツの記事の一覧が表示されます。

③ 素材管理Webの駅で使用する画像、ファイルの登録・管理を行います。

④ アクセス数閲覧
各コンテンツごとのアクセス数を閲覧することができます。

6-18 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］お知らせ①②① お知らせ現在記事を登録しようとしているコンテンツです。

② 記事一覧
●公開状態

記事の公開状況です。

●タイトル

記事のタイトルです。タイトルをクリックすると記事を編集できます。

●更新日

その記事を更新した最新の日付です。
［新規作成］

お知らせ記事登録画面です

6-19 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］お知らせ［公開設定］

補助線を表示したり、HTMLを用いて記事を編集します。

公開設定画面です●タイトル

お知らせのタイトルを入力します。

●本文

お知らせの本文を入力します。

●［NEW］マークの表示設定

記事一覧に［NEW］マークを表示したい場合表示するにします。

●［NEW］マーク表示期間［NEW］マークの表示設定をするにしたときの表示日数を設定します。

●「Webの駅」の分類

Webの駅の分類を設定し、検索条件や記事の案内に利用します。

●キーワードフリーワード検索用文字列を入力します。

●公開設定

記事を公開するかしないか、する場合の表示開始日時と終了日時を設定します。

6-20 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］カレンダー

①
②

①

カレンダー
現在記事を登録しようとしているコンテンツです。

② 記事一覧
●公開状態

記事の公開状況です。

●タイトル

記事のタイトルです。タイトルをクリックすると記事を編集できます。

●日程

その記事の期間（記事掲載期間）です。

●更新日

その記事を更新した最新の日付です。
［新規作成］

カレンダー記事登録画面です

6-21 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］カレンダー［公開設定］

補助線を表示したり、HTMLを用いて記事を編集します。

公開設定画面です

必ず1つは選択してください。
（※2つまで選択可能です。）●タイトルお知らせのタイトルを入力します。

●本文

お知らせの本文を入力します。

●「Webの駅」の分類

Webの駅の分類を設定し、検索条件や記事の案内に利用します。

●キーワードフリーワード検索用文字列を入力します。

●公開設定

記事を公開するかしないか、する場合の表示開始日時と終了日時を設定します。

6-22 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］フォト

①

②

① フォト
現在記事を登録しようとしているコンテンツです。

② 記事一覧
●チェック

下段の「公開」「非公開」の対象選択です。

●公開状態

画像の公開状況です。

●画像

登録している画像を表示します。

●タイトル

画像のタイトルです。タイトルをクリックすると画像を編集できます。

●更新日

その画像を更新した最新の日付です。
［新規登録］

フォト画像登録画面です

6-23 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］フォトフォト画像登録画面です

保存したい画像ファイルを検索できます。（下図参照）●タイトル

画像の名称を入力します。

●並び順

画像の並び順を入力します。入力しない場合は「更新日時」が新しいものが先になります。

●ファイル名画像の保管元（例：パソコンに保存されているファイル名）を入力します。
（下図にサンプルを表示）●画像のサイズ

画像の大きさ（容量ではなく、広さ）を指定します。

●画像のコメント

ホームページ上に表示された画像の上をマウスが通った時に表示される説明文です。

●キーワード検索のキーワードを設定します。 例：自然,観光（半角“,”（カンマ）で区切ります）●フォトギャラリーへの公開

画像をホームページに公開するか（ON）しないか（OFF）を設定します。

●表示開始／終了日

画像を表示する期間を指定します。

※ファイル名の指定方法

ファイル名の【参照】ボタンをクリックすると、左図が表示され、掲載したいファイルを選択（開く(o)ボタン）するだけで掲載できます。

6-24 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］掲示板

①

②

①

掲示板
現在記事を登録しようとしているコンテンツです。

② 記事一覧
●公開状態

記事の公開状況です。

●タイトル

記事のタイトルです。タイトルをクリックすると記事を編集できます。

●投稿者名

その記事を投稿した人です。

●投稿日

その記事が投稿された日です。

●コメントする主題となっている投稿に対してコメントすることができます。
［新規作成］

掲示板記事登録画面です

表示の設定で「画像投稿を受け付ける」にした場合、表示されます。

6-25 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］掲示板
掲示板記事登録画面です●タイトル

掲示板投稿記事のタイトルを入力します。

●本文

掲示板投稿記事本文を入力します。

●写真

表示の設定で「画像の投稿を受け付ける」とした場合のみ投稿フォームが表示され、画像のアップロードが可能です。

●メールアドレス表示の設定で「メールアドレスを表示する」とした場合のみ、記事の右下にメール送信のリンクを表示し、記入したアドレスへメールを送信させることができます。

●投稿者による削除

投稿者が記事を削除しているかどうかです。

●投稿者名

記事の投稿者名です。

●確認設定

その記事を確認しているかどうかです。確認していない記事は表示されません。

●ホームページアドレス

記事の右下にホームページへのリンクを表示します。

●公開設定

その投稿を公開するかどうかです。

6-26 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］日記

①
②

①

日記
現在記事を登録しようとしているコンテンツです。

② 記事一覧
●公開状態

記事の公開状況です。

●タイトル

記事のタイトルです。タイトルをクリックすると記事を編集できます。

●投稿者名

コメント記事の場合、投稿者名が表示されます。

●投稿日

その記事を登録した日が表示されます。
［新規作成］

日記記事登録画面です

6-27 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］日記［公開設定］

補助線を表示したり、HTMLを用いて記事を編集します。

公開設定画面です●タイトル

日記タイトルを入力します。

●本文

日記の本文を入力します。

●投稿者名コメント記事の場合、投稿者名が表示されます。

●「Webの駅」の分類

Webの駅の分類を設定し、検索条件や記事の案内に利用します。

●投稿者による削除

投稿者が記事を削除しているかどうかです。

●確認設定

その記事を確認しているかどうかです。確認していない記事は表示されません。

●公開設定

記事を公開するかしないかを設定します。

6-28 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］商品紹介

①
②

①

商品紹介
現在記事を登録しようとしているコンテンツです。

②

記事一覧
●公開状態

記事の公開状況です。

●タイトル

記事のタイトルです。タイトルをクリックすると記事を編集できます。

●更新日

その記事を更新した最新の日付です。

［新規作成］
商品紹介記事登録画面です

6-29 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］商品紹介
商品紹介記事登録画面です

補助線を表示したり、HTMLを用いて記事を編集します。
［公開設定］
公開設定画面です●タイトル

商品紹介のタイトルを入力します。

●メイン画像画像の修正が行えます。

●項目の追加

項目の追加が行えます。

●本文

本文入力ができます。

●「Webの駅」の分類

Webの駅の分類を設定し、検索条件や記事の案内に利用します。

●キーワードフリーワード検索用文字列を入力します。

●公開設定

記事を公開するかしないかを設定します。

6-30 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］商品紹介 活用例
写真付き一覧で表示されますので、商品の紹介やサービス・プランメニューの紹介にご活用できます。
■取り扱い商品の紹介例■サービス・プランの紹介例

6-31 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］投稿フォーム①②①

投稿フォーム現在記事を登録しようとしているコンテンツです。

②

記事一覧
●公開状態

記事の公開状況です。

●タイトル

記事のタイトルです。タイトルをクリックすると記事を編集できます。

●更新日

その記事を更新した最新の日付です。
［新規作成］

投稿フォーム記事登録画面です

6-32 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］投稿フォーム
投稿フォーム記事登録画面です

補助線を表示したり、HTMLを用いて記事を編集します。

［公開設定］

公開設定画面です●タイトル

投稿フォームのタイトルを入力します。

●内容

説明文を記述します。

●設問を追加設問の追加が行えます。

●投稿者情報を追加

投稿者情報の追加が行えます。

●「Webの駅」の分類

Webの駅の分類を設定し、検索条件や記事の案内に利用します。

●キーワードフリーワード検索用文字列を入力します。

●公開設定

記事を公開するかしないかを設定します。

6-33 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］投稿フォーム
設問の登録・編集画面です

①
②
③
④
⑤
⑥

⑦

①[項目タイトル]を入力します。

入力形式の公開側での表示は以下のようになります。

②項目の[入力形式]を指定します。

・複数選択◆「プルダウンメニュー」、「チェックボックス」を指定した場合は、別途、選択肢を登録する必要があります。

③[必須設定]をします。
◆必ず入力（または選択）してもらうか否かを指定します。

・数値④ [表示の設定]を行います。
◆「表示しない」を指定すると項目として表示されません。

・年月日⑤項目の表示の順番を指定します。
・期間

⑥補足説明
◆入力項目欄内に表示する[補足説明]を記入します。

⑦【保存する】ボタンをクリックし、編集内容を保存します。

6-34 ページ

・択一選択

２

団体会員用ホームページ制作・更新操作方法［記事登録］投稿フォーム
投稿者情報の登録・編集画面です

①
②
③
④
⑤
⑥

⑦

①[項目タイトル]を入力します。

入力形式の公開側での表示は以下のようになります。

②項目の[入力形式]を指定します。
◆「プルダウンメニュー」、「チェックボックス」を指定した場合は、別途、選択肢を登録する必要があります。

③[必須設定]をします。
◆必ず入力（または選択）してもらうか否かを指定します。

④ [表示の設定]を行います。
◆「表示しない」を指定すると項目として表示されません。

⑤項目の表示の順番を指定します。
⑥補足説明◆入力項目欄内に表示する[補足説明]を記入します。

⑦【保存する】ボタンをクリックし、編集内容を保存します。

6-35 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］投稿フォーム
回答状況確認画面です。

②①③①検索する投稿日の期間を指定します。
②【検索】ボタンをクリックすると回答状況が表示されます。

「投稿日時」をクリックすると詳細が表示されます。

③「ｃｓｖファイルダウンロード」をクリックすると②で表示された回答状況がEXCELで表示されます。

6-36 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］投稿フォーム 活用例
さまざまな情報を閲覧者に入力してもらい、ホームページ管理者がそれらの情報を集計することができます。アンケートフォームやイベントなどの申込画面を作成することができます。
投稿があった情報はホームページ管理者のみが、内容を確認できます。
ホームページ上には公開されません。

■投稿フォームの例

6-37 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］フリーページ

①

②

①

フリーページ
現在記事を登録しようとしているコンテンツです。

② 記事一覧
●公開状態

記事の公開状況です。

●タイトル

記事のタイトルです。タイトルをクリックすると記事を編集できます。

●更新日時

その画像を更新した最新の日時です。

［新規作成］
フリーページ登録画面です

6-38 ページ

２

団体会員用ホームページ制作・更新操作方法［記事登録］フリーページ［公開設定］
公開設定画面です●タイトル

フリーページタイトルを入力します。

●本文

フリーページの本文を入力します。

●公開設定

記事を公開するかしないかを設定します。

6-39 ページ

補助線を表示したり、HTMLを用いて記事を編集します。

２

団体会員用ホームページ制作・更新操作方法

操作ステップ［公開設定］①①

公開申請
作成したホームページを公開するためには1度事務局の承認を得る必要があります。
準備ができたら承認を得るための申請を行います。

6-40 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－１ 各種登録機能説明］

⑨
①
④

②

③

⑤
⑥

⑦

⑧

① 『文字サイズ』設定（文字を選択して１～７段階で設定できます。標準は３です）② 『フォント』設定（文字を選択して４つのフォントから設定できます。

③ 『カラーパレット』ボタン（文字を選択して選択した色をクリックすると文字色が変わります）

変えたい文字をマウスで範囲指定して、カラーパレットの変えたい色をクリックします。

6-41 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－１

各種登録機能説明］④ 『文字ツール』ボタン（文字を選択してボタンをクリックすると文字が修飾されます）
選択された文字が太文字になります。
選択された文字が斜体文字になります。
選択された文字に下線が引かれます。
選択された行が左寄せになります。
文字間でクリックするとそこに改行が設定されます。（必ず文字間でクリックして下さい）

右に行揃えされます。
左に行揃えされます。
選択された行がセンタリングされます。
選択された行が右寄せになります。

選択された文字列にリンクが設定／解除できます。

ＭＳ Ｐゴシック『リンク』ボタンをクリックすると、“Explorer ユーザープロンプト”
設定ウインドウが開きます。
リンク先アドレス（URL）を設定して【OK】ボタンをクリックして下さい。

登録されている素材を参照します。
『素材を参照』ボタンをクリックすると素材管理で登録している一覧を表示するウイン
ドウが出ます。
使用する素材の『挿入する』をクリックして素材を挿入してください。

6-42 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－１ 各種登録機能説明］⑤ 『表の操作』ボタン（表の操作を行うことができます。）●『行の追加』●『行の削除』●『列の追加』●『列の削除』●『セルの背景色』

カーソルがある行の上に新しく行を追加します。
カーソルがある行を削除します。
カーソルがある列の右側に新しく列を追加します。
カーソルがある列を削除します。
カーソルがあるセルの背景色をカラーパレットから選択して設定できます。

⑥ 『表の作成』ボタン（簡単な表を作成できます。）
表作成ボタンをクリックします●『表の幅』
●『線幅』
●『行数』
●『列数』
●『セル間隔』●『セル余白』

表全体の幅をピクセル単位で指定します。記事枠の横幅はおおよそ600ピクセルです。この枠を超えないようにして下さい。
線の太さを指定します。
必要な縦の項目数を指定します。
必要な横の項目数を指定します。
セル（表の一マス）とセルの間の間隔を指定します。
セル内の余白（文字とセル枠との間隔）を指定します。

※一度作成した表を削除したい場合は以下の操作を行って下さい。

Delete

表全体をマウスで選択して、キーボードの【Delete】（削除）キーを押します。

6-43 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－１ 各種登録機能説明］⑦ 『タグ整理』ボタン（タグの整理を行います。）
Wordなどを用いてhtml形式で作成したコードを貼り付けて記事を登録した場合、多くのタグがついていますが、それらを整理します。
（RubyタグやCOLGROUPタグ、tableタグのx:num属性などを削除します。）※スタイル関するタグを削除しますので見た目が大きく変わります。

⑧ 『テンプレート』ボタン（テンプレートから画像と文章の配置を決めます。）●本文のみ

本文のみで画像を配置しません。

●本文＋画像（右）

本文を左、画像を右に配置します。

●本文＋画像（左）

本文を右、画像を左に配置します。

●本文＋画像（上）

本文を下、画像を上に配置します。

●本文＋画像（下）

本文を上、画像を下に配置します。

※一度作成したテンプレートを削除したい場合は以下の操作を行って下さい。

Delete

表全体をマウスで選択して、キーボードの【Delete】（削除）キーを押します。

※複数のテンプレートを使用したい場合は以下の手順で操作を行ってください。
１） 本文の先頭にEnterを５回ほど入力します。

２） テンプレートを作成します。このとき先頭入力したスペースが残っている場合は成功です。スペースがない場合は余分な記述が残っているので『その他の操作』の『HTMLコード編集』で余分な記述を削除
してください。
３） 本文の先頭から数行あけて次のテンプレートを挿入します。これを繰り返します。
注）テンプレートは常に一番上に新しい物が挿入されるので、事前に計画をし、下から順番に作成してください。

6-44 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－１ 各種登録機能説明］⑨ 『その他の操作』ボタン『HTMLコード編集』
HTMLコードを用いて記事の編集を行います。
ビジュアル形式（一般の記事の入力形式）より詳細な設定が可能です。

『補助線ONOFF』
テンプレート等を使用した際に表示される赤や青の破線の表示をON／OFFします。

6-45 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－２ ホームページで利用する素材（画像、資料など）の登録・管理方法］①②① 素材管理画像・資料などを登録する画面です。

② 素材一覧
●タイトル

素材のタイトルです。画像の場合はその画像がでます。

●ファイル名その素材の実際のファイル名です。

●素材種類

素材の種類が表示されます。

●更新日

その記事を更新した日時が表示されます。
［新規登録］［新規登録（共通素材として）］個人で使用する素材です。

Webの駅会員全員が使用できる共通素材として登録します。
管理人の許可の後使用可能となります。

素材登録画面です

6-46 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－２ ホームページで利用する素材（画像、資料など）の登録・管理方法］

保存したい素材ファイル
を検索できます（下図参照）

最後にクリックします●タイトル

画像の名称を入力します。

●素材種類

素材の種類（画像、PDF、動画、音声、テキスト、その他）を選択します。

●ファイル名画像の保管元（例：パソコンに保存されているファイル名）を入力します。
（下図にサンプルを表示）●画像のサイズ

画像の大きさ（容量ではなく、広さ）を指定します。

●画像のコメント

ホームページ上に表示された画像の上をマウスが通った時に表示される説明文です。

●キーワード検索のキーワードを設定します。 例：自然,観光（半角“,”（カンマ）で区切ります）●表示開始／終了日

画像を表示する期間を指定します。

※ファイル名の指定方法

ファイル名の【参照】ボタンをクリックすると、左図が表示され、掲載したいファイルを選択（開く(o)ボタン）するだけで掲載できます。

6-47 ページ

操作ステップ

２

団体会員用ホームページ制作・更新操作方法［補足－２ ホームページで利用する素材（画像、資料など）の添付方法］

マウスで直接画像をクリック
したまま（ドラッグ）、本文の中に持って行く（ドロップ）こともできます。

【画像貼付け方法】
１．更新画面の“素材を参照”を クリックします。
２．画像一覧（素材管理で登録した画像です）が表示されるので、対象となる画像の“原画”をクリックして下さい。
３．元画像が表示されます。マウスの右クリックでリストから“コピー(c)”を選択します。
４．画像を配置したい部分でマウスを右クリックし、リストから“貼り付け(P)”を 選択して画像を貼り付けます。
５．画像のサイズなどは、画像を直接マウスで拡大・縮小を行います。
６．最後に画像操作ボタンをクリックして、画像操
作ウインドウの“配置”メニューから配置したい
場所を選んで、設定します。

6-48 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－3 スマートフォンでの操作］会員ログイン①

amakane②●●●●●●①

会員登録時に入力した『メールアドレス』を入力します。

②

会員登録時に入力した『希望するパスワード』を入力します。

会員IDとパスワードの入力が完了したらクリックして下さい

6-49 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－3 スマートフォンでの操作］管理メニューの案内①① Webの駅管理メニューでできることが表示されます。

［ご注意］※マイホームページを表示させたまま20分以上何も操作しないと以下の画面が表示されます。
一度 “「天草Webの駅」トップへ” をクリックしてトップ画面から再度ログインし直して下さい。

6-50 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－3 スマートフォンでの操作］ホームページ情報①②① ホームページの情報を表示します。
●URL

ホームページのアドレス（URL）です。

●WEBの駅 部屋番号

『Webの駅』での部屋番号です。

●トップページ総アクセス

ご自分のホームページのトップページ
へのアクセス数です。

●公開状態

現在の公開状態です。
『公開』・『非公開』があります。

●開設日

ホームページを開設した日です。

●公開申請

ホームページの公開には申請をし、チェックを受ける必要があります。
その状態です。

② ホームページの概要を表示します。
●ホームページタイトル

ホームページのタイトルです。必須項目●ホームページの分類

ホームページの分類です。
２つまで選べます。必須項目●ホームページの概要文

ホームページの概要を紹介する文章を入力します。

●キーワード検索エンジンで検索するときのキーワードです。

●部屋画像『Webの駅』の自分の部屋の表札です。

●twitter連携

Twitterアカウントをお持ちの方はTwitterへの投稿連携をすることができます。

●ソーシャルボタンの設置

トップ画面及び記事詳細画面にいいね
ボタン(facebook)ツイートボタン(Twitter)プラス１(google+)を設置できます。

6-51 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－3 スマートフォンでの操作］記事編集① どのコンテンツの記事を登録するか選択します。
（レイアウト選択でコンテンツ名を変えている場合はその名前）●商品紹介

商品を写真付きで紹介することができる形式です。

●投稿フォーム

HPから投稿できるフォームを作成することができます。

●お知らせ

お知らせ記事を登録・更新できます。

●カレンダー

イベントの予定などをカレンダー形式で登録・更新できます。

●フォト

デジカメ画像をアルバム形式で掲載できます。

●掲示板

ブログ形式で日々の出来事やコラムなどが掲載できます。
コメント受付も可能です。

●日記

掲示板の回答登録や公開・非公開の設定を行います。

●フリーページ

ホームページ言語（HTML）による高度なページを制作する機能です。

①② 設定ボタン
各コンテンツについて、1ページ当たりの表示記事件数や投稿通知メールの設定などを行うことができます。

6-52 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－3 スマートフォンでの操作］記事編集（お知らせ・カレンダー・日記）① お知らせ・カレンダー・日記
現在記事を登録しようとしているコンテンツです。

② 記事一覧
記事の公開状態、更新日、タイトルが表示されます。
ここをクリックすると、記事を編集することができます。

①②［記事編集］
記事登録画面です

記事編集メニュー画面です

補助線を表示したり、HTMLを用いて記事を編集することができます。

スマートフォン版では、簡単な記事の作成が可能です。
画像や資料の挿入などは出来ません。

6-53 ページ

公開設定画面です２

団体会員用ホームページ制作・更新操作方法［補足－3 スマートフォンでの操作］記事編集（掲示板）① 掲示板
現在記事を登録しようとしているコンテンツです。

② 記事一覧
記事の公開状態、更新日、タイトルが表示されます。
ここをクリックすると、記事を編集することができます。
コメントがある場合は、コメントも表示されます。

【コメント】ボタンをクリックすると、主題となっている投稿に対してコメントすることができます。

②①［記事編集］
掲示板記事編集画面です

表示の設定で「画像投稿を受け付ける」にした場合、表示されます。

6-54 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－3 スマートフォンでの操作］記事編集（掲示板）
掲示板記事編集画面です●タイトル

掲示板投稿記事のタイトルを入力します。

●本文

掲示板投稿記事本文を入力します。

●写真

表示の設定で「画像の投稿を受け付ける」とした場合のみ
投稿フォームが表示され、画像のアップロードが可能です。

●メールアドレス表示の設定で「メールアドレスを表示する」とした場合のみ、記事の右下にメール送信のリンクを表示し、記入したアドレス
へメールを送信させることができます。

●投稿者による削除

投稿者が記事を削除しているかどうかです。

●投稿者名

記事の投稿者名です。

●確認設定

その記事を確認しているかどうかです。
確認していない記事は表示されません。

●ホームページアドレス

記事の右下にホームページへのリンクを表示します。

●公開設定

その投稿を公開するかどうかです。

6-55 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－3 スマートフォンでの操作］記事編集（商品紹介）① 商品紹介現在記事を登録しようとしているコンテンツです。

② 記事一覧
記事の公開状態、更新日、タイトルが表示されます。
ここをクリックすると、記事を編集することができます。

①②［記事編集］
記事登録画面です

記事編集メニュー画面です

公開設定画面です

補助線を表示したり、HTMLを用いて記事を編集することができます。

スマートフォン版では、簡単な記事の作成が可能です。
メイン画像には、素材として登録している画像のみ挿入することができます。

6-56 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－3 スマートフォンでの操作］記事編集（商品紹介）
記事登録画面です
項目追加画面です

⑥

①
②

③
④

[追加項目数]を選択し、適用ボタンをクリックします。

⑤

公開側での表示は以下のようになります。

①[記事のタイトル]を入力します。
②画像を設定します。
◆紹介したい商品の写真を設定します。
③項目を設定します。
◆「項目を追加する」をクリックして、自由に項目の追加が行えます。
④説明文を入力します。
◆商品に関する説明文を編集するエリアです。
⑤補足説明⑥【保存する】ボタンをクリックし、編集内容を保存します。

6-57 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－3 スマートフォンでの操作］記事編集（投稿フォーム）① 投稿フォーム
現在記事を登録しようとしているコンテンツです。

② 記事一覧
記事の公開状態、更新日、タイトルが表示されます。
ここをクリックすると、記事を編集することができます。

①②［記事編集］

記事登録画面です

記事編集メニュー画面です

公開設定画面です

補助線を表示したり、HTMLを用いて記事を編集することができます。

スマートフォン版では、簡単な記事の作成が可能です。
画像や資料の挿入などは出来ません。

6-58 ページ

２

団体会員用ホームページ制作・更新操作方法［補足－3 スマートフォンでの操作］記事編集（投稿フォーム）
設問の登録・編集画面です

記事登録画面です

①

②

③

④

⑤

⑥

⑦
入力形式の公開側での表示は以下のようになります。

①[項目タイトル]を入力します。
②項目の[入力形式]を指定します。
◆「プルダウンメニュー」、「チェックボックス」を指定した場合は、別途、選択肢を登録する必要があります。
③[必須設定]をします。
◆必ず入力（または選択）してもらうか否かを指定します。

・複数選択

・数値

④[表示の設定]を行います。
◆「表示しない」を選択すると項目として表示されません。
・年月日⑤項目の表示の順番を指定します。
⑥補足説明◆入力項目欄内に表示する[補足説明]を記入します。
⑦【保存する】ボタンをクリックし、編集内容を保存します。

6-59 ページ

・期間

・択一選択

２

団体会員用ホームページ制作・更新操作方法［補足－3 スマートフォンでの操作］記事編集（投稿フォーム）
投稿者情報の登録・編集画面です

記事登録画面です

①

②

③

④

⑤

⑥

⑦
入力形式の公開側での表示は以下のようになります。

①[項目タイトル]を入力します。
②項目の[入力形式]を指定します。
◆「プルダウンメニュー」、「チェックボックス」を指定した場合は、別途、選択肢を登録する必要があります。
③[必須設定]をします。
◆必ず入力（または選択）してもらうか否かを指定します。
④[表示の設定]を行います。
◆「表示しない」を選択すると項目として表示されません。

⑤項目の表示の順番を指定します。
⑥補足説明◆入力項目欄内に表示する[補足説明]を記入します。
⑦【保存する】ボタンをクリックし、編集内容を保存します。

6-60 ページ