![見出し画像](https://assets.st-note.com/production/uploads/images/54579173/rectangle_large_type_2_653eddd14b9c0d647ffd326b978b7220.jpg?width=1200)
完全独学でゼロからwebサイトをつくるの巻#4【webサイトを考える】
こんにちは。
パンよりご飯派のふゆはるです。
前回#3ではサーバーとは、についてお話ししました。
#3はこちら
このページから見た方は、#1からマガジンにしてまとめていますので
ぜひ#1からどうぞ。
マガジンはこちら
それでは、サーバーはちょっと置いといて
webサイトの話をしていきましょう!
Webサイトとは
#1と#2で出てきたこの図覚えていますか?
![画像1](https://assets.st-note.com/production/uploads/images/54579710/picture_pc_5f60cb86e002b532710ddbb74e2bdd9d.jpg?width=1200)
よくみると、webサイトの中身が、
TOPページ(=ホームページ=webページ)を中心とした
Webページの集まりであるということがわかります。
Webページとは
webサイトを細かくみてみましょう!
![画像2](https://assets.st-note.com/production/uploads/images/54592537/picture_pc_5e9923f50e294b3230e18251fe664039.jpg?width=1200)
不思議ですよね。
みなさんがみている、美しく動いたり、みやすかったり
キラキラしている、どのwebサイトも
「ここはこう表示してね!」という指示の文章が書かれたファイル
の集まりなんですよ…
最初意味がわかりませんでした(笑)
最初はhtmlやcssを学ぶべき
ってことで、
・htmlファイル
・cssファイル
・javascriptファイル
・jpgファイル、pngファイル、pngファイル
の中でも、最初はhtmlやcssを学ぶべきです。
動きは難しいんでね…
もうひとつ補足すると、
「ほにゃらら.html」となっているのはhtmlファイル。
「css」となっているのはcssフォルダ、と呼びます。
![画像3](https://assets.st-note.com/production/uploads/images/54594844/picture_pc_d041a6e80f0e5929991ca3bc6fc1d0cc.jpg?width=1200)
そして、
フォルダに入れたフォルダの中にファイルがある場合、
大元の場所を第一階層
第一階層の中にあるフォルダがある場所を第二階層、
なんて呼んだりします。
![画像4](https://assets.st-note.com/production/uploads/images/54595553/picture_pc_712d57c9064f86d7cb35d0e21e0914a9.jpg?width=1200)
次回
#5「webサイトの作り方」
お楽しみに!
最後に
わたしのnoteを読んで
「何かできた」「成果がでた」「元気が出た」
などがありましたら
コメントで教えてもらえると糧になります。
スキ・フォローもしてもらえると嬉しいです!
最後まで読んで頂き、ありがとうございました!
それではまたどこかで。
![画像5](https://assets.st-note.com/production/uploads/images/54596328/picture_pc_ebdf2fd6a137d578ab779ca76d2bf036.jpg?width=1200)
この記事が参加している募集
サポートしていただいた売り上げは、全額を、次の作品制作のための画材を買ったりなどの制作資金とさせていただきます。いつもご覧いただき、ありがとうございます!