ホームページ制作 20170531-1 1. ホームページ作成方法 P 1 FTP クライアントでのアップロード方法のご紹介 2. アクセスカウンタの設定の仕方 P 4
1. ホームページ作成方法 CCNet では お客様が作成したホームページを公開できるスペースを 150MB 分ご用意しております お客様がお作りになったホームページを公開するには FTP クライアントというソフトウェアを使って HTML ファイル ( ホームページを表示するときに用いられる HTML 言語で記述されたファイル ) や画像ファイル等のファイルを CCNet サーバーにアップロードしていただく必要があります HTML ファイルは 市販の入門書や説明サイトをご覧になってご自分で作成していただくか 市販の HTML エディタをご利用いただくことも可能です ファイルのアップロードについては FTP クライアントがフリーソフトで公開されていますので そちらをご利用いただくと便利です FTP クライアントは vector や 窓の杜 等の大手ダウンロードサイトで多数公開されています CGI のご利用についてカウンタをご用意しております 設置 設定方法については 詳細ページをご参照ください なお お客様が独自に作られた CGI プログラム等については セキュリティの関係上 ご利用いただけませんので あらかじめご了承ください * アクセスカウンタの設置 設定方法は 4ページを参照してください FTP クライアントでのアップロード方法のご紹介 ここでは FFFTP という FTP クライアントソフトを例に アップロード方法をご紹介いたします 設定に必要な情報 FTP クライアントの種類によっても若干の違いはありますが 入力に必要な最低限の事項は以下の通りとなって おります 種別アカウント名パスワードホームページサーバー名アップロードする HTML ファイルのあるパソコンのフォルダ名 詳細登録確認書に記載されています登録確認書に記載されています登録確認書に記載されています www.ma.ccnw.ne.jp www.mb.ccnw.ne.jp www.mc.ccnw.ne.jp www.md.ccnw.ne.jp www.me.ccnw.ne.jp www.mf.ccnw.ne.jp www.ccnet.ne.jp www.ccnet-ai.ne.jp www.ccnetmie.ne.jp のいずれかになりますお客様側で任意に指定可能ですが 便宜上 CCNet 側のフォルダに合わせて public_html にした方が容易に管理できます( 図 1 参照 ) お客様のファイルをアップロード するサーバー側のフォルダ名 CCNet の場合は public_html( 図 2 参照 ) - 1 -
アップロードする HTML ファイルのあるパソコンのフォルダここでは ローカルディスク (C:) の配下に www フォルダを作成し その配下に public_html フォルダを作成しています public_html フォルダ内の index.html ファイルが http://www.ma.ccnw.ne.jp/ /index.html にアクセスしたときに表示されます フォルダ名はお客様側で任意に指定可能ですが 便宜上 CCNet 側のフォルダに合わせて public_html にした方が容易に管理できます アップロードする HTML ファイルのあるパソコンのフォルダ FFFTP という Windows 用のフリーソフトを例に FTP クライアントのホストの設定を行います それぞれ 該当する項目に入力してください - 2 -
FTP クライアントの操作画面 上記の通り設定しますと サーバーに接続したとき 左の状態になります アップロードしたいファイルを選択して アップロードボタンをクリックすると サーバーにホームページデータをアップロードできます <ご注意ください> 上記以外の項目は任意に設定していただいても結構です 詳しくは 各ソフトの操作説明をご参照ください お客様のホームページは http://www.m.ccnw.ne.jp/xxxxxxxx/("xxxxxxxx" はお客様のアカウント名 ) となります トップページは必ず index.html に設定してください( サブディレクトリを置く場合も 必ず index.html を各ディレクトリのトップに置いてください) FTP サーバへ接続してホームページデータをアップロードするには CCNet のインターネット回線から接続してください 他社インターネット回線からは CCNet の FTP サーバへ接続できません - 3 -
2. アクセスカウンタの設定の仕方 カウンタは 訪問者の数を数えてホームページ上に表示します さまざまなタイプをご用意しておりますので ぜひご活用ください 設置方法 カウンタを表示したいページ ( 通常はトップページ ) の html ファイル (public_html/index.html) のカウンタを 表示したい場所に 以下のエレメントを挿入します A 部分は 変更することでデザインをご選択いただけます < 選択できるデザイン > タイプ名 イメージ A B C D E cd cdd cdr < 詳細設定方法 > 上記で挿入したエレメントを 以下のように変更します 1 設定パラメータを指定します ( 複数のパラメータを指定する際は " "( 半角パイプ ) で区切ります ) 2 カウンタ全体の横幅のサイズを指定します 3 カウンタ全体の高さのサイズを指定します 4 画像の代替テキストを指定します - 4 -
<1 で設定できるパラメータ> 1のパラメータ初期値指定内容エレメントと表示イメージ例 ft 4 カウンタの周りのフレー <IMG SRC="/cgi-bin/Count.cgi?dd=A ft=2" ムサイズを指定します WIDTH="94" HEIGHT="24" ALT="Counter"> 3D 表示にする場合は 4 以上 を指定してくだ <IMG SRC="/cgi-bin/Count.cgi?dd=A ft=8" さい WIDTH="106" HEIGHT="36" ALT="Counter"> frgb RRGGBB/ 色名 658bd8 カウンタの周りのフレームの色を指定します 6 桁の 16 進数または <IMG SRC="/cgi-bin/Count.cgi?dd=A frgb=ff0000" WIDTH="100" HEIGHT="30" ALT="Counter"> 色名を指定してくださ い <IMG SRC="/cgi-bin/Count.cgi?dd=A frgb=blue" WIDTH="100" HEIGHT="30" ALT="Counter"> md 6 表示させる桁数を指定します 指定より大きな <IMG SRC="/cgi-bin/Count.cgi?dd=A md=9" WIDTH="145" HEIGHT="30" ALT="Counter"> 5~80 桁数になった場合は カウンタの数字の桁数にあわせて表示されます <IMG SRC="/cgi-bin/Count.cgi?dd=A md=5" WIDTH="100" HEIGHT="30" ALT="Counter"> pad T 0 表示の際の桁数調整の有無を指定します <IMG SRC="/cgi-bin/Count.cgi?dd=A pad=f" WIDTH="25" HEIGHT="30" ALT="Counter"> T/F md F 数字をカンマで区切るか指定します カンマで <IMG SRC="/cgi-bin/Count.cgi?dd=A comma=f" WIDTH="25" HEIGHT="30" ALT="Counter"> 5~80 区切ると 0 表示の際 の桁数調整自動的に 有効になります アクセスカウンタには wwwcounter 2.6 を使用しています 更に詳しい内容が知りたい方は wwwcounter 2.6 (http://muquit.com/muquit/software/count/count2.6/count.html) のホームページを参照ください - 5 -
<ご注意ください> トップページへ戻るリンクを作成する場合 トップページファイル (index.html) まで指定せずに お客様のホームディレクトリ名を指定するようにしてください 正しいリンク指定をしないと カウンタ値が正常に動作しない場合があります 正しいリンク指定例 <A HREF="http://www.m.ccnw.ne.jp/*****/">http://www.m ccnw.ne.jp/*****/</a> 誤ったリンク指定例 <A HREF="http://www.m.ccnw.ne.jp/*****/index.html">http://www.m.ccnw.ne.jp/*****/index.html</A> m にはユーザ ID 情報通知書に書かれているサーバ名 (ma mb mc md me mf など ) を入力してください ***** にはホームディレクトリ名を入力してください なお 複数のカウンタを設定したい場合は 別のディレクトリを作成し 設定方法は カウンタを設置し たいページのページ名は index.html 以外にしてください - 6 -