独学でもデキる メーカーズシード 初心者にやさしい

サーバーに公開してみよう

無料でレンタルサーバーを借りて、ホームページを公開してみましょう

サーバーに公開してみよう

前項では、HTMLファイルを作って、自分のPC内で表示まで行いました。
この段階では、HTMLファイルはあなたのPCの中にだけあり、他の人から見えません。

この章では、もう一歩進んで「プロフィール」を作成し、
無料で借りられるレンタルサーバーに公開します。

レンタルサーバーに掲載して、インターネットで見れるようなった状態になれば、
あなたのホームページができたことになります!頑張りましょう!

プロフィールページを作ろう

まずはHTMLファイルを作成しましょう。

テキストファイルを新規に作成し、ファイル名を「profile.html」に変更します。
ファイルを修正するので、選択した状態で右クリックして「編集(E)」をクリックしてください。

開きましたら、以下の内容をコピー&ペーストしてください。


また、新しいタグが出てきていますね。
tableは、表形式で文字を出力するためのタグです。
表形式は、見た目を整えたり、比べたりするために良く使うタグです。

profileは、カードっぽくしたかったのでtableタグで表形式にしました。
「ハンドルネーム」「好きな食べ物」「趣味」を記入してください。
この内容は、全世界に公開されることになるので、
いきなり「本名」ではなく、仮の名前を使うことをお勧めします。

編集が終わり、上書きして保存したら、ダブルクリックしてブラウザでちゃんと表示されることを確認してください。

レンタルサーバーとは

新しいタグを覚えていくことも楽しいですが、
この章では、いよいよインターネット上にファイルを公開するために、レンタルサーバーを借りたいと思います。

ホームページをインターネットに公開するために必要なことをすべて代わりにやってくれるのが「レンタルサーバー」です。

10日間無料で借りられる「ロリポップ!」へ登録するので「失敗しても大丈夫!」という気持ちで頑張りましょう!

レンタルサーバーの登録しよう

レンタルサーバーを借りる手順や、ファイルをアップロードする手順を「無料でレンタルサーバーを借りる」に画像付きで説明をまとめているので「無料でレンタルサーバーを借りる」をクリックして読み進めてください。

 
今見てるページは:サーバーに公開してみよう
はてブ Pocket Pinterest linkedin