Webデザイン:オンラインリファレンス

ファイル・フォルダ名の付け方

使用できる文字

半角英数字と一部の記号.
  • 半角英字の小文字:a,b,c,…,x,y,z
  • 半角数字:0,1,2,…,8,9
  • 記号:「.」(ドット/ピリオド),「-」(ハイフン/マイナス),「_ 」(アンダースコア/下線)

日本語,スペース(半角,全角とも)は絶対に使用しない!
※大文字(A〜Z)はできるだけ使用しない.

拡張子

必ず,半角英字小文字で付ける.授業で使用するのは以下の通り.
  • HTMLファイル:「.html」
  • CSS(スタイルシート)ファイル:「.css」
  • 画像ファイル:「.jpg」「.png」などファイル形式に応じてつける

よい例

index.html/sapporo.html/style.css/famliy.jpg/scu001.png/first-time.html/my_dream.jpg などであり,できるだけ英字大文字は使用しないほうがよい.単語を2語以上続ける場合には,例にあるように「-」や「_」で接続する.

わるい例

  • 札幌.html/風景.jpg:日本語は絶対使用しない!
  • my dream.jpg/make miracle.html:半角(全角も)のスペースは見落としやすいので注意
  • love&peace.html/lucky!.html/###.jpg:規定以外の記号を使用している
  • aaa.html/1.png:ルール違反ではないが,内容がわかりにくいので避けた方がよい
  • a.b.c.html:これもルール違反ではないが,「.」はファイル名と拡張子の間に1回だけ使用するのがよい
↑インデックスに戻る←前の項目(003. HTML+CSSでのWebページデザイン)→次の項目(005. タグの書き方)