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