インターネット - 岳精流日本吟院三河岳精会

三河岳精会 HP 検討会資料
三河岳精会ホームページ編集・発信の仕組み
三河岳精会ホームページの作成・公開についての概要を説明します。
１．ネットワークの仕組
北摂情報学研究所
ソフト（QHM QD）
レンタルサーバー
（ロリポップ）
インターネット
ドメインネームサーバー
（ムームードメイン）
私のプロバイダー
（CATV Katch）
動画配信サイト
（YouTube）
私のパソコン
閲覧者のプロバイダー
（HP の作成・更新）
閲覧者のパソコン
（ブラウザ）
Web サイトの機能
北摂情報学研究所：ホームページを作成するソフト（Quick Homepage Maker, Quick Designgner）
を購入（ソフトは契約したレンタルサーバーに置かれる）
URL:http://qhmhakase.kosirou.net/
URL:http://www.hokuken.com/
Quick Homepage Maker の概要：http://www.1st-easy-hp.com/index.php?Order
1
三河岳精会 HP 検討会資料
レンタルサーバー：作成した三河岳精会ホームページのデータは全てここに保存される
URL:http://lolipop.jp/
2
三河岳精会 HP 検討会資料
ドメインネームサーバー：独自ドメイン（http://m-gakusei.com）を契約取得
ドメイン名
ドメインネームサーバーの役割
ドメイン  IP アドレス
【例】
ドメイン：m-gakusei.com
↓↑
IP 10 進数：210.188.220.134
(sv402.lolipop.jp)
↓↑
IP 2 進数：
URL:http://muumuu-domain.com/
1101 0010 1011 1100 1101 1100 1000 0110
(1ON
3
0OFF)
三河岳精会 HP 検討会資料
動画配信サイト：動画（三河岳精会ホームページのスライドショー）の転送先（登録のみ）
URL:http://www.youtube.com/?gl=JP&hl=ja
私のプロバイダー：私のパソコンが接続しているプロバイダー（www.katch.co.jp）
4
三河岳精会 HP 検討会資料
私のパソコン：三河岳精会ホームページの作成・更新を行う
閲覧者のプロバイダー：閲覧者の契約プロバイダー
閲覧者のパソコン：ホームページを見る人のパソコン
２．ホームページの作成
ホームページ作成ソフト（Quick Homepage Maker, Quick Designgner）を使用して作成します。
このソフトは、Wiki というシステム言語（Web ページ作成の次世代言語、Wikipedia で有名）
で開発されており、他のホームページ作成ソフトには無い特徴（メリット）があります。
特に、ホームページを見るブラウザから直接に作成・編集が出来、しかも複数の人のパソコン
から共同作業が出来ます。
（ユーザー認証が必要）さらに「検索エンジン対策」
（ホームページ
検索で常に上位に表示される）にも配慮されている。
Quick Homepage Maker は PukiWiki というシステム言語をベースに開発されています
URL:http://pukiwiki.sourceforge.jp/
マニュアルの例
新しいページを作るホームページを作成する上で欠かせない、新しいページを作る方法について解説します。
まずは、以下の動画を見て下さい。実際に操作している画面を見て、大まかな手順を把握してくださいね。
· 新規ページ作成【参考動画】
作り方は、
１．ホームページの編集画面を開く
２．ページ名の周りを、括弧で囲む（リンクを作る）
例：
[[ここにページ名]]
３．「ページの更新」をクリックする
４．入力した箇所に「？」が付くので、その「？」をクリック
5
三河岳精会 HP 検討会資料
５．また編集画面になるので、そこに作成したいページの内容を書いていく
６．最後に、「ページの更新」をクリックすると完了です。
作成したページの右上に、ページ名が表示されていますよね。
以上で、新しいページが作成できました。
三河岳精会ホームページをサンプルに、主な作成方法と完成画面を説明します。
画面構成
ロゴ
←ナビゲーター
メニュー
本文
←ナビゲーター２
6
三河岳精会 HP 検討会資料
本文の編集画面
←「書式」例
編集ツール
↑完成画面に戻る
一部に「書式」や「編集ツール」
（後述）を利用しますが、ほとんどワープロ感覚で作成するこ
とが出来ます。また“画像”や“音声”も簡単に取込むことが出来ます。
よく使う「書式」例
●文字を太字にする
“【詩吟とは？】”
太字にしたい文字の前後にダブルクォーテーション（“
操作：太字にしたい文字を選択し、「編集ツール」の
●文字の色を変更する
&color(blue){''先ずは吟詠をお聴き下さい''。};
”）を付ける
をクリックする
ここでは青色文字にする場合
&color(blue){
}; 変更したい文字の前後に、この書式を書く
操作：変更したい文字を選択し、「編集ツール」の
から選択色をクリック
7
三河岳精会 HP 検討会資料
●文章行の改行
一部に「書式」や「編集ツール」
（後述）を利用しますが、ほとんどワープロ感覚で作成す
ることが出来ます。
操作：下記のように改行したい文末に &br; を書き込む
一部に「書式」や「編集ツール」
（後述）を利用しますが、ほとんどワープロ感覚で作成す
ることが出来ます。
●表の作成
下記のように書込みます
書式：表の区切りに￨を付ける
￨>￨~実施予定日￨~行
事
名￨~実
施
場
所
名￨
￨~1 月￨~05 日（月）￨愛知県吟剣詩舞道総連盟「新春の集い」￨[[&color(purple){''名鉄ニューグ
ランドホテル''};>http://www.mapfan.com/index.cgi?MAP=E136.53.13.9N35.9.55.2&ZM=11]]￨
￨~￨~16 日（金）￨知立市文化協会「新年懇話会」￨[[&color(purple){''知立セントピアホテル''};
>http://www.mapfan.com/index.cgi?MAP=E137.2.43.4N35.0.16.2&ZM=11]]￨
￨~￨~18 日（&color(red){日};）￨三河岳精会「新春の集い」￨[[&color(purple){''西尾 A コープ桜
町店''};(3 階ホール)>http://www.mapfan.com/index.cgi?MAP=E137.3.53.2N34.52.39.9&ZM=11]]￨
● 画像の取込み
操作：(1)画像の取込み位置にカーソル（｜）を置き「編集ツール」の
をクリックする
(2)[ページの更新]で完成画面にすると、表示位置に(swfu[添付])が表示される
(3) (swfu[添付])をクリックすると
が表示されるので、[Browse]を開き画像を選択し[アップロード]を押す
8
三河岳精会 HP 検討会資料
● 音声ファイルの取込み
レンタルサーバーにアップロード（後述）した音声ファイルを取込みます
書式：#playlist(表示文字を書く){{ (pub/*******.mp3,表示文字を書く)}}
操作：(1) #playlist(
三河岳精会々長・深浦精正先生の吟詠をお聴きください){{
(pub/konanharu.mp3,｢江南の春｣（杜牧作）吟詠：深浦精正)}}
↑アップロードしたファイル名を書込む
リンクを張る
他のページまたは外部サイトに飛ぶように設定することを、
“リンクを張る”と言い次の様に
設定します
“西尾 A コープ桜町店”の案内地図(MapFan)を表示させます
書
式
：
[[
西
尾
A
コ
ー
プ
桜
町
店
>
http://www.mapfan.com/index.cgi?MAP=E137.3.53.2N34.52.39.9&ZM=11]]
外部リンク先の URL
編集の拡張機能
QD（Quick Designgner）を使用すると、ページの幅・デフォルト文字の大きさ・ナビの装飾
メニューの左右幅・背景色・見出しの装飾などを行うことが出来ます
9
三河岳精会 HP 検討会資料
アップロード
パソコンからレンタルサーバーに画像や音声ファイルなどを転送することをアップロ−ド
と言います
アップロ−ドするには転送専用の FTP ソフト（フリーソフト
ます
など）を使用し
アップロードボタン
レンタルサーバー
自分のパソコン
3.アクセス解析
ホームページを改善するためには、Web ページへのアクセス（訪問）状況を知る必要があり
ます
そのためには、アクセス解析ソフト（下記例：Google Analyticks）を利用すると、詳しい
訪問状況（毎日の訪問回数・どのページが良く見られているか・見ている時間・どこからア
クセスしているか・新規訪問者の割合など）が分かります下図はその一例です
訪問回数
よく見られているページ
10
三河岳精会 HP 検討会資料
利用されている検索エンジン
利用されているブラウザ
訪問者の比率
Firefox 
新規訪問者
Internet Explorer
再訪問者
11

Download Report