【HTML入門】#13.絶対パスと相対パス
ฝัง
- เผยแพร่เมื่อ 15 ก.ย. 2024
- ------------------------------------------------------------------------------
【2018.08.16 訂正】
●訂正内容
9:04 〜 13:23 にモザイクを追加しました。
●理由
本来なら、「index.html」と表記するところを、
誤って「c.html」と表記していた為。
-------------------------------------------------------------------------------
本気で学ぶHTML入門講座13回目は、
リンク先や画像ファイルを指定する時に必要な、
絶対パスと相対パスについてです。
●公式サイトで見る
creatorquest.j...
■目次
・概要と目標 0:18
・絶対パス 1:17
・相対パス 2:44
- 同じ階層の相対パス 5:26
- 下の階層の相対パス 6:33
- 上の階層の相対パス 8:52
- 応用編の相対パス11:30
・練習問題 13:22
・解答 14:05
・まとめ 26:56
■絶対パス
絶対パスは、住所のようにインターネット上の
絶対的な場所を指定する方法。
具体的には、URLを指定する。
■相対パス
相対パスは、人に道を教えるように
今現在いてる場所から目的の場所までの
道順を指定する方法。
●同階層の相対パス
→ 相手のファイル名 を指定
● 下の階層の相対パス
→ フォルダ名/相手のファイル名 を指定
● 上の階層の相対パス
→ ../相手のファイル名 を指定
■本気で学ぶ!HTML入門講座
• 本気で学ぶ!HTML入門講座
素材
・CV:さとうささら(CeVIO)
cevio.jp/
・CV:タカハシ(CeVIO)
cevio.jp/
・BGM:甘茶の音楽工房
amachamusic.cha...
2週間前くらいから、htmlを学習を始めましたが、他講義で、相対パスを受け、よくわかりませんでしたが、
この講義で良くわかりました。頭がすごくクリアになりました。ありがとうございます。
今日は、学習を初めた者です。人が出てこないから気が散らないし、集中して視聴できて最高です。制作者がドヤ顔で説明してる動画だと集中して学習できないという性質なので、あなたのhtml動画は本当勉強になります。ありがとうございました。
初心者に、わかりやすい 例えと
コミカルな ささら先生とタカハシ君の掛け合いにどハマりしてます。毎日楽しく学習しています。
ありがとうございます。
絶対パスと相対パスの説明がすっごくわかりやすいです!!ありがとうございます!!
よかったです!ありがとうございます!
CreatorQuest本当にすごい。有料商材を含めこの教材ほど良質な勉強ツールはない。やばすぎ。
早く続きを作って欲しい。CSSも勉強したい。頑張って欲しいのは制作のスピード感。クオリティを落とさず制作頑張ってください。
これ言語一通り作ったら、TH-camrとかに依頼すれば余裕でバズるだろうね。僕自身が人に勧めたいと思えるから。
ありがとうございます。
もちろん精一杯頑張ります。
今は、どうしても忙しいのですが、
できる限り制作のスピードを上げていければと思っています。
なんとかして広めまくってきます。無力ですがやらないよりまし。
CreatorQuest 続き是非お願いします
いろいろ勉強サイトやってきて、これが一番すき!
ありがとうございます!
この動画のおかげで階層とパスを理解できました✨
HPのアップロードでcssが機能しない原因の1つがコレでした。
学習開始3ヶ月の自分には、最高の教材でした!
このような動画を作っていただき、ありがとうございます🙇♂️
ワケワカメ状態だった自分でも理解できました。
例えが分かりやすいです!!
カラオケ店の例えがとても分かりやすかったです。
理解が深まりました。
ありがとうございます☺️
こちらこそありがとうございます
3日前から勉強始めました〜!!
めっちゃ分かりやすすぎて有料にしてもいい
レベルだと思います!!本当に助かります!!
もっと早くこのチャンネルにたどり着きたかった
見ててまだ完全に理解出来てない所もあるけど、出来るようになってるから分かりやすさと、満足感がある!
分かりやすすぎて今までの内容を1日で覚えてしまいました
最後熱でもあるの?って可哀想笑
でも本当楽しくてありがたいです
本当にありがとうございます!次回作心待ちにしています!
カラオケの例えめっちゃ分かりやすい!! 簡単に覚えられた!
ありがとうございます!!
カラオケの例えが天才的すぎてわかりやすいです
わかりやすい、これぞ神回
説明が分かりやすいですね。
有難うございます。
更に、面白い
眠い時にこの動画見たけど超難しいなと思ってたけど朝起きてやってみたらわかりやすくて意外とすんなりいけた!眠い時はプログラミングやろうと思わない方がいいんだね
すごく分かりやすい上に、面白いです!
前に勉強して挫折したのですが、この動画を見てまた勉強しようと思えました。ありがとうございます!
続き楽しみにしてます。
良ければ質問なんですが、講師役と教え子くんの名前はなんですか?
教え子くんが可愛くてツボです。
ありがとうござまいます。
そう言って頂けると、公開した甲斐があります。
さて、ご質問の名前ですが、
先生: さとうささら先生
生徒: タカハシくん
です。
いくらなんでも分かりやすすぎる。お金取りましょう
次回の講義も楽しみにしています。
ありがとうございます。
落ち着いたら、公開します!!
わかりやすすぎます
面白いなぁ。いつの日かデザインできるようになるといいなあわーとわブワレスを使わずにアフィリサイトを作るのが夢です!
いつも「えー!」とか「へー」の相槌がテキトーすぎて笑う
10回まで来れて嬉しいです!とてもわかりやすいです
今回「~がいてる」という表現が何度かあったので、関西弁や~!と思いました笑
先生は関西出身なのかな?
9:42
「感の良いガキは嫌いだよ」
とっても理解できました。ありがとうございました😊
これは天才だ!!
同じ部屋に「いてる」って表現があるし、先生は大阪とか関西の人なのかな?
わかりやすすぎ。
9:05位からの部分で「③上の階層への相対パス」の説明部分で画面では「c.htmlへ」となっていますが、「index.html」の間違いではないでしょうか?
それはそうと、毎回わかりやすい動画をありがとうごさいます。とても助かっています。
ほんとうですね!申し訳ございません。
また、ご指摘頂きありがとうございます。
とりあえず、動画にはモザイク処理で消しておきます。
概要欄に補足も入れておきます。
神
最高なチャンネルに出会ってしまった、、、
動画投稿する予定は無いですか?
ありがとうございます。
正直今すぐは厳しいのですが、色々動画だやりたいことはあります。
わかりやすい説明ありがとうございます,mukami とmary の相対パスが上手い行かないんですけどなんでかな?チェックして間違ってるところはないんですけど?教えて下さい、お願いします。
解答例コピペして上手く行く場合は、やはりどこかが間違えてる可能性が高いです。
タグにおける画像のパスについても、相対パスと絶対パスの考えはこの動画と同じですよね?
そうですね。
わかりやすすぎて草
コマンドラインでファイルやフォルダ操作をすると理解が深まるかもね。windowsは/が¥になるけど。
待ってすごく分かりやすくてビックリしている
ありがとうございます!
cssも教えてほしい。分かりやすい。。。
CSSもテキストは少しずつアップしてます。
MaryとMukamiの相対パスがどうしてもうまくいかない…
ファイトです
もうないなりか
まだまだ、続くんですが、
追いついてません。すいません
わかったナリ 死なない程度で頑張って投稿してくださいナス
ありがとうございます。
頑張ります
2つ質問です。
・何話まで投稿予定ですか?
・CSSに関する動画は投稿しますか?
HTMLは、Webサイトと合わせて、23話までの予定です。
CSSももちろんやるつもりです。
CreatorQuest CSSもやると聞いて即チャンネル登録しました。