初心者大歓迎!HTMLを使って一緒にHP作成してみませんか?


超初心者のための超かんたんHP作成講座・サルでもわかる?かんたんHTML

サルでもわかる?かんたんHTML トップページ  >>> #1.HTMLのキホン  >>> ロリポップのアップロード方法



      



ロリポップのアップロード方法



HP作成講座の先生  「それではいよいよ、アップロードしてみようかのぅ。
    ホームページがある程度できてから、
    まとめてアップロードしてもいいんじゃが、
    画像を表示するときにも必要になるのでな、ここで一通りやってみるぞぃ。
    今回は ロリポップ のアップロード方法じゃ。
    もんちきはFC2WEBを使うんじゃったな?」


HP作成超初心者  「はい。でもロリポップも最初の10日間が無料みたいなんで
    使い勝手を比べてみようと思って登録してみました。」


HP作成講座の先生  「ふむ。では アカウント・ドメイン・パスワード は手元にあるな?」


HP作成超初心者  「はい。」


HP作成講座の先生  「よしよし。ではまず ロリポップホームページ を開くと・・・。」



ロリポップホームページ



HP作成講座の先生  「この画面に変わったじゃろう?右上の ログイン をクリックじゃ。」



ロリポップログイン



HP作成講座の先生  「次に赤で囲った ロリポップFTP をクリック。
    そうすると下の画面が開いたじゃろぅ?」



ロリポップログイン



HP作成講座の先生  「ここに登録したアカウントとドメイン、パスワードを入力じゃ。
    できたら ログイン をクリック。」



ロリポップFTP



HP作成講座の先生  「すると、上の画面に変わったのぅ?
    ここに、アップロードしたファイルの名前が表示されるぞぃ。
    最初に index.html と表示されていると思うが
    今は気にせんでよいぞ。赤で囲った
    ファイルアップロード のアイコンをクリック。」



ファイル選択画面



HP作成講座の先生  「そうすると 参照 と書かれたボタンがいっぱい出てきたのぅ。
    一番上の参照ボタンをクリックじゃ。」



アップロードするファイルの選択画面



HP作成講座の先生  「すると上のような画面が開いたのぅ?
    ここから自分のアップロードしたいファイルを探して
    開く をクリックじゃ。」



index.html



HP作成講座の先生  「そうすると、さっきの参照ボタンの左の枠の中に
    ファイルの保存場所とファイルの名前が表示されるはずじゃ。
    このファイルでOKなら、画面下の 実行 をクリック。」



ブラウザで表示する



HP作成講座の先生  「この画面でアップロードしたファイルが表示されるんじゃが、
    index.html というファイルは最初からあったじゃろぅ?
    ファイルの名前の右側に、アップロードした日付や
    ファイルのサイズが表示されておるが
    これが最初と変わっておればアップロードできておるはずじゃ。
    ファイル名の左側のアイコンをクリックするとプレビューが見れるぞぃ。」



ブラウザで表示する



HP作成超初心者  「ホントだ。さっき作ったファイルが開きましたね。」


HP作成講座の先生  「うむ。上の赤で囲ったところが ホームページアドレス になるんじゃよ。」


HP作成超初心者  「なるほど。このアドレスをみんなに教えてあげればいいんですね!」


HP作成講座の先生  「うむ。じゃがちょっと待てぃ。
    アドレスはできるだけ短い方が覚えやすいと思わんか?」


HP作成超初心者  「そうですね。でも短くできるんですか?」


HP作成講座の先生  「そう、実はそのために、
    前回ファイルの名前を index.html にしたんじゃな。」


HP作成超初心者  「そういえば、アップロードする時に都合がいい、って言ってましたよね。」


HP作成講座の先生  「うむ。上でアップロードしたファイルのアドレスは

    http://saru-html.pupu.jp/index.html

    じゃな。青字が アカウント (ログインの時に使ったのぅ。)
    赤字が ファイルの名前 になっておる。
    ロリポップ で登録すると、こういう形のアドレスになるぞぃ。」


HP作成超初心者  「う〜ん、ちょっと長い感じがしますね。」


HP作成講座の先生  「そこで、ファイルの名前を index.html にしておくと

    http://saru-html.pupu.jp/

    だけで使えるようになるんじゃよ。」


HP作成超初心者  「index.html が省略できるんですね。」


HP作成講座の先生  「そう。このようにファイルの名前を indx.html とつけるのは
    HPの表紙にあたる トップページ だけでよいぞ。」


HP作成超初心者  「その他のページは、自分の好きな名前でつけていいんですか?」


HP作成講座の先生  「いいぞぃ。じゃがかならず 半角英数字 つけるようにな。」


HP作成超初心者  「は〜い。」


HP作成講座の先生  「FC2WEB はまた別のページで説明するぞぃ。」






↑ページのTOPへ


FC2WEBのアップロード方法
ログインするのに
メールアドレスとパスワードが必要じゃ。
あらかじめ登録しておいてくれぃ。



実際に作ってみよう
<<< 前のページへ戻る
見出しを指定する
次のページへ進む >>>


サルでもわかる?かんたんHTML トップページ  >>> #1.HTMLのキホン  >>> ロリポップのアップロード方法





Copyright (C) 2006
超初心者のための超かんたんHP作成講座
サルでもわかる?かんたんHTML