ホームページ開設サービス

目次

    目次

      ホームページ開設

      エディオンネットのサーバー内にホームページを開設することができます。

      個人ホームページと商用ホームページをご用意しております。

      個人ホームページ開設サービス

      個人ホームページ開設サービスの新規受付は終了いたしました。

      なお、容量も大きく簡単に始めることができるエンジョイ!ブログをご用意しております。

      ホームページが個人的な内容の場合は、個人ホームページ開設サービスをご利用ください。

      • ※ 商用ホームページに該当しない内容

      商用ホームページ開設サービス

      商用ホームページ開設サービスの新規受付は終了いたしました。

      なお、容量も大きく簡単に始めることができるエンジョイ!ブログをご用意しております。


      ホームページの内容が下記に該当する場合は、商用ホームページ開設サービスをご利用ください。

      • 企業のホームページ
      • お店のホームページ
      • 商売をされるホームページ

      個人ホームページ開設サービス

      エディオンネットのサーバー内に個人ホームページを開設することができます。

      月額利用料金

      10MBまで無料

      手続き方法

      利用申し込み

      個人ホームページ開設サービスの新規受付は終了いたしました。

      なお、容量も大きく簡単に始めることができるエンジョイ!ブログをご用意しております。

      解約申し込み

      ホームページ からの解約手続きになります。

      ホームページ開設までの流れ

      1. ホームページの作成

        お客さまにてホームページをご用意ください。

      2. ファイル転送(FTP)

        エディオンネットのWebサーバーへ転送してください。

        ファイル転送(FTP)

        • ※エディオンネット以外のインターネット接続では、セキュリティ上の理由によりファイル転送はできません。
      3. 完成通知

        お申し込みフォームよりご連絡ください。 個人ホームページ会員一覧へ追加登録をいたします。

        • ※ご利用のパソコン、ブラウザ等が SHA-2 証明書に対応していない場合、もしくは SSL 3.0 が既定の暗号通信プロトコルに設定されている場合、お申し込みフォームはご利用いただけません。

      商用ホームページ開設サービス

      エディオンネットのサーバー内に商用ホームページを開設することができます。

      商用ホームページに該当する内容

      • 企業のホームページ
      • お店のホームページ
      • 商売をされるホームページ

      月額利用料金

      2,200円

      • ※新規申し込みの場合、お申し込み月は無料です。翌月分より料金がかかります。
      • ※月途中での解約については、日割り計算を行わず、1か月分請求させていただきます。
      • ※最低ご利用期間は1か月です。

      手続き方法

      ホームページ開設サービス(商用)規約

      利用申し込み

      商用ホームページ開設サービスの新規受付は終了いたしました。

      なお、容量も大きく簡単に始めることができるエンジョイ!ブログをご用意しております。

      解約申し込み

      ホームページからの解約手続きになります。

      ホームページ開設までの流れ

      1. ホームページの作成

        お客さまにてホームページをご用意ください。

      2. ファイル転送(FTP)

        エディオンネットのWebサーバーへ転送してください。

        ファイル転送(FTP)

        • ※エディオンネット以外のインターネット接続では、セキュリティ上の理由によりファイル転送はできません。
      3. 完成通知

        お申し込みフォームよりご連絡ください。 商用ホームページ会員一覧へ追加登録をいたします。

        • ※ ご利用のパソコン、ブラウザ等が SHA-2 証明書に対応していない場合、もしくは SSL 3.0 が既定の暗号通信プロトコルに設定されている場合、お申し込みフォームはご利用いただけません。

      DISK容量変更

      ホームページのDISK容量を変更いただけます。

      月額利用料金

      5MB追加ごとに 550円

      • ※新規申し込みの場合、お申し込み月は無料です。翌月分より料金がかかります。
      • ※月途中での解約については、日割り計算を行わず、1ヶ月分請求させていただきます。
      • ※DISK容量追加サービスの最低ご利用期間は1ヶ月です。

      手続き方法

      利用申し込み

      エディオンネットカスタマーセンター へご連絡ください。

      解約申し込み

      エディオンネットカスタマーセンター へご連絡ください。

      アクセスカウンターの設置方法

      • 詳しい内容を見る

        基本的なアクセスカウンター

        アクセスカウンターとは、お客さまのホームページのアクセス数をカウントして表示する機能です。

        テキストエディタ(メモ帳またはSimpleText)を開き、以下のようにHTMLタグを入力してHTML形式で保存してください。(本ページではindex.htmlとしております)
        sample には基本メールアドレスの@マークの左側を入れてください。

        <html>
        <head>
        <title>私のホームページです</title>
        </head>
        <body>
        ようこそ私のホームページへ<br>
        <img src="/cgi-bin/Count.cgi?df=sample"> <br>
        <a href="sample.html">エンジョイ君のページへジャンプ</a>
        </body>
        </html>

        転送前の表示

        index.htmlをサーバーに転送して、Webブラウザで確認してください。

        下記のようにアクセスカウンターが正しく表示されていればアクセスカウンターの設置は成功です。

        転送後の表示

        より高度なアクセスカウンター

        アクセスカウンターの記述のパラメーター(変数)を変更することによって色々な種類のアクセスカウンターを表示させることができます。

        アクセスカウンターのパラメーター

        df=データファイル

        システムに作成されるアクセス数を保存するファイルの指定パラメーターです。

        このオプションは必ず指定してください。

        種類 データファイル名
        通常の累積アクセスカウンター userid
        毎日午前0時にリセット(0に戻る)されるカウンター userid.daily
        毎月1日の毎日午前0時にリセット(0に戻る)されるカウンター userid.monthly

        基本メールアドレスの@マークの左側がsampleの場合、データファイル名はそれぞれ【sample】【sample.daily】【sample.monthly】となります。

        ft=X

        枠の太さの指定パラメーターです。単位はドットです。

        初期値 ft=6

        frgb=R;G;B

        枠の色の指定パラメーターです。10進数または16進数で指定します。

        初期値 frgb=100;139;216かfrgb=648bd8

        md=X

        最高桁数の指定パラメーターです。5~10桁の指定ができます。

        初期値 md=6

        pad=B

        上位桁0パディングのオン/オフを指定します。YあるいはNを指定します。padパラメータの指定がない場合、pad=Yとなります。

        • pad=N md=valueの指定がある場合:上位桁が0の場合表示しない
        • pad=Y md=valueの指定がない場合:上位桁が0の場合表示する

        dd=A

        文字のスタイルです。以下の A~I があります。

        初期値はdd=Aです。

        • スタイルA
        • スタイルB
        • スタイルC
        • スタイルD
        • スタイルE
        • スタイルF
        • スタイルG
        • スタイルH
        • スタイルI

        アクセスカウンター記述例

        sample には基本メールアドレスの@マークの左側を入力してください。

        アクセスカウンター例

        枠の太さ"3"、枠の色"薄いピンク"、桁数"6"、文字のスタイル"A"、データファイル"通常"

        <img src="/cgi-bin/Count.cgi?ft=3|frgb=255;150;255|md=6|dd=A|df=sample">

        アクセスカウンター例

        枠の太さ"3"、枠の色"ライム"、桁数"10"、文字のスタイル"B"、データファイル"通常"

        <img src="/cgi-bin/Count.cgi?ft=3|frgb=000;255;000|md=10|dd=B|df=sample">

        アクセスカウンター例

        枠の太さ"0"、桁数"5"、文字のスタイル"E"、データファイル"通常"

        <img src="/cgi-bin/Count.cgi?ft=0|md=5|dd=E|df=sample">

        アクセスカウンター例

        枠の太さ"2"、枠の色"マゼンダ"、桁数"6"、文字のスタイル"C"、データファイル"通常"

        <img src="/cgi-bin/Count.cgi?ft=2|frgb=255;000;255|md=6|dd=C|df=sample">

        アクセスカウンター例

        枠の太さ"3"、枠の色"シアン"、桁数"8"、文字のスタイル"F"、データファイル"通常"

        <img src="/cgi-bin/Count.cgi?ft=3|frgb=000;255;255|md=8|dd=F|df=sample">

      フォームメールの設置方法

      • 詳しい内容を見る

        基本的なフォームメール

        フォームメール(デコードメール)とは、お客さまのホームページ上からお客さまのメールアドレスにメールを送信することができる機能です。アンケートページなどに使用することができます。

        • この仕組みで配送されるメールの差出人欄は、お客さまのメールアドレス自身になります。
        • エディオンネット以外のメールアドレスにフォームメールを送ることはできません。
        <html>
        <head>
        <title> アンケートページ </title>
        </head>
        <body>
        <form method="POST" action="/cgi-bin/mail? sample@do3.enjoy.ne.jp ">
        <input type="hidden" name="subject" value="Comment Page">
        <input type="hidden" name="from-name" value="Comment Page Visitor">
        <input type="hidden" name="next-url" value=" http://ww4.enjoy.ne.jp/~sample/ ">
        こちらへコメントをどうぞ。(必須) <br>
        <textarea name="require:comment" rows="5" cols="60"></textarea><p>
        E-Mail Addressをお持ちのかたは、こちらへご記入下さい。 <br>
        <input type="text" name="email" size="60"><p>
        書き終わりましたら、送信のボタンを押して下さい。 <br>
        <input type="submit" value="送信">
        <input type="reset" value="内容をクリア">
        </form>
        </body>
        </html>

        Webブラウザで表示を確認すると以下のようになります。

        こちらへコメントをどうぞ(必須)

        E-Mail Addressをお持ちのかたは、こちらへご記入下さい。

        書き終わりましたら、送信のボタンを押して下さい。

        内容を入力し送信ボタンをクリックすると以下の内容のメールがお客さまのメールアドレスに送信されます。

        送信者:Comment Page Visitor 件名:Comment Page

        (subject) Comment Page
        (from-name) Comment Page Visitor
        (comment) とても良いホームページですね。
        (email) xxxxx@example.ne.jp

        パラメーターの設定

        <form method="POST" action=" /cgi-bin/mail? sample@do3.enjoy.ne.jp">
        • 赤字の部分は大文字と小文字が認識されますので正しく入力してください。
        • sample@do3.enjoy.ne.jpの部分はお客様のメールアドレスに変更してください。
        <input type="hidden" name="subject" value="Comment Page">
        • subjectは件名を意味します。Comment Pageの部分をお客様の好きな件名に修正してください。
        • 日本語は使用できません。必ず半角英数字にしてください。
        <input type="hidden" name="from-name" value=" Comment Page Visitor ">
        • from-nameは送信者を意味します。Comment Page Visitorの部分をお客様のお名前(ニックネーム等)に修正してください。
        • 日本語は使用できません。必ず半角英数字にしてください。
        <input type="hidden" name="next-url" value=" http://ww?.enjoy.ne.jp/~sample/ ">
        • next-urlは正しく送信された場合に表示されるページを指定します。
        • http://ww?.enjoy.ne.jp/~sample/の部分をお客様のページのURLに修正してください。
        • この行を省略した場合は以下のページが表示されます。
        www.enjoy.ne.jp Email Sent
        The following message has been sent.

        Reply-to: sample@do3.enjoy.ne.jp (Comment Page Visitor)
        From: sample@do3.enjoy.ne.jp (Comment Page Visitor)
        To: sample@do3.enjoy.ne.jp
        Subject: Comment Page
        (subject) Comment Page
        (from-name) Comment Page Visitor
        (comment) とても良いホームページですね。
        (email) xxxxx@example.ne.jp
        name=" require: comment"

        nameパラメータの前にrequire:をつけることによってその項目を入力必須項目にすることができます。

        より高度なフォームメール

        フォームのオブジェクトに『ラジオボタン』や『チェックボックス』『リストメニュー』を使用することによってより高度なフォームメール画面をつくることができます。

        <html>
        <head>
        <title>アンケートページ</title>
        </head>
        <body>
        <form method="POST" action="/cgi-bin/mail?deo-taro@do3.enjoy.ne.jp">
        <input type="hidden" name="subject" value="Comment Page">
        <input type="hidden" name="from-name" value="Comment Page Visitor">
        <input type="hidden" name="next-url" value="http://ww4.enjoy.ne.jp/~deo-taro/">
        <p>お名前:<input type="text" name="require:name" size="50"></p>
        <p>性別:
        <input type="radio"name="seibetsu"value="man">男、
        <input type="radio"name="seibetsu"value="woman">女</p>
        <p>E-Mail:<input type="text"name="require:email" size="50"></p>
        <p>ご職業:
        <select name="work">
        <option value="kaisyain">会社員</option>
        <option value="koumuin">公務員</option>
        <option value="jieigyou">自営業</option>
        <option value="syufu">主婦</option>
        <option value="musyoku">無職</option>
        <option value="gakusei">学生</option>
        <option value="other">その他</option>
        </select>
        </p>
        <p>コメント:<textarea name="textarea" cols="50" rows="5"></textarea></p>
        <p>
        <input type="submit" name="submit" value="送信する">
        <input type="reset" name="reset" value="リセット">
        </p>
        </form>
        </body>
        </html>

        Webブラウザで表示を確認すると以下のようになります。

        お名前:

        性別:男、

        E-Mail:

        ご職業:

        コメント:

        タグについて

        <input type= "text" name= "require:name" size= "50" >

        < input type ="text" ★>は1行の入力フォールドを作る基本タグです。

        ★部分には name ="フィールド名"、 size ="文字数"などが入ります。

        上記の例ではフィールド名にrequire:をつけて必須項目にしています。

        <input type= "radio" name= "seibetsu" value= "man" > 男、

        < input type ="radio" ★>は単独選択用の丸形ボタンを作るタグです。

        ★部分には name ="フィールド名"、 value ="サーバーへ送られる文字"、checkedなどが入ります。上記の例では、選択されていると"man"という情報がサーバーに送られます。

        checkedが入っているとデフォルトで選択された状態になります。

        その他の選択ボタンとして< input type ="checkbox" ★>があります。

        主に選択肢の複数選択時に使用されます。★部分は"radio"と同じです。

        <select name= "work" ><option value = "kaisyain" > 会社員 </option> ~ </select>

        <select name="★"><option value="☆">~</option>< /select>はプルダウン形式の選択欄を作るタグです。

        ★部分にはフィールド名が入ります。

        ☆部分にはサーバーへ送られる文字が入ります。

        ~部分にはプルダウンメニューに表示される文字が入ります。

        上記の例ではプルダウンメニューで会社員が選択されていると"kaisyain"という情報がサーバーに送られます。

        <textarea name="textarea"cols="50" rows="5"></textarea>

        <textarea name ="★" ☆>~</textarea>は複数行の入力フォールドを作るタグです。

        ★部分にはフィールド名が入ります。

        ☆部分には縦幅を表す属性rows="行数"、横幅を表す属性cols="文字数"が入ります。

        ~にはあらかじめテキストエリア内に表示される文字列が入ります。

        上記の例では縦幅5文字分・横幅50文字分の何も入っていないテキストエリアになります。

      記載の料金額は全て税込価格です。