「GitHub」というサービスを用いて無料で公開してみよう。
Webページを公開する流れ
- GitHubのアカウント作成
- リポジトリの作成
- HTML・CSSファイル・画像のアップロード
- ページの公開
- 公開したページの更新
GitHubのアカウント作成
GitHubでアカウントを作成し、ログインします。
GitHub · Change is constant. GitHub keeps you ahead.
Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build softwa...
github.com
リポジトリの作成
リポジトリとは、1つのWebページやアプリケーションなどをGitHub上で管理するためのプロジェクトのようなものです。
以下の画像を参考に、画面右上のプラスアイコン「+」をクリックし、「New repository」を選択します。
HTML・CSSファイル・画像のアップロード
index.htmlファイルを作成する！
＜code>タブをクリックします。
「Edit new file」の欄には、自分が書いたHTMLのコードをまるごとコピーして貼り付けてください。
<!DOCTYPE html>
<html>
<head>
<title>TEST</title>
<meta charset="UTF-8">
</head>
<body>
<h1>ウェブデザインを勉強しよう！</h1>
<p>まずはHTMLについて学びましょう</p>
</body>
</html>一番下の緑のボタンを押しましょう。
これでGitHub上にHTMLファイルを用意することができました。
画像のアップロードは下記になります。
ページの公開
「Source」の項目はデフォルトで「None」となっているので、「main」に変更し、
「Save」ボタンを押すことでURLが表示されます。
「Save」して5分ぐらいで公開されます。
コメント