![ブッ君](http://webookmark.net/wp-content/uploads/2021/03/6972A07B-9E1D-4B0A-8E55-2DC18C2FC432-150x150.png)
ブッ君
テキストエディタをインストールしたら、まずはhtmlファイルを作成して保存してみて!
![マー君](http://webookmark.net/wp-content/uploads/2021/03/D9A8D3D4-C551-430F-85BC-65871A31977C-150x150.png)
マー君
うーん、名前はどうしようかなぁ?なんでもいいか!
![ブッ君](http://webookmark.net/wp-content/uploads/2021/03/1CF71620-6DA8-4843-A104-D8287A2CF8B6-150x150.png)
ブッ君
ダメダメ!!ちょっとまって!
ファイル名やフォルダ名にはルールがあるよ。Webサイトはいくつものファイルや画像を使用するため、解りやすいようにまとめる必要があるんだ!
![マー君](http://webookmark.net/wp-content/uploads/2021/03/49B35121-971B-4826-8D9B-CF87C837DAB7-150x150.png)
マー君
そうなんだ・・・適当じゃダメなんだね・・・。
![ブッ君](http://webookmark.net/wp-content/uploads/2021/03/10AD4DE2-7F91-4524-98BE-E739C73333BF-150x150.png)
ブッ君
ここで紹介するサイトをよく読んで、ファイルを作成・保存していってね!!
Webサイトのディレクトリ構造
Webサイトで使用するファイルや画像をフォルダを作成して、どのように保存していくかを学んでいこう。
コーディング時のディレクトリ構造を図解で説明してくれている。
ファイルやフォルダ名の命名規則
ファイルやフォルダにつける名前にも使用できる文字や規則があるので注意しよう!
ファイル名やフォルダ名にはルールがあるのでこちらで確認!
ファイルを保存時のエンコード指定について
ファイル保存時に指定するエンコードを確認しよう!
htmlファイルを保存する際、エンコードを正しく指定しないと文字化けするよ!
コメント