ファイル・フォルダの作成から保存について

ブッ君

テキストエディタをインストールしたら、まずはhtmlファイルを作成して保存してみて！

マー君

うーん、名前はどうしようかなぁ？なんでもいいか！

ブッ君

ダメダメ！！ちょっとまって！

ファイル名やフォルダ名にはルールがあるよ。Webサイトはいくつものファイルや画像を使用するため、解りやすいようにまとめる必要があるんだ！

マー君

そうなんだ・・・適当じゃダメなんだね・・・。

ブッ君

ここで紹介するサイトをよく読んで、ファイルを作成・保存していってね！！

Webサイトのディレクトリ構造

Webサイトで使用するファイルや画像をフォルダを作成して、どのように保存していくかを学んでいこう。

ディレクトリ構造とは？WEBサイトのファイルはどうなっている？

初心者の方向けにwebサイトはどんなファイルでできているのか？というwebサイトの裏側のフォルダ構造について解説します。本記事を読むことで「フォルダ構造とは何か？」や「webサイトをつくるにはどんなファイルが必要になるの...

webliker.info

コーディング時のディレクトリ構造を図解で説明してくれている。

ファイルやフォルダ名の命名規則

ファイルやフォルダにつける名前にも使用できる文字や規則があるので注意しよう！

基礎4. ファイル名、フォルダ名のルール

WEBサイトで使うHTMLやCSSのファイル名とフォルダ名の付け方のルールを解説します。拡張子とは何か。機種依存文字とは何か。index.htmlとは何か。使える文字と使ってはいけない文字を説明します

web-manabu.com

ファイル名やフォルダ名にはルールがあるのでこちらで確認！

ファイルを保存時のエンコード指定について

ファイル保存時に指定するエンコードを確認しよう！

htmlのファイルをブラウザーで確認したら文字化け！修正する方法は？

htmlのファイルをテキストエディタで一生懸命作成し、ブラウザーで確認したら文字化けでみえない！修正する方法は？……文字化けしてしまう理由はいくつかあるのですが、一番多いのは「htmlに記述しているcharsetの値(=文字コード)」と「h

creating-homepage.com

htmlファイルを保存する際、エンコードを正しく指定しないと文字化けするよ！

パスの指定：絶対パスと相対パス

WEB開発なら必ず知っておきたい ディレクトリ、フォルダの違い、パスの理解を深めよう | アールエフェクト

WEB作成を行うにあたり、知っておかなければならい、ディレクト、フォルダのパスの説明を行っています。

reffect.co.jp

パス（URL）の指定方法

lab.agr.hokudai.ac.jp