Web開発学習ロードマップ 3-6 フォームの基本構造とinputタグの使い方
ここまでで、HTMLの構造やタグ、セマンティックHTMLについて学んできました。ここから先、Webページを「見るだけのもの」から「ユーザーが操作できるもの」 に変えるために必要なのがフォーム（form） です。・お問い合わせフォーム・ログイ...
Web開発学習ロードマップ 
Web開発学習ロードマップ 3-5 セマンティックHTMLとは？正しい構造を書く理由
HTMLでページを作れるようになると、次のような疑問が出てきます。・とりあえず div で囲っていけば動く・見た目は問題ないけど、これで正しいのか不安・なぜ header や footer を使う必要があるのかこの疑問に答えるのが、セマンテ...
Web開発学習ロードマップ 3-4 HTMLでよく使うタグ一覧と基本的な使い方
HTMLの基本構造や属性について理解したところで、次に必要になるのが 「実際によく使うタグを把握すること」 です。HTMLには多くのタグがありますが、日常的に使うものは限られています。・どのタグを使えばいいか分からない・divばかり使ってし...
Web開発学習ロードマップ 3-3 HTML属性とは？class・id・nameの違い
HTMLを学び始めると、タグと一緒に次のような言葉が出てきます。・class・id・name「何となく見たことはあるけど、何が違うのかよく分からない」という状態になりやすい部分です。しかし、この 属性の理解 は、CSS・JavaScript...
Web開発学習ロードマップ 3-2 HTMLの基本構造と必須タグを理解しよう
前の記事では、HTMLがWebページの構造を作るための言語であることを学びました。ここでは、実際にHTMLを書くために必要な基本構造と、必ず使うタグを整理していきます。この内容は、CSS・JavaScript・PHPすべての土台になります。...
Web開発学習ロードマップ 3-1 HTMLとは何か｜Webページの構造を作る言語
Webページを作るうえで、最初に学ぶべき言語が HTML です。CSSやJavaScript、PHPといった技術はすべて、HTMLを土台として成り立っています。・HTMLは何をするためのものなのか・なぜ最初にHTMLを学ぶ必要があるのか・C...
Web開発学習ロードマップ 2-7 ブラウザ開発者ツールの基本的な使い方
Web開発をしていると、次のような場面に必ず出会います。・CSSが思った通りに反映されない・HTMLは書いたはずなのに表示されない・JavaScriptが動いているか分からない・エラーが出ているのか判断できないこのようなときに使うのが、**...
Web開発学習ロードマップ 2-6 PHPが正しく動作しているか確認してみよう
ここまでで、・Macでは MAMP・Windowsでは XAMPPを使って、PHPの開発環境を構築してきました。ただ、環境構築で最も大切なのは「インストールできた」ことではなく「PHPが正しく動いている」ことを確認することです。この記事では...
Web開発学習ロードマップ 2-5 ドキュメントルートとURLの関係を理解する
MAMPを使ってPHP環境を構築し、 にアクセスできたとしても、・なぜこのURLで表示されるのか・ファイルはどこに置けばいいのか・フォルダを作るとURLはどう変わるのかこれが分からないまま進んでしまう人は非常に多いです。この「ドキュメントル...
Web開発学習ロードマップ 2-4 XAMPPとは？WindowsでのPHP開発環境構築手順
WindowsでPHPを学習しようとすると、最初に必要になるのが ローカル開発環境 です。HTMLやJavaScriptは、ファイルを直接ブラウザで開けば動作しますが、PHPは サーバー上で実行される言語 のため、そのままでは動きません。そ...