Embed Size (px)
Citation preview
-１-
三河岳精会ホームページの編集方法 ｱｸｾｽ制限を設定したページに限り、閲覧しているブラウザから編集（変更・追加書込み）が出来ます。 その操作手順を説明します。 １．編集可能なページ
メニュー「行事予定」「イベント情報」「トピックス」「ギャラリー」（新設）のページに限り ユーザー認証の設定 ユーザー名：yachiwa パスワード：achiwa
２．編集操作手順 ２－１ユーザー認証
開いたページの右最下段の「QHM」文字をクリックする 下記の「QHM ユーザー認証」テキストボックスが表示されるので、入力してログインを押す
２－２ メニュー「行事予定」を選択してクリックする。
編集中のページを非表示にしたい場合には、そのページ先頭に下記書式を設定しておきます #secret(achiwa)
表示しようとすると下記メッセージが表示されます。
公開表示してもよければ、上記書式を削除します。
-２-
画面左上に編集用サブメニューが表示されるので「編集」をクリックする。
２－３ 「行事予定」の編集画面となる。
２－４ この画面上で編集作業を行います。 最右のスクロールバー（ ）で画面を上下に移動して、編集箇所にマウスポインターを置く ２－５ 画面最下段の「ページの更新」ボタンを押すと編集内容が保存され、作業が終了する。
３．編集作業
いろいろな書式（一般のプログラミングで云うコマンド・命令語に相当）を使って編集を行います。 ここでは「行事予定」の編集で使用する書式を説明します。 ３－１ 表組み 表を作成するには、「│」（Shift + ¥）を行頭で始め、行末を「│」で終ります。
改行すると 二行目になります。
-３-
下図の表が作成されました。
> 2 列目と連結する
~ セル（枠内）を塗りつぶす、または上下のセルを連結する
（ ）内を太字にする 一般的な「表組み」書式では下記のようになります。
複雑な表組みの場合は、Excel や Word で表を作成しスキャナーで取込み、画像として貼付けた方が 作業が効率的となります。
３－２ 文字に色を付ける
色を付けたい文字を選択する
最下段の「ツールボックス」（後述）から色を選択しクリックする
下記の書式が設定され、文字「あ」が赤色となる
手入力でも書式を設定できる 赤色：&color(red){あ}; 青色：&color(blue){あ}; 緑色：&color(green){あ}; 黄色：&color(orange){あ}; 紫色：&color(purple){あ};
-４-
３－３ カレンダーの入力
下記の書式を使います
【注意】| #calendar2(201302,off)|のように先頭にスペースがあると、正しく表示されません。
３－４ リンクを張る 「実施場所名」の文字をクリックすると、リンクした案内地図が表示できるようにします
リンクを張る書式は下記のように設定します
[[（リンクさせる文字）>リンク先の URL ]]
リンク先の URL は、mapFanWeb よりコピー&貼付けします ロゴマーク （これもリンク）をクリックし、実施場所住所を入力して絞込み
上記の書式「リンク先の URL」に貼付けします
URL を選択しコピーする
-５-
３－５ ルビ（ふりがな）を付ける
&ruby(ちりゅう){知立};市 知立ちりゅう
市-------------Internet Explorer1 表示
知立(ちりゅう)市—--Mozilla Firefox 表示
３－６ 改行する
下図のように表の行を複数行にしたい場合
改行したい位置に &br; を書く
３－７ 文字の位置を変える
３－８ 見出し（もくじ）を設定する 縦に長いページにはページ先頭に見出しを付けると、その項目に飛ぶことができるようにする。
下記の書式を書く
配 置 書 式 表 示
左寄せ LEFT：文字列 岳精流日本吟院 中央 CENTER：文字列 岳精流日本吟院 右寄せ RIGHT：: 文字列 岳精流日本吟院
見出し（もくじ）を
クリックする
-６-
３－９ 文字サイズの変更
&size(ピクセル単位の文字サイズ数値){文字列};
４．.ツールボックス 編集画面の最下段「ツールボックス」を利用すると、前述のいろいろな書式が簡単に設定できます。
それぞれのボタン上にマウスポインターを置くと、ボタン名が表示されます。 前述の説明に対応した書式に対応したボタンについて説明します。
表組み
文字色
白 抜き文字 New
カレンダー
-７-
リンク
改行
-８-
文字列配置
見出し（もくじ）
文字サイズ
５．画像処理
ここではパソコン内（マイピクチュアなど）の画像を取込み掲載する方法を説明します。
レンタルサーバーにアップロードして読み込む（ポップアップ等）方法は、別途説明します。
-９-
サンプルとして メニュー「三河岳精会の概要」の会長顔写真の貼付け方法を使いましょう。
５－１．画像の取込み 画像を取込みたい位置にマウスポインターを置き、ツールボックスの ボタンをクリック すると、書式が設定される。
ページの更新を行うと下図のようになるので、さらにクリックします。
参照をクリックして取込みたい画像ファイルを開き、アップロードボタンを押す
【注意】取込み画像サイズは 2,048KB を超えると、取込みが出来ません。
-１０-
参照をクリックして「マイピクチュア」等から画像ファイルを取込みますが、保存画像が多くなる
ので、専用のフォルダー（「QHM」、「三河岳精会 HP」など）を作成して保存することをお勧めしま
す。
５－２．画像の位置 サンプルのように画像を左に、文字を写真の右側に廻り込ませるには、書式を修正します。
&show(auto_GiIu7n.jpg,,画像の説明);
#show(auto_GiIu7n.jpg,around,left,深浦精正);
around,left を around,right とすると
５－３．画像の縮小 デジカメ等で撮影した写真はサイズが大きくて、そのままでは HP に掲載できませんので、 適当なサイズに縮小して表示します。
画像を縮小するには「画像縮小ツール」の利用等いろいろな方法がありますが、ここでは 書式設定で縮小してみましょう。
&show(auto_nuXwyh.jpg,,寒梅); <----------元の画像
&show(auto_nuXwyh.jpg,50%,寒梅); <-------50%に縮小する
800 px
400 px
-１１-
【参考】QHM には「画像縮小ツール」がありますが、もっと簡単なフリーソフトがありますので利用すると
便利です。
フリーソフト「縮小専用」の入手
「窓の杜」ライブラリ 画像映像音楽 レタッチ・加工 縮小専用
フリーソフト「縮小専用」の使用
クリックして起動
起動したら Help を開くと使い方の説明があります。
また 画像については予め画像編集専用ソフトを使って、編集（特に解像度・明るさ等）しておい
た方が作業が効率的になります。 これもフリーソフトがありますので紹介しておきます。
フリーソフト「JTrim」の入手
「窓の杜」ライブラリ 画像映像音楽 レタッチ・加工 JTrim
フリーソフト「JTrim」の使用 省略
-１２-
【参考】 画面サイズ 三河岳精会ホームページの画面サイズ（QHM 既定値よりかなり大きい）
ページの構成
1300 ピクセル
1130 170
-１３-
５－４．画像の説明 &show(auto_GiIu7n.jpg,,画像の説明);
#show(auto_GiIu7n.jpg,around,left,深浦精正);
画像の上にマウスポインターを置くと、画像の説明が表示される（設定しなくてもよい）
６．書式の組合せ いままで説明した書式、ほとんどのページを作成することができますが、さらにこれらの書式を組合せ
ることで利用範囲が拡がります。（書式の組合せ可否は、「ブロック要素」「インライン要素」の項目で別
途説明します。） 組合せ例：（メニュー「三河写真館」 東北吟行会） 「表組み」とサムネイル写真の「画像貼付け」を組合せたもの
深浦精正
-１４-
拡大表示（ポップアップ）の書式（&lightbox2(image/T01.JPG){（初日）政宗像前で記念撮影};）および 設定手順は、後述します。
７．アップロード 画像や音声ファイルをサーバーへアップロードし、ダウンロードして画像の拡大表示や音声（吟詠など） の再生を行ないます。
QHM やレンタルサーバーにもアップロード機能はありますが、ここでは FTP クライアントソフト （フリーソフト FFFTP）を使ってファイルをサーバーへ転送する方法を説明します。 ７－１．ファイル転送ソフトの導入 「窓の杜」ライブラリ 「インターネット・セキュリティ」 「サーバー・ネットワーク」
「FTP クライアント」 「窓の杜」ライブラリ 「FFFTP」
クリックで起動して下さい。
７－２．ホストの設定 これから契約中のレンタルサーバ（ロリポップ）と接続するための設定を行います。
新規ホスト(N)をクリックして下さい
上のサムネイル写真下の
説明文字をクリックする
と、写真が拡大表示（ポ
ップアップ）される。
-１５-
下図「ホストの設定」が開くので、タブ「基本」でアカウント情報の入力を行ない OK
各テキストボックスの入力内容は下記のとおりです。 ホストの設定名(T)：任意の名前（例：ロリポップ、Lolipop） ホスト名（アドレス）(N)：FTP サーバー ftp.dp50302267.lolipop.jp (FTP:暗号化されない)
users136.lolipop.jp (FTPS:暗号化されるので安心)
ユーザー名(U)：FTP ユーザー、FTP アカウント lolipop.jp-dp50302267 パスワード/パスフレーズ(P)：FTP パスワード kmj1st（ケイエムジェー いち エスティー） anonymous：空白（チェックマークは不要） ローカルの初期フォルダ(L)：任意（自分の PC のホームページデータのあるディレクトリ）
参考：D:三河岳精会 HP\Lolipop_Svr Upload\image
【注意】サーバーへアップロードするファイル（ファイル名はすべて半角英数字）は、 ローカル側に専用フォルダ（画像：\image、音声：\pub）を作成して、その下に保存して下さ。 ホストの初期フォルダ(R)：任意（サーバー側のディレクトリ） 参考：
ローカル側（自分の PC 側） サーバー側 最後にアクセスしたフォルダを次回フォルダとする(F)：任意（空白またはチェックマーク）
-１６-
入力結果
７－３．ホスト（レンタルサーバー・ロリポップ）へ接続
７－４．ファイルのアップロード（転送） ７－４－１．画像ファイル
ローカル側のファイル（下図例：abc123.jpg）を選択し、ホスト側フォルダを/image とした後 アップロード・ボタンを押す
アップロードが実行される
-１７-
ホスト側の/image フォルダ下にファイルが転送された
７－４－２．音声ファイル 画像ファイルと同様に、ローカル側のファイル（下図例：koinkunotazunu.mp3）を選択し、 ホスト側フォルダを/pub とした後 アップロード・ボタンを押す
音声ファイル形式には wave,wma,mp3・・・などがありますが、ファイル容量が小さくで 汎用的な mp3 形式でアップロードして下さい。 【参考】①エンコーダ（音声ファイル形式の変換）のフリーソフト（「午後のこーだ」wav mp3）
「窓の杜」ライブラリ 画像映像音楽 音楽 「午後のこーだ for Windows」
② 音楽 CD(例：吟詠 CD、伴奏 CD など)を WAVE ファイル形式に変換できる 「窓の杜」ライブラリ 画像映像音楽 音楽 「エンコーダ」-->「CD2WAV32」
③ 音声ファイル（WAVE ファイル形式）の編集（不要部分の削除、結合、音量調節など）
「窓の杜」ライブラリ 画像映像音楽 音楽 「サウンド編集」「SoundEngine」
-１８-
７－４－３．アップロードが上手く出来ない場合（アップロード・エラー） ホスト側（サーバー）の「FTP アクセス制限」に因る可能性がありますので、確認・設定変更
を行います。（他にも「ウィルスバスター」などのセキュルティソフトの影響も考えられます） 契約サーバー（ロリポップ）にアクセスし、「ログイン」「ユーザー専用ページ」を開きます。 ロリポップ UR : http://lolipop.jp/
上図のとおり入力してログイン 「WEB ツール」「FTP アクセス制限」を開く
-１９-
下図「FTP アクセス制限」ダイアログボックスで設定を行ないます。
【重要】現在の接続元 IP アドレスと一致させる 「メモ」欄は任意でよい
以上で設定は完了です、ログアウトし「ロリポップ」を終了します。 「FFFTP」を起動して接続を確認して下さい（ホスト側が表示されれば OK）
セキュルティソフトの影響が考えられる場合は、設定を完了するまで一時的にセキュルティソフ
トを「無効」にして下さい。
【注意】設定が完了したら、必ずセキュルティソフトを「有効」に戻して下さい。
一致させる
-２０-
８．ダウンロード サーバーにアップロードしたファイル（/image：画像 /pub：音声）を書式設定して、サイトに読込み
（ダウンロード）ます。 【注意】ダウンロード書式での「画像名」（半角英数字）は正確に(ホスト側ファイル名と同じ)
書いて下さい。 ８－１．画像ファイルの拡大表示（ポップアップ）
書式 ： &lightbox2(画像名){表示名};
表示例：&lightbox2(image/T01.JPG){政宗像前で記念撮影};
８－２．音声ファイルの再生（プレイリストの作成） 書式 ： #playlist(プレイリストのタイトル){{
(pub/ファイル名,ラベル名)
}} 表示例①：#playlist( 三河岳精会会長・深浦精正 先生の吟詠をお聴きください){{ (pub/koinkunotazunu.mp3,「胡隠君を尋ぬ」（作詞：高 啓 吟詠：三河岳精会会長・深浦精正） }}
【注意】ファイル名は正確に（ホスト側ファイル名と同じ）書いて下さい 表示例②：ファイルが複数の場合
#playlist( 模範吟詠を聴きましょう){{ (pub/nihonsanka.mp3,1.家元・横山岳精先生：｢日本讃歌｣（丘 灯至夫）) (pub/nihonaisu.mp3,2.宗家・横山精真先生：｢日本を愛す｣（丘 灯至夫）) (pub/seimei.mp3,3.三河岳精会々長・深浦精正先生：｢清明｣（杜牧）) (pub/kasugasankaiko.mp3,4.第 14 期少壮吟士・六郷岳精会々長・奥村精曄先生：｢春日山懐古｣（大槻磐渓）) (pub/syunya.mp3,5.元・少壮吟士・札幌岳精会々長・橋本精淙先生：｢春夜｣（蘇軾）) }} &br; &br;
【注意】プレイリストは一ページに一つのみしか設定出来ません。プレイリストがすべて表示されない場合
は、改行(&br;)で下部に余白行を設定します。
【注意】書式行を分割する 一行としない
余白を設定する
-２１-
９．動画ファイル ここでは動画サイト「YouTube」を利用した動画の掲載方法を説明します。 ９－１．「YouTube」アカウントの登録 Google アカウントを登録（無料）すれば、YouTube の他の多くのサービスにも利用できます。
キーワード「Google アカウント作成」または「Google アカウント登録」で Web サイトを開き入力。
各項目に入力します
-２２-
Google が登録時に個人情報をお尋ねする理由 Google アカウントを使用して、Gmail、YouTube、Google+ などのさまざまなサービスにアクセスできます。Google では登録時に個人情報の入力が求められます。これはどの Google サービスを使用した場合でもアカウントを安全に保ち、サービスを大いにご活用いただくためです。 名前: 名前はさまざまな Google のサービスで使用されます。たとえば、他のユーザーと共有したいコンテンツを作成したときに、名前がコンテンツと一緒に表示されます。 ユーザー名: ユーザー名は Google アカウントへのログインに使用され、新しい Gmail アドレスにも使用されます。ユーザー名には大文字と小文字の区別がなく、英数字とピリオドを使用できます。使用したいユーザー名を見つけるのが困難な場合は、表示される候補名を参考にしてください。 パスワード: 強力なパスワードを選択すると、アカウントを安全に保つことができます。パスワードの作成時には、次の点にご注意してください:
· 安全なパスワードを選択する。
· 他のサイトで同じパスワードを再使用しない。 · 推測されにくいパスワードにするため、パスワードの安全度を示すメーターを使用する。 · 8 文字以上のパスワードを使用する。
生年月日: 生年月日は年齢に応じた設定などを提供する際に使用されます。ユーザーの許可なく表示されることはありません。 性別: 性別は Google のメッセージの改良などに使用されます。たとえば、他のユーザーと画像を共有する場合に、「彼」や「彼女」という表記が使用されます。プロフィールを見たユーザーやこのようなメッセージを受信したユーザーには性別がわかります。性別はデフォルトでは公開されますが、Google アカウントをいったん作成すると公開対象を変更できます。[男性] や [女性] ではなく [その他] を指定した場合、または性別を非公開にした場合は、性別を区別しない表記が使用されます（例: 「田中さんが写真を共有しました。」）。 携帯端末: アカウントに携帯端末の電話番号を設定することは、アカウントを安全に保つための最も簡単で信頼できる方法の 1 つです。携帯端末は物理的に所有するものなので、パスワードを忘れた場合でも、Google ではアカウントへのアクセスを簡単に回復できる方法を提供できます。また、この電話番号はアカウントへの不審なアクセスを確認する際にも使用されます。このフィールドへの入力は省略できますが、携帯端末をお持ちの場合は設定することを強くおすすめします。 現在のメール アドレス: 現在のメール アドレスには別のメール アドレス（Google アカウントを登録する前に使用していたアドレスなど）を設定する必要があります。新しく Google アカウントを作成した場合は、このメール アドレスを指定することで、他のユーザーに自分を見つけてもらいやすくなる、アカウントのセキュリティ保護や再設定に役立つ、Google サービスからの通知を受け取る予備のアドレスを指定できるなど、便利な機能を使用できるようになります。このメール アドレスはアカウント設定画面から更新できます。 国/地域: このフィールドには、お住まいの国や地域を入力してください。 アカウントの作成後に、アカウント設定ページでこの情報の確認や編集を行うことができます（アカウントをいったん作成すると、このページでは生年月日を変更できませんのでご注意ください）。
パスワードを忘れても、Google からテキスト メッセージを送信できます。詳細
-２３-
９－２．動画ファイルのアップロード YouTube のログイン画面を開き「アップロード」をクリックする スライドショー等もファイル変換をしてアップロードできます。
【注意】YouTube がサポートしているファイル形式は、 Mpeg4 (YouTube の推奨ファイル形式) AVI (一般的なファイル形式) WMV (Windows Media Vido) FLV (Adobe Flash) 3GPP（携帯用） MOV (Mac 用) WebM
一度にアップロードできるファイルサイズは、2GB / 10 分以内 PowerPoint はサポートファイル形式ではないので、アップロード前に Converter（ファイル変
換ソフト）でファイル変換をして下さい。 【参考】PowerPoint ファイル形式(ppt) を Video ファイル形式（上記）の変換するソフト
Jetsoft P2S Converter （有料ソフト） Power Point to Converter （有料ソフト、無料版もあるが機能制限あり） Video ファイル形式を相互に変換できるソフト AVS Video Converter （無料ソフト） 以下 画面の指示にしたがい要件を入力する。
【参考】下記 URL はアップロードの仕方の動画ヘルプです、URL をコピーして http://サイトに 貼り付ければ簡単に開けます。
http://www.youtube.com/watch?feature=related&gl=JP&hl=ja&v=DOznMRUGHBw
登録したアカウント
-２４-
９－３．動画ファイルの読込み 掲載したい動画を開きます
開かれた動画の下部から、「共有」「埋め込みコード」をクリックし、右クリックで埋め込み コードをコピーして下さい 掲載するページの掲載箇所にマウスを置き をクリックする
下の書式が表示されるので（ここに HTML タグを挿入）箇所に、コピーしたコードを張り付ける
【注意】書式は必ず分割して書く
埋め込みコード
-２５-
このように張り付けて完了
１０．アクセス解析 発信しているホームページが、どのように閲覧されているかを確認・分析することにより、コンテンツ
（内容）を充実することが出来ます。 １０－１．ＱＨＭのアクセス分析 ごく簡単な分析（ページ毎に、毎日の訪問者数）しかできない。
１０－２．Ｇｏｏｇｌｅ Ａｎａｌｙｔｉｃｓによるアクセス分析
Google が無料提供している定番のアクセス解析ツールで詳細なアクセスデータが把握できる
![[哲意的沉思] 金岳霖](https://img.pdfslide.tips/doc/110x75/579057221a28ab900c9c1fa7/-579057221a28ab900c9c1fa7.jpg)
