ホムペネットのことなら何でも答えてくれるWEBマスター。人一倍勉強する頑張り屋。

まぁ　大役ね　カーブ。私ができる限りサポートするから安心して。
ところで　具体的には　どんなホームページにしたいのかしら？

それなら　ホムペネットのサンプルで全て解決できるわ。一番自分好みのデザインを選択して　ダウンロードするだけよ。

そうね･･･。ゆくゆくカーブが勉強して　HTMLのことが分かるレベルになれば　もっと色んなことができるようになるけれど　取りあえず今　メルルさんが希望している機能を持ったホームページは1分もあればできるわ。

じゃあ　ホムペネットのトップページにアクセスして画面左上の【ログイン】ボタンを押してみて。ログイン画面が表示されるはずだからログインしてみてね。

それがサンプルの一覧よ。画像をクリックすると　実際のホームページが見られるわ。
ダウンロードしたいサンプルが決まったら【このデザインを選択】ボタンを押してね。

一番最初は【サイト全体】をダウンロードしてね。
今後はパーツとして　ページを追加できるようになる予定なの。その時にダウンロード先を指定する必要があるのよ。
そのまま【ダウンロード実行】ボタンを押せば　カーブのアカウントのサーバーエリア内に　サンプルのデータがコピーされるわ。

ねっ簡単でしょ？でも　このままではサンプルのままだから　メルルさんのサイトとしてメニューの文字や画像を変更しなくてはいけないわ。あと　携帯からアルバムの更新とかメール送信フォームの設定なども必要なの。でも　その設定をすればすぐに運営を始められるわ。

じゃ　カーブ。サイト内容を変更していきましょう。サイト内のメニューが表示されている付近に【★】マークのリンクがあると思うんだけど　それをクリックしてみて。

そうよ。入力項目はそれぞれ以下のようになっているわ。

メニュー表示･･･メニューボタン上の文字
ファイルパス･･･該当ページのファイルパス
headのtitle･･･ブラウザの上のブルーの部分に表示される文字
検索キーワード･･･該当ページを検索エンジンに通知する際のキーワード
ページタイトル･･･各ページの上部にタイトルとして表示する文字
フラッシュファイル名･･･各ページごとに表示するフラッシュのファイル名
ページのコメント･･･各ページタイトルの下部に表示されるコメント
タイトル下画像･･･コメントの下に表示される画像

下のイメージを見て　どの項目がどの位置に出力されるかを確かめてね。サンプルによって若干場所は異なるけれど　イメージはつかめると思うわ。

ええ　カーブ　それで大丈夫よ
分からないところは最初から入力されてるままにしておいてね
・・・・・・・・・・・　ん？

カーブ何をしてるの？

何もしてないって　分かるところ入力するんじゃぁ
・・・・・・・・・・？

ひょっとしてカーブ　分かるところがないんじゃ？

大丈夫よ　カーブ心配しなくって
失敗しちゃったら　また一からダウンロードすればいいんだから
・・・・・・・・････････････・・・・・・・・・・・・・・・。

分かったわ　カーブひとつひとつ一緒にやっていきましょう。

ほんと調子がいいんだから

じゃ　最初はメニュー表示のところの変更からね

メルルさんが必要なページの項目を入力してみて

ちょっちょっと待って　カーブ！
そこを変えちゃったら　ファイルパスとか　ほかの項目も全て変えなくっちゃ　いけなくなるわよ

状況ページ？

カーブ　それは　ＴＰＯ
時（time）と場所（place）と場合（occasion）のこと

そこにあるのはＴＯＰ　トップのこと
ホームページのトップページのことよ
headのtitleの項目のところにトップページって入力されてるでしょ

カーブ　それって
もう後はひとりでできるから　私は必要ないってこと

もう　仕方ないなぁ
ＰＨＯＴＯってところ遺跡写真に変えてみて
打ち変えたら修正ボタンをクリックするの忘れないでね

それじゃ　変更した内容が　本当のホームページに変更されているか確認してみましょ

ホームページの方のウィンドウをアクティブにして【更新】アイコンをクリックするか　Ｆ５キーを押してみて

大丈夫よ　カーブ
今　修正した　記事修正ウィンドウの一番上にあるＵＲＬ：の横にあるホームページのＵＲＬをクリックしてみて

次はファイルパスね

カーブ　何か言った

カーブ　おしい
ファイルは　まぁ　カーブが思っているとおりね
パスはＰＡＳＳじゃなくって　ＰＡＴＨ　道とかっていう意味で　要はファイルのある場所みたいなものよ
このパスには相対パスとか絶対パスとかいわれるものがあるの
今いる場所からの道を示すものが相対パス　道のはじめから示すものが絶対パスというふうに使い分けられているの
ここでは一番前に/(スラッシュ)が入っていないので相対パスってことね

いいところに気が付いたわね　カーブ
それには　ちゃんと理由があるの　アドレスはあくまでも住所　ある場所を示すっていうところは一緒だけど　パスの方は道っていう意味で　戻ったり進んだりできるの　たとえば[ ./ ]は今いる場所[ ../ ]は一つ前に戻るっていう意味があるの　詳しいことは　またカーブがもう少し慣れてきてから説明するわね

そうね
ファイルパスのところはカーブがファイルパスのことが理解できるようになるまで変更しないほうがいいわね

大丈夫よ　カーブ　ここはそんなに難しくはないわよ
headというのはＨＴＭＬ文のはじめに書くヘッダタグのこと　その中にtitleというタイトルタグを記入することが決められてるの
ただの決まりとして覚えておけばいいの　重要なことはこのタイトルタグに書いた文字がウィンドウの一番上のブルーの部分に白文字で表示されるってことと　YahooやＧｏｏｇｌｅ等の検索ロボットの検索基準のひとつになるってことかしら
検索基準のことは検索の上位にのるとかでＳＥＯ対策とかいわれてるけどそのことについてはまたの機会に説明するはね
ここではメニュー表示と同じように遺跡写真にしておけばいいんじゃないかしら
その下の検索キーワードってところもさっきの検索基準に関することだから今は空白にしておきましょ

そうね　カーブ
いいと思うわ
フラッシュファイル名のところは　メルルさんから遺跡の写真が送られてきたときに　いい写真を選んでフラッシュにした時に変更しましょ
ページのコメントは表題の下に表示できるコメントだから
【女性遺跡研究家のメルルが貴重な遺跡の写真をリアルタイムにお送りいたします】
なんてのはどうかしら

カーブ　修正ボタン忘れないでね！

じゃ　取りあえずカーブのサイトの遺跡写真のページにアクセスしてみて。
ページの下のほうに【★ Powered by Homepe.net ★】と表示されている箇所があると思うんだけど　その右側（後側）の★をクリックしてみて。

そこに　日付・タイトル・画像・内容　の入力項目があると思うわ。各項目に入力して追加すると　日記記事が更新されていくというわけなの。

写真画像の入力フィールドの横に【画像一覧】というボタンがあると思うの。それを押してみて。

カーブがホームページに載せたい写真画像は　今はカーブのパソコンの中にあるわよね？ホームページで表示される画像は　サーバーにあるファイルを表示しているの。だから　カーブのパソコンにある写真画像を　サーバーにコピーしなければならないの。
それをアップロードするっていうのよ。

そうよ。でも普通はデジカメで撮影したデータなどは（設定にもよるけど）印刷にも耐えられるように解像度というのを高くして保存されているの。そのままサーバーにコピーしてしまうと　他の人が見るときに時間がかかってしまうの。

普通は　フォトレタッチソフトというものを使って　画像を加工しなければならないの。要は解像度を小さくして保存しなおすのね。
でも　ホムペネットでは2MB以下の画像なら自動的に解像度を変えてアップロードできる自動サイズ変換機能がついているの。解像度を低くすれば　その分ファイルサイズも小さくなって　画像の表示に時間がかからなくなるのよ。

そうね。通常は横800縦600ピクセルくらいかしら。Windowsの場合デスクトップの解像度が最低これくらいの設定になっていると思うの。横800縦600ピクセル以下であれば　大抵のパソコンで普通に見てもらえると思うわ。

まず【参照】ボタンを押して　パソコン内にあるアップロードしたいファイルを選んでね。その後　自動サイズ変換機能を使いたい場合は【自動サイズ変換機能を有効にする】をチェックして解像度を指定して。最後に【アップロードする】ボタンを押せばアップロードが始まるわ。
下の図を見て手順を確認してね。

そうよ。アップロードした画像を記事に追加するには画像の下にある【選択】ボタンを押してね。【選択】ボタンを押すとウィンドウが閉じて記事入力欄の【画像一覧】ボタンの左横の入力フィールドに　画像ファイル名が表示されているはずよ。

まだまだ便利な機能がたくさんあるのよ。もっと覚えてマスターしてね。

あっ　メルルさん！今日はどうされたんですか？

メルルさん　ケータイはお持ちですか？

そのケータイは　写メールの送信はできますか？

じゃぁ　メルルさんが現場から遺跡の写真をケータイでメール送信するだけで　遺跡写真のページに記事を追加することができますよ

はい！あっという間ですよ　やってみましょうか
まず　ホムペネットトップページの左上のログインボタンから「ユーザー専用管理画面」へログインしてください

じゃ画面下に表示されているメニューの中から「メール追加変更」をクリックしてください。

携帯からメール送信で記事を追加する機能には　受信専用のメールアドレスが必要なんです。
普通のメールアドレスを使うと　そのアドレス宛に送信されたすべてのメールが記事として掲載されます。
カーブからのメールとかが　そのままサイトに掲載されちゃうと困るじゃないですか。

ページの下のほうに【★ Powered by Homepe.net ★】と表示されている箇所があると思うんですけど　その左側（前側）の★をクリックしてみて下さい

その中に「携帯からの投稿機能を有効にする」という項目があるのでチェックを付けてください。いくつか項目が表示されました？

まず　メールアドレスのところに　さっき作成した受信専用のメールアドレスを入力してください。

そうね。普通は掲示板や日記など　入力して内容を変更するためには　PerlやPHPなどのプログラム言語で記述された「CGI」といわれるプログラムをサーバーに設置する必要があるものね。
ホムペネットでは　それらのプログラムがサーバーに組み込まれているため　わざわざ設置する必要がないという意味なの。

大丈夫！HTMLが分かるなら　フュメは自分の思うとおりにプログラムを操作することができるわ。
だってホムペネットで使うのは　たった３つの独自タグだけですもの。これを覚えるだけで機能もデザインも自由に自分で作ることができるのよ。当然　今まで運営していたサイトも　ホムペネットでならこれらの機能を組み込むことができるの。

ホムペネットでは　あくまでプログラムを操作するHTMLを作成するのはフュメ自身なのだから　当然著作権表記はフュメの名前や　フュメのお店の名前を入れていいのよ。HTMLページを作成するように　一部に独自タグを記述するだけで　ブラウザ上で入力して更新する動的ページになると言うわけなの。

じゃあ　一つずつ順に作っていきましょう♪

じゃあ　トップページのHTMLファイルの中のお知らせを表示したい箇所に
と記述してサーバーにアップロードして　ブラウザでアクセスしてみて。

トップページに記述した<whiledata src='cnt' name='info' putmax='*' sort='cnt_serno,1'>タグが【コンテンツエディタ】と言うプログラムを動作させようとしている証拠だから安心して。取りあえずフュメのアカウントでログインしてみて。

とりあえずは何も変更しなくて初期値のままでいいわ。設定は後からでも変更することができるので　少しずつ覚えていきましょう。オンラインマニュアルに設定項目の説明が記載されているので　時間のあるときにでも読んでみてね。

基本設定ができたので　次はデータの入力作業よ。これからは　今からやる手順で入力していけばいいだけなの。よく覚えてね。
更新履歴の下に表示されている【管理】のリンクをクリックしてみて。

日付は今日の日付が入っていると思うから　内容のところに　フュメが書きたい更新メッセージを入力して【追加】ボタンを押してみて。

変更した内容を即座に確認したい場合は　別ウィンドウで開いているフュメのサイトのトップページのウィンドウをアクティブにして　【更新】アイコンをクリックするか　Ｆ５キーを押すと　確認できるわ。入力した項目が表示されたでしょ？<whiledata src='cnt'>〜</whiledata>の中に記述されているのは　HTMLタグだからフュメにも分かるでしょう？
この<whiledata src='cnt'>〜</whiledata>タグに囲まれた部分が　putmaxの値分繰り返し出力されるの。putmax='*'というのは　保存されているデータ全部って言う意味よ。