Webサイトの作成手順

このサイトではWebサイトを初めて作成する方のための、必要となる知識や技術、作成手順、レンタルサーバーの選び方などを解説しています。
分かりやすいWebサイトの作成マニュアルとして、これからWebサイト作成のための勉強や実践を始める方の一助になれば幸いです。
またWebサイト作成に役立つ便利ツールもご用意していますので是非ご利用ください。

• 準備編

  • エディタの準備（VSC・Pulsar Edit・Netbeansの比較）
  • 開発・テスト環境の構築（VSCode + bash + Node.js + Apache）
  • 参考書籍（HTML、CSS、JavaScriptリファレンス）

• レンタルサーバーの導入

  • 【2026年版】人気6社のレンタルサーバを比較！おすすめ順にランキング
  • ドメインの取得（お名前.comでの取得とネームサーバー設定）

• HTML編

  • HTMLとは（マークアップ言語の構造とタグの要素と属性）
  • HTMLの基本構成（!DOCTYPE、html、head、body）
  • タイトルと見出し（title、h1～h6）の仕様と使い方
  • 主なブロックレベル要素（div、p、pre）の仕様と使い方
  • 主なインライン要素（span、strong、em、b）の仕様と使い方

  ...全14件の記事を見る

• HTML5編

  • HTML5とは
  • HTML5の基本構成
  • ヘッダー要素（header）の仕様と使い方
  • フッター要素（footer）の仕様と使い方
  • メイン要素（main）の仕様と使い方

  ...全11件の記事を見る

• CSS編

  • CSS（Cascading Style Sheets）とは
  • CSSの指定方法（style要素、style属性、class属性、id属性）
  • セレクタ（配下、直下、隣接、間接）と優先順位
  • 余白（margin、padding）プロパティの仕様と使い方
  • 幅と高さ（width、height）プロパティの仕様と使い方

  ...全11件の記事を見る

• レイアウト編

  • 1カラム、2カラム、3カラム構成の方法とサンプルコード
  • ヘッダーのフローティングの方法とサンプルコード
  • サイドバーのフローティングの方法とサンプルコード（JavaScript不要）

• スマホサイト編

  • レスポンシブデザイン化の方法（ビューポートとメディアクエリ）
  • AMP（Accelerated Mobile Pages）の基礎と導入方法

• データベース編

  • MySQLのインストールとrootユーザーのパスワード設定
  • MySQLでのデータベースとテーブルの作成
  • SQLの基本構文
  • MySQLの制約と自動インクリメント
  • SQLの副問合せとは

  ...全9件の記事を見る

• PHP編

  • PHP開発・デバッグ環境の構築
  • PHPの基礎知識とデータ型
  • PHPの演算子と文
  • PHPの関数とクラス、インターフェイス
  • PHPでのデータベースプログラミング

  ...全8件の記事を見る

• HTML Living Standard編

  • HTML Living Standard とは