小山地区自治会連合会
【はじめに】 このマニュアルは、２０１６年度から運用を開始する小山地区自治会連合会が管理するホームページの 運営スタッフとなられる皆さんへ、各自治会を代表して個々のホームページを作成し、更新・管理して 行くための技術を習得して頂くために開催する研修会の資料です。 研修回数は５回に分け、各２時間で合計１０時間を予定しています。 内訳は以下の目次の通りで、研修方法は実践的で即実用化を目指して進めます。
目次
１．ＨＰの仕組みと動作環境
２．必要なアプリケーションのインストール
３．サーバー・クライアント連携のための設定
４．ＨＰビルダーの基本操作
５．ページ作成データーの転送とネット表示確認
６．サーバーＤＢ（データーベース）の確認
７．サーバーとクライアント間のデーター連携操作
８．サーバー管理の基礎
【問い合わせ先】 藤野 英樹 Ｅメール：hideki_fujino@jcom.home.ne.jp１．ＨＰの仕組みと動作環境
ＦＣ２
自治連ＨＰデー
ＨＰ更新スタッフ
アプリケーション名
必要な容量
備 考
１）ＩＢＭホームページビルダー 約４００ＭＢ ホームページの作成・登録・更新作業用 ２）ＦＦＦＴＰ 約２ＭＢ サーバーとクライアント間のデーター管理用 ３）Ｒｅｓｉｚｅ 約１ＭＢ ページに取り込むイメージデーターの圧縮用 ４）ＥＸＣＥＬ，ＷＯＲＤ他 基本ソフト データーの作り込み用２．必要なアプリケーションのインストール
ホームページを作成・更新・管理するためには、それらの操作をより簡単に
効率よく実施するためアプリケーションソフトがありますので、まず最初に更
新管理を実行するＰＣにインストールします。
アプリケーションの提供（各自のＰＣへインストール）
１）はＶ２０クラシック をＣＤで提供します
２）、３）とも講習会場で提供します。
４）についてはＰＣ購入時の基本仕様ですので適用外です。
ＥＸＣＥＬやＷＯＲＤは１）でページの作り込みを行う際に活用します。
３．サーバー・クライアント連携のための設定
前項でインストールしたアプリケーションを実用化するための設定を行います。
①ＦＴＰデーター保存場所の設定
（クライアント Ｃドライブ）
②ＨＰサブページ単位の保存場所の設定
③ＦＦＦＴＰの初期設定
④ホームページビルダーの転送設定
Ｃ：
ＦＴＰ
top
sub1
ＨＰ
top
sub1
C¥HP¥top C¥HP¥sub1～ C¥FTP¥top C¥FTP¥sub1～ ＦＦＦＴＰを起動し、現在のサーバーの内容を確認したり、必要な部分をダウンロードする際に利用します。 またＦＴＰホルダーに設定したファイルを直接サーバーへ転送することもできますが、その場合はデーターの内 容やファイル名、容量などに間違いが無いかよく確認してからにしてください。 具体例は次ページ ＩＢＭホームページビルダーを使って作成・更新したページ全体のデーターをサーバーへ転送し、ネットへ 展開する際に必要な設定です。 具体例は次ページ③ＦＦＦＴＰの初期設定
パスワードは講義の席で 伝えます
sagamiharaoyamajichiren.web.fc2.com
④ホームページビルダーの転送設定
sagamiharaoyamajichiren.web.fc2.com sagamiharaoyamajichiren
******************
パスワードは講義の席で 伝えます
ＩＢＭホームページビルダーのクラシック標準画面
４．ＨＰビルダーの基本操作（Ｖ２０）
メニューバー ナビメニュー ナビバー ツールメニュー ページ編集タブ ページ編集領域 ヘルプ 図－４ ＨＰビルダーの画面構成ページ編集タブ 個々のメニューの詳細については、それぞれを使う段階で解説します。 なお、講習会では編集モードとして２種類ありますが「どこでも配置モード」で実施します。 もう一つの「標準モード」については別の機会に実施します。 図－５ 作業画面の構成 補足 ＩＢＭホームページビルダーでは、作成ページを保存する際のファイル名、あるいはページの中 で引用する写真・イラストなどのファイル名は全て半角アルファベットまたは数値のみが有効で す。日本語ファイル名や記号が含まれるとエラーの原因になりますので徹底して下さい。
○○自治会ホームページ
「新規作成」⇒「白紙から」⇒「どこでも配置モード」 ページサイズは最初は ７５０×９００です。 画面上に作成する要素 ここでは以下の４項目について学習します。 １）文字の挿入 ２）ロゴ、飾り文字の挿入 ３）写真や画像の挿入 ４）壁紙の挿入 ここではサンプルを見ながら、基本機能をひとつずつ 順番に使い方を習得して行くことにします。 図－６ ページ作成演習１ ホームページビルダーによるページ作成はマイクロ ソフトＥＸＣＥＬやＷＯＲＤの操作でページを構成・作 成して行くイメージで実施できます。 個々のオブジェクトを創生する手順はそれぞれの場 合によって異なりますが、どこにどんな機能がある かを知っておくことが大切です。４－１．まず、作ってみよう・・・（１）
ホームページを作成する場合に全体を通じて配慮することとして、それを見る人の立場をある程度、念 頭に置いて進める必要があります。特に画面に表示する写真が重い（容量が大）と、画面に表示させる 時間が掛かって使いづらいということになります。 従って容量の大きなイメージファイルは予めレサイ ズしておく必要があります。 （一般的には数ＫＢから数１０ＫＢに）③リンクボタン ①更新日付 ①or②タイトル ③イメージの貼り付 ①文章の挿入 ＥＸＣＥＬやＷＯＲＤで作 成した図表を取り込む 場合は予め所定のホル ダーにイメージとして保 存しておいて用いる場 合が多い。
４－２．まず、作ってみよう・・・（２）
画面上に作成する要素 ここでは以下の３項目について学習します。 ５）表の挿入 ＥＸＣＥＬで作成した表をそのまま挿入する方法 ６）ファイルの挿入 ＰＤＦファイルデーターを画面上に貼り付ける方法 ７）ページ内リンクと他ページとのリンク設定の方法 元のデー ＰＤＦファイ 作業フォル ファイル名に注意 半角英数 ページ上に 転送時ファ 同一ページ内 他ページＡ 他ページＢ ア イ サ カ Ｌ Ｋ Ｗ Ｚ ＰＤＦの活用 図－８ 表・ファイル・リンクの挿入５．ページ作成データーの転送とネット表示確認
作成が終わったページはネットで閲覧できるようにするため、サーバーの所定の場所にページデーターを転送します。 プレビューは、その転送作業の前に作成した内容が間違っていないかを点検するための機能です。 プレビューで「文字の重なり」「文字の欠け」「イメージの位置不具合」「リンクの動作確認」などを慎重に行ってください。 もちろんサーバーへ転送後もページ内容の更新は可能ですが、その更新完了までの間は不具合な画面を公開して いるわけですから速やかに訂正すべきです。５－１．サーバーへの転送作業手順
①作成したページを保 存先ホルダーを指定し まずは保存します ②保存の際のファイル 名は半角英数でＸＸＸＸＸ Ｘ.htmlです。 ③保存が終わったら転 送作業開始です。「サイ ト」の「ページ転送」です 「ページ／サイト転送」の設定画面が表示されます。（図－８） ここで重要なのは「ｅ」の転送先フォルダの指定です。これを間違えると更新結果が表示されないばかりか、間違 えて他のページフォルダを設定してしまうと、予期せぬページの書き換えになって問題となります。 慌てずに慎重に選定して下さい。参照ボタンを押すと現在サーバーに設定隅のフォルダーが表示されます。 転送先サーバー内のホルダーは予め用意してありますが、その他に新たにページを追加した場合などはこの段 階で新規にフォルダを作成し、そのホルダを「転送先フォルダ」に指定します。ｅ 図－９ ページのサーバーへの転送設定 ④保存先指定が終わっ たら「すべて選択」します ⑤次に「転送」ボタンで す。これでサーバーへ 転送されます。 ⑥転送が終わった後は 必ずネット上で開いて確 認して下さい。
５－２．作成・更新したページの確認作業
サーバーへ転送する前に「プレビュー」で確認しますが、その後サーバーへ転送した後も再度実際にネット 上で確認して下さい。 もしネット上での表示に不都合が発見された場合は速やかに更新して下さい。 ページの作成・更新作業実施 プレビュー ＯＫ？ ＮＧ ＹＥＳ サーバーへの転送実行 ネット上で確認 画面表示確認の前に表 示の最新化操作を忘れ ＯＫ？ ＮＧ ＳＴＡＲＴ
６．サーバーＤＢ（データーベース）の確認
運用中のホームページの全データーをサーバーでいつでも確認できます。 そのためのツールがＦＦＦＴＰです。 ＦＦＦＴＰは既に設定済みですから開くと「ホスト一覧」画面が表示されます。ここでは３－③で設定したホスト名を選択し 「接続」を選択すると、以下のような画面が表示されます。画面の右側がサーバーに現在有るデーターで、左側は自分 のＰＣのＦＴＰホルダーの内容です。 図－１１ ＦＦＦＴＰの画面例 Ｃ￥ＦＴＰ￥ＴＯＰ連携操作というのは、サーバーにある最新データーをクライアントＰＣにダウンロードして、更新作業を行ったり、バックアップとして 保存したり、逆にクライアント側からサーバーの特定ホルダーヘ新たなデーター（ファイル）をアップロードして、Ｗｅｂ画面へ反映さ せたりするの際に必要となります。 また「フォルダ作成」タブを使うと、サーバー内の指定の場所に新たなフォルダを作り込むことができます。これは、新たなページを 作成する場合に利用します。 「削除」機能で、サーバー内で不要になったファイルを直接削除することが出来ますが、これは表示していたものが消えますので慎 重に行ってください。 いずれにしてもサーバーの容量は契約時点で決められた有限の範疇です。 やたらと無駄なデーターを置きっ放しは避けるべきで 時々大掃除も行います。
７．サーバーとクライアント間のデーター連携操作
８．サーバー管理の基礎 （システム全体の管理者用）
前にも述べましたが、ホームページを展開する場合に利用するサーバーは容量に限界があります。（Ｍａｘ１０ＧＢ） 今回はＦＣ２というＷｅｂサービス会社との契約ですので、そのサーバーが現在全体に対してどれくらい利用済なのかをチェックする 方法を以下に解説します。 全体の管理を担当する人は時々この確認をしたり、また万が一の備えとして、データーのバックアップ を実施するなどが必要です。 バックアップ作業はＦＦＦＴＰで実行します。 １）まず最初にＦＣ２のホームページを開きます。 ２）次に最初にＦＣ２ユーザー登録時に使用したメールアドレス と登録時に設定したパスワードを入力します。 ３）ログインします。 ４）ＦＣ２管理画面をクリック ５）ＦＴＰ設定を選択 ６）図－１６の下の方に「ディスクの利用状況」が表示 されています。 目安としては利用率は５０％程度がいいでしょう。 図－１３ ＦＣ２へのＬＯＧＩＮ ＊＊＊＊＊＊＊＊＊＊＊＊＊＊ ＊＊＊＊＊＊＊＊＊＊＊＊＊＊sagami.oyamajichiren sagamiharaoyamajichiren.web.fc2.com
図－１６ ＦＣ２管理画面２ 10,737,374,300 （約１０．００ＧＢ） 【おわりに】 以上で第１回目のホームページ研修は終了です。 ホームページを実際に作って行くと、例えば写真集をスライドで表示したいとか、動画も載せてみたい、関係者間で自 由に意見交換ができる掲示板を設けたいなどなど、段々とやってみたいことが増えてくるものです。 マニュアルを読んで学習するのも可能ですが、解らなくなったり、知りたいテーマが出てきた場合は、臨時の勉強会も 計画しますので要望をだしてください。 とにかく一番大事なことは一つだけ、「始めたら、更新を続けること」止まっ
