【初心者必見】コーディング作業で間違えやすい場所
コーディングを初めて作業する時に間違えやすいポイント
コーディングで間違えやすいポイントを紹介します。
ファイルの場所
通常のファイルの構成をご紹介

間違っているファイル構成

「htdocs」のフォルダからindex.htmlが飛び出ています。
これでは、相対パスの内容が変わります。
この構成になったせいで画像やスタイルシートが読み込めません。
よくこのフォルダ構成を間違ってしまう事が多くあります。
相対パス

階層が変われば、リンクの繋ぎ方が変わります。
一つ階層が変わればつなぎ方も変わります。

「../」でフォルダの階層を一個あげる事ができます。
リンクの繋ぎ方変わるので注意です。
CSSが適用される

タグ全てにあったってしまうので、意図しない部分に適用されてしまします。

まとめ
今からコーディングに関しての間違えやすい部分について随時追加させて頂きます。
興味ある方は是非ご覧ください。


納期を守るWebコーディング段取り術:効率と品質を両立する方法
11月 13, 2025デザインデータを正しく読む!FigmaからCSSを設計する思考
11月 11, 2025ピクセルパーフェクトを超える:デザイン再現精度を上げるコツ
11月 9, 2025