🐕
エンジニア編: ウェブ入門（ファイルの扱い）
参考:
Mmdn web docs「ウェブ入門」
基本が大事。
a.ファイル保存場所
web-project的なフォルダを作成。この中に、test-siteみたいな別のフォルダも作成。
b.ファイルの名前
大文字（小文字で検索した時に出ない場合がある）や空白は使わない。アンダーバー（Google検索エンジンでは単語の区切りとしてみなされない）よりハイフン。
c.構成
1.index.html
ページ上で見るテキストと画像
2.images
サイトで使用するすべての画像
3.styles
テキストや背景の色などを定めるCSSコードが入るフォルダ。test-siteの中で作成。
4.scripts
サイトにインタラクション機能（クリックした時にデータを読み込むなど）を追加するためのフォルダ。JavaScriptコードが含まれる。test-siteの中で作成。
d.ファイルパスのルール
具体例:
test-siteのサブフォルダsfにあるindex.htmlから、test-site直下にあるmy-image.jpgを参照する時。
→ ../my-image.jpgと入力。（つまり../は「今いるフォルダの一個上のディレクトリの中」を表すのだろう）
Discussion