すでにHTMLウェブページを書いていて、それがブラウザでレンダリングされているのを見ている場合は、webページを作成する方法を理解しています。 しかし、皆さんの中には、誰もがそれを見ることができるように、実際にそのページを公開するにはどうすればよいのか疑問に思っている人もいます。 この記事では、私は簡単なwebページを作成し、それをオンラインにします。
だから、あなたのコンピュータに保存されたHTMLファイルはあなただけが見ることができますが、誰もがそれにアクセスできる場所に保管する必要が そしてそのためのwebホスティングサービスを必要とする! ホスティングサービスは、あなたのファイルのためのいくつかのスペースを与えるサーバーやコンピュータを持っています。
あなたはウェブサイトの構築に新しい場合は、多くの無料ホスティングサービスのいずれかを試すことができます。 私は以前Infinity Freeを使用しました。 また、以下を使用することもできますcodepen.io 人々があなたのページとその背後にあるコードを同じウィンドウで見ることができる場所。 Github Pagesは静的なwebページをホストするのにも適しています。 私はWordPressのような他のプラグインやCMSについてここで話しているのではなく、あなたによってコード化された静的サイトです。
1. 無料ホスティングサービス
ここでは、最初のオプション、無料ホスティングサービスを使用する場合、webページを公開する方法を説明します。 最初にホスティングサービスにサインアップし、あなたのウェブサイトのドメイン名を選択する必要があります。 ファイルをアップロードするには、次の2つのオプションがあります:
- まず、ファイルマネージャに直接移動し、ファイルをアップロードしてインデックスとして名前を変更します。html。
- アップロードできる別の方法は、FileZillaなどのFTPクライアントをダウンロードし、ホスト名、ユーザー名、パスワード、ポート番号などのサイトの詳細を入力してサーバーに接続することです。 これらの詳細はすべてあなたのアカウントで利用できます。 サーバーに接続すると、ファイルインデックスをアップロードできます。html。
これらの方法のいずれかを使用してファイルをアップロードすることができ、ウェブサイトを開くと同じインデックスに誘導されます。htmlファイル。 したがって、ウェブサイトのアドレスを入力すると、インデックスに誘導されます。htmlファイル。 あなたは今、インターネット上であなたのwebページを公開しており、誰もがそれがリンクを提供見ることができます。 さらにHTMLファイルや画像を追加して、そのリンクをインデックスに追加できます。htmlページ。 これらのファイルはすべてサーバーに保存され、誰でもアクセスできます。
ほとんどの場合、webページに入力した画像のURLは、いくつかの期間後に期限切れになります。 これらの画像をダウンロードしてアップロードし、その画像の名前をsrc属性に正確に記述する方が良いでしょう。Htmlコード
<h1>Ludwig van Beethoven</h1><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSuYHPyPZYfRRAc40TnVVXl3yZ51Q_0v4dvUzXIjVssV0shgH2N" alt="BEETHOVEN"><h2> <a href="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3">fur elise </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3" controls></audio><h2> <a href="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3">moonlight sonata movement 1 </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3" controls></audio>
css
body { background-color: #000; color: #FFF; text-align: center;}a { color: #FFF; text-decoration: none;}a:hover { font-size:20px; color:red;}
無料のホスティングサービスには1つの問題があります。 これらのホスティングサービスの最悪の部分は、ユーザーがあなたのウェブサイトを訪問すると、安全ではないという警告が表示され、このサイトに機密情報を追加すべきではないということです。 その非常に悪い印象。 だから、ちょうどその完了方法を確認するためにいくつかのページを公開することができ、その後、他の有料ホスティングサービスを使用することができます。
次は、GitHub Pagesを使用してwebページを公開する方法を見ていきます。 これは前に説明したように動作しますが、最初にGitHubの使い方を知る必要があります。
2. Github Pages
まず、GitHubでアカウントを作成する必要があります。 次に、新しいリポジトリを作成し、名前を付けます：（username）。github.ioを公開し、公開します。 これでインデックスをアップロードできます。htmlファイルはこちら。 （ユーザー名）を入力した場合。github.io お使いのブラウザでは、あなたのwebページが表示されます。 これで、ファイルや画像を追加してインデックスにリンクすることができます。htmlページ。
だから、あなたはGitHubに精通している場合は、あなたの最初のウェブサイトを公開するための最良の方法の一つ。