FTP アップロード＆ホームページ作成＆テンプレート一覧
１.FTP 設定
作ったサイトをウェブ上へアップロードする手順をこれから FTP 設定の説明も合わせて解説していきます。 サイトをアップロードする作業は理解するまでは、 少し分かりづらい部分もあるかもしれません。 今からご説明させて頂きますが、ご不明な点がありましたら、 サポートまでご連絡ください。 ※ アップロード FTP ソフトを使って、取得したサーバーへ接続し、パソコンに保存されている サイトの情報をインターネットを使ってサーバーに送信する事を言います。 アップロードすることによって、インターネット上へサイトを公開できます。 ①サーバーを取得 作ったサイトをネット上にアップロードするには、サーバーを借りて ドメインを取得する必要がありますので、まずサーバースペースを借ります。 ※今回は説明のためにＦＣ２ホームページ（無料）を利用します。 ＦＣ２ホームページ（無料） http://web.fc2.com/ 上記ＵＲＬのＦＣ２ホームページより申込みをして、登録を完了させます。 ウェブサイトのアドレスなどを自分で決めて設定することができます。この URL を取得しました。⇒ http://af123.web.fc2.com/ ドメインはこちらです→ af123.web.fc2.com ②FFFTP 設定 それでは次に、アップロードに必要な FTP ソフトをダウンロードします。 FFFTP （無料） http://www.forest.impress.co.jp/lib/inet/servernt/ftp/ffftp.html 記入項目は、下記画面の情報と同じものになります。 取得したサーバーの FTP 情報を FFFTP に設定します。 FFFTP を起動させて、「新規ホスト（Ｎ）」をクリックし下記の小窓を 表示させて、FTP 情報を記入していきます。
③ホストの設定名（Ｔ） こちらはサーバー情報とは関係ないので自分で管理しやすい、 分かりやすい名前にして下さい。 ※日本語でも構いません。 ④ホスト名（アドレス）（Ｎ） FC2 で取得したホスト名です。（http://はつけない） URL がhttp://af123.web.fc2.com/の場合 ホスト名はaf123.web.fc2.comとなります。 ⑤ユーザー名（Ｕ） → web.fc2.com の前についている名称です。 http://af123.web.fc2.com/なら、「af123」です。 ⑥パスワード/パスフレーズ（Ｐ） → アカウント情報で設定したパスワード ⑦ローカルの初期フォルダ → デスクトップを指定して構いません。 以上５項目を記入したら、「ＯＫ」ボタンをクリックして下さい。 ホスト一覧にホスト設定名で設定したホスト名が表示されていれば、 サーバー取得と FFFTP 設定は完了です。 ● 参考 FTP ツールでアップロードをする 【ＦＣ２公式ページ】 http://fc2hpmanual.blog95.fc2.com/blog-entry-45.html それでは早速、簡単にサイトを作ってみたいと思います。 まず商品ファイルの中にある「アフィリエイトテンプレート」を開きます。 その中から好きなデザインを選んでください。 「2colum_left」と「2colum_right」は、 サイドバーメニューが左にあるか右にあるかの違いです。
2colum_left
■ テンプレートデザイン一覧
・ デザイン１
ブルー
ブラウン
グリーン
デザイン２
ブルー
ブラック
グリーン
・ デザイン３
ブルー
ブラック
グリーン
・ デザイン４
ブルー
ブラウン
グリーン
デザイン５
ブルー
ブラウン
オレンジ それでは早速テンプレートを触ってみます。 ホームページを作成・編集するには、代表的なソフトに 「ホームページビルダー」があります。 ホームページビルダーは有料ですが、３０日間無料で使えます。 ホームページビルダー体験版 http://www-06.ibm.com/software/jp/internet/hpb/down/14/taiken.html ホームページビルダーを使う際は、最初に設定が必要です。 というのもホームページビルダーは勝手にタグを挿入しますので、 その設定を外さないと勝手にタグが挿入され、テンプレートが 崩れてしまう可能性があるためです。 また無駄なタグはＳＥＯの視点からも好ましくありません。
ホームページビルダーを開いて、上部メニューバーの 「ツール」→「オプション」を開いてください。
他に、テキストエディタでもホームページは編集できます。 TeraPad （無料で使えるテキストエディタです）
http://www.forest.impress.co.jp/lib/offc/document/txteditor/terapad.html TTT Editor for Windows
http://www.vector.co.jp/vpack/browse/pickup/pw4/pw004513.html ● その他参考 HTML エディタ比較 (フリーソフトウェア) http://homepage1.nifty.com/iberia/column_htmleditor.htm ここではホームページビルダーでテンプレートを編集していきます。 「design4」の「brown」の「2colum_left」を選択しました。 ホームページビルダーでテンプレートを開くとこのようになります。
改行を入れるには、<br />と記述します。
では実際に下記の「改行します。」と「ここまで。」の間に
<br />タグを入れて改行してみます。
<br />タグを入れるとこのように改行できました。
それが反映されてページ上でも改行が行われています。 ※ ホームページビルダーは、「Enter」キーを押すと自動で改行してくれます。 作るサイトのタイトルやサイト説明文、カテゴリ名やページ名などを 入力してサイトを作っていきます。 フッターやコピーライトも入力しましょう。 文字サイズを大きくしたり、色を変更する場合に、このようなタグを使います。 ■ 通常のＨＴＭＬタグ 改行 <br /> <b>太字</b> <u>アンダーライン</u>
<font color="#ff0000">赤</font>
<a href="http://●●.jp/">リンク同一ウィンドウ</a>
<a href="http://●●.jp/" target="_blank">リンク別ウィンドウ</a> その他のＨＴＭＬタグはこちらを参考にしてください。 ● タグ辞典サイト HTML タグリファレンス http://www.htmq.com/html/indexm.shtml HTML タグ辞典 http://heo.jp/tag/kowaza/index.html ■ アフィリエイトシークレットテンプレート専用タグ <span class="black16">文字１６サイズ</span> <span class="black18">文字１８サイズ</span> <span class="black_b18">太字１８サイズ</span> <span class="black14">黒</span> <span class="blue14">青</span> <span class="gray14">グレー</span> <span class="green14">緑</span> <span class="red14">赤</span> <span class="orange14">オレンジ</span>
<span class="lightblue14">水色</span> <span class="white14">白</span> <span class="yellow14">黄色</span> <span class="mark1">マーキー</span> これらのタグを使うとどのようになるかというと、 下記のようになります。 URL http://affiliate-secret.biz/login/sample/site1/ タイトルやサイト説明文、コンテンツを作ったら保存します。 今回、名前を「site1」として保存します。
それでは早速、作成したサイト（site1）を FFFTP でアップロードします。 アップロード後は、この様に表示されます。 取得したＵＲＬ（ドメイン）の中にある、「site1」というフォルダ、 となりますので、ＵＲＬの最後にスラッシュをつけて、サイトのＵＲＬは 下記のようになります。 取得した URL/フォルダ名/ http://af123.web.fc2.com/site1/ 更に、ＦＴＰ上でこの「site1」というフォルダをダブルクリックで フォルダの中身を開くと、下記の様になっています。
赤枠の部分（FTP 転送先 PATH）には 「/ site1」と出ていますね。 つまり、今表示しているのは、取得したＵＲＬのすぐ下の階層の 「site1」というフォルダの中（ディレクトリ＝階層）です。
更に、ここにもう１つ作成した「site2」というフォルダをアップすると、 このように表示されます。
上記サイトのＵＲＬは、取得したＵＲＬの中にある「site1」というフォルダの 中の「site2」となりますので、このようになります。 http://af123.web.fc2.com/site1/site2/ 「site2」のフォルダをダブルクリックすると、このように 「site2」のフォルダの中身が表示されます。 赤枠の部分には「/ site1 / site2」と出ています。 今表示しているのは、取得したＵＲＬのすぐ下の階層の「site1」というフォル ダの中の「site2」というディレクトリです。という意味になります。 この FTP の階層（ディレクトリ）と URL の関係はご理解頂けたでしょうか？ はじめは少し難しいかもしれませんが、サイトの住所、という感じです。 また今回はＦＣ２の無料サーバーを使って説明しましたが、 レンタルしたサーバー会社によって、アップロード先が違います。
各サーバーにヘルプやマニュアルが用意されていますので そちらをご覧ください。 それでも分からなければ、 サーバー運営側へ直接お問い合わせすることをおすすめします。 （数多くサーバーはありますので、すべてのサーバーを 把握しているわけではありません） エックスサーバーでは、 /取得したドメイン/public_html が通常のアップロード先です。 ※ ＦＣ２の例でいえば「/」に当たる場所が、エックスサーバーでは、 「/取得したドメイン/public_html」になるということです 例えば、取得したドメインが「armstest.com」なら、 アップロードする先は「/armstest.com/public_html」の中となります。 さくらインターネットでは、 /home/アカウント ID/www が通常のアップロード先になります。 例えば、取得したアカウントが「armstest」なら、 アップロードする先は「/home/armstest/www」の中となります。
作ったサイトを FTP ソフトで接続して、フォルダをアップロードすれば、 アップロードした先にウェブサイトが表示されます。
