無料でWebページ1枚を作る方法|初心者でも10分でできる超シンプル手順

Webページ作りは実はとても簡単。PCとブラウザだけで「1ページのサイト」を無料で作成する方法を、初心者向けにわかりやすく解説します。VSCode不要。コピペでOK。

目次

「Webページを作るには特別なアプリが必要?」 「プログラミング知識がないと無理?」 と思っている初心者はとても多いですが、実は PCとブラウザだけあれば、誰でも無料でWebページ1枚を作れます。

この記事では、最もカンタンな方法で “たった10分でWebページを1枚作る手順” を紹介します。 VSCodeなどの専門ツールも不要。コピペだけでOKです。

必要なものは「パソコン」と「ブラウザ」だけ

Webページを作るために必要なのは本当にこれだけ:

インストールは一切不要。 無料で今すぐ始められます。

1. デスクトップに「mypage」というフォルダを作る

まずはWebページの「家」になるフォルダを作ります。

これだけで準備完了です。

2. フォルダの中に「index.html」ファイルを作る

◆ ファイルの作り方(超初心者向け)

  1. フォルダを開く
  2. 右クリック → 「新規作成」 → 「テキストドキュメント」
  3. ファイル名を index.html に変更

index.html はWebページの入口になる特別な名前です。

3. メモ帳で開いて、下のコードをコピペする

index.html を右クリック → 「プログラムから開く」 → 「メモ帳」

中身を全部消して、以下をまるごと貼り付けます:

HTML
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>はじめてのWebページ</title>
  <style>
    body { font-family: sans-serif; padding: 20px; }
    h1 { color: #2b7bff; }
  </style>
</head>
<body>
  <h1>はじめてのWebページ</h1>
  <p>これは無料で作った、あなたの最初のWebページです。</p>
</body>
</html>

貼ったら保存(Ctrl + S)。

4. index.html をブラウザで開く

最後に:

すると…

あなたのWebページが完成して、ブラウザに表示されます!

これであなたは“Webページ制作者”になった

たったこれだけでWeb制作の最初の一歩はクリアです。 あとは好きに文字や色を変えたり、画像を追加するだけで、 あっという間に「自分だけのページ」が作れます。

Web制作は難しく見えて、実は 1枚のHTMLから始まるシンプルな世界です。

次のステップ(初心者向け)

1歩踏み出すだけで、Webの仕組みが楽しく理解できるようになります。

有料アプリの正体|実は“中身ほぼWebサイト”で作られているって知ってた?

多くの有料アプリは、実は中身がWebサイト(HTML・CSS・JS)の組み合わせ。WebViewの実態、アプリ化の仕組み、開発コストの裏側まで初心者にもわかりやすく解説します。

おじゃち

OJapp代表 WPプラグインPWAマーケティング・OnePage.OneApp.(1P1A)・ホーム画面名刺&SNSのPetal・その他OJappToolsなどを開発。PWA・ホーム画面・Safari挙動・軽量Web体験を中心に、実験しながらWebアプリを開発しています。

← 記事一覧へ戻る