×

[PR]この広告は3ヶ月以上更新がないため表示されています。
ホームページを更新後24時間以内に表示されなくなります。

ホームページの作り方 >> ホームページ公開作業編 >> アップ作業の具体例

ホームページ公開作業編 03.アップ作業の具体例

NINJA TOOLSという無料でホームページのスペースを貸してもらえるサイトを例にして、
ホームページのアップまでの作業を見ていきましょう!

ホームページのアップ作業の具体例がわかります。

ホームページのアップロード 具体例(NINJA TOOLS)

ホームページをアップする具体的な作業を見ていきましょう。
「ホームページの作り方」はNINJA TOOLSでホームページのスペース(レンタルサーバー)を借りていますので、NINJA TOOLSを例にしていきたいと思います。
他のサイトでの作業も大体似た感じだと思います。NINJA TOOLSが一番優れているのかどうかは分かりませんが、私的には「良いんでないかい」と思っています。

1.ユーザー登録をしよう!

まずは、ユーザー登録をしなくては、話が始まりませんのでユーザー登録画面に行きましょう。 NINJA TOOLS のトップページ右上に「ログイン」というボタンがあるのでクリックして ログインページ に進みます。

ここで、「IDをお持ちでない方」新規ユーザー登録のボタンを押します。すると仮登録のページが出ますので、ご自分のメールアドレス、パスワード(英数字と. (ピリオド)、- (ハイフン)、_ (アンダーバー)を含む半角4〜16文字)を記入し利用規約の同意にチェックを入れて「この内容で送信する」ボタンを押します。

すると記載したメールアドレスに本登録用のURLがのった「NINJA TOOLS ユーザー登録のご案内」のメールがすぐに届きます。
メールに記載されている「本登録のURL」をクリックすると「新規ユーザー登録」画面が開きますので、生年月日、性別、職業、秘密の質問と答え(パスワードを忘れた時用)等をインプットして「確認画面へ」ボタンをクリックします。

ここでもう一度、内容を確認して「ユーザー登録をする」ボタンを押せば登録完了です。
ユーザー登録が出来てよかったですね。さて、次はホームページのスペースを借りましょう。

2.ホームページのスペースを借りよう!

ユーザー登録が出来たら先ほどのログインページからログインをしましょう。
登録をしたメールアドレスとパスワードを入力すると「管理ページ」に行くことができます。

「管理ページ」右側の「作成できるツール」」欄から「忍者ホームページ作成」をクリックすると必要事項をインプットする画面が出てきます。
各項目に沿って「ホームページ作成」をアップする際の例を見ていきましょう。

1.ツールの名前について
この項目と「ツールの説明」は他人が見ることはないので、自分が整理しやすいように名前をつければいいです。
このホームページの例では「ホームページ作成」としています。
2.ツールの説明について
この欄も自分しか見ることはないので、自分が分かれば何でもいいです。
このホームページの例では、このツールを作った日(「ホームページの作り方」を開設した年月日「08.02.28」)を記入しています。
3.アカウント・ドメイン選択について
アカウント・ドメイン名はブラウザのアドレス欄に表示されるあなたのホームページの住所というか表札みたいなものです。
「ホームページの作り方」のアドレスは「http://homepage.shichihuku.com/」ですが、このうち「homepage」の部分がアカウント名になります。
アカウント名は小文字の英数字で3〜16文字で自由に設定できます。(ハイフン、アンダーバー、ピリオド等の記号は使用できません。)「ホームページの作り方」はホームページの作り方を主題としたホームページなのでアカウント名を「homepage」としましたが、別に「abcd」でも「otoboke」でもかまわないのです。でもそのホームページの内容に沿った風にしておいた方が覚えやすいし、あまり変なアカウントだとそれを見た人がそのホームページを信用してくれないかもしれませんね。
次に「shichihuku.com」の部分をドメイン名といいます。ドメイン名は、約300種の中から選択する形になります。
色々なドメイン名の中からあなたのお気に入りのドメイン名が見つかるといいですね。
繰り返しになりますが、アカウント・ドメイン名は、あなたのホームページの表札みたいなものです。
じっくり楽しんで考えましょう。簡潔で覚えやすくしたほうがいいと思いますよ!

後は利用規約に同意して画像認証の入力をするとめでたくあなたのホームページのスペースが出来ます。
次はここにあなたのホームページをアップしましょう!

3.ホームページをアップロードしよう!

以上の作業が終わり「管理画面」に戻ると「現在レンタル中のツール一覧」に[ホームページ](あなたが作ったツールの名前)が出現しているはずです。
青字のあなたが作ったツールの名前(この例では、「ホームページ作成」)が書かれた部分をクリックするとそのホームページの管理画面にいけます。

そこで、「FTP情報・アップロード」のページを選択します。
そのページにFTPサーバアドレスやFTPユーザ名、FTPアクセスパスワード等の必要な情報が記載されているので、FFFTPを起動して必要事項を書きこんで、アップロードしてください。

ffftpを起動するとホスト一覧の小窓が開きます。ここで「新規ホスト」をクリック
ffftpホストの設定

上図が現れるので下記に要領で入力していきます。

ホストの設定名(T) ホスト一覧に表示される文字、自分が分かりやすいように自由にインプット
ホスト名(アドレス)(N) NINJA TOOLSの「FTPサーバアドレス(ホスト名・接続先のサーバー名) 」をインプット
ユーザー名(U) NINJA TOOLSの「FTPユーザ名(ユーザーID)」
パスワード/パスフレーズ(P) NINJA TOOLSの「FTPアクセスパスワード」をインプット
ローカルの初期フォルダ(L) あなたのホームページが置いてあるあなたのパソコンのフォルダを指定(右の...ボックスをクリックして指定できます。)
ホストの初期フォルダ(R) 空白(何も打ち込みません。)

これでffftpの初期設定が終わりました。
「OK」を押すと「ホストの設定」画面が消え「ホスト一覧」の小窓に今設定した項目が表示されていると思います。
大丈夫ですよね。
その項目を選択して「接続」ボタンを押すとあなたのパソコンのホームページが入っているフォルダが左に、サーバー側のあなたのホームページのスペースが右に表示され、小窓は消えます。

黄緑と赤の矢印が重なったマークをクリックするとレンタルサーバーにあなたのホームページが運ばれて(アップロードされて)いきます。
右と左の内容が同じになりましたね!

これでめでたくホームページのアップロードが完了です。やったね!

これで、あなたのホームページのアドレス(このホームページの場合はhttp://homepage.shichihuku.com/)をブラウザのアドレス欄に打ち込むとあなたのホームページが見ることが出来ます。
勿論あなたのパソコンからだけではなく、インターネットにつながっているどのパソコンからでもあなたのホームページを見ることが出来るようになったんです!

・・・さてここで、上手くあなたのホームページが見ることができないよぉ〜という方もいるかもしれませんね。
そんな時はNINJA TOOLSの ヘルプ画面 をよく読んでみましょう。
ここでは、ちょっと分かりにくい例について1つ載せておきます。

ffftp の右と左が同じであれば、アップ作業までは上手くいっているはずです。
それでも、あなたのホームページが画面に現れてくれない場合についての話です。

NINJA TOOLSでホームページのスペースを借りるとデフォルト(初期設定)で「index.html」が設置されています。
この「index.html」はあなたが作った「index.html」ではなく、NINJA TOOLSで作られた「index.html」なのです。
あなたのホームページをアップする時に、あなたが作った「index.html」が上手く上書きされず、デフォルトの「index.html」が残ってしまっている場合があるみたいです。
これではあなたのホームページが画面に映るわけないですよね。

この場合、デフォルトの「index.html」を削除してやる必要があります。
ffftpを作動させて「接続」しましょう。

右側の「index.html」を選択して「削除」ボタン(×マークのボタン)を押して下さい。これで、レンタルサーバーにあるデフォルトの「index.html」を削除することが出来ます。

ffftpでサーバーのフォルダやファイルを管理できます。

次に、先ほどあなたのホームページをアップロードした方法で、つまり黄緑と赤の上向き矢印が重なったマークをクリックするとOKです!

マグカップM ■トリさん■  ホワイト/ライトグレー

サイズ:約
 口径78o×高さ90o
重 量:約260g
全容量:約300t
材 質:陶器


<送料>
ゆうパック 一律500円
沖縄県1000円

 
別窓で開く便利な検索窓です。どうぞご利用下さい!
カスタム検索