มืด

HTML & CSS for Beginners Part 7: File Structure

Kevin Powell
ติดตาม
มุมมอง 8 318
98% 82 1

A quick look at how to organize the files of your website, and fixing any links that might break when you move things around.
This video is part of a large series introducing HTML & CSS to people who have never used it before. The goal of this series is to give you a good enough understanding of HTML and CSS to let you build your first website on your own!

----
Half Bit by Kevin MacLeod is licensed under a Creative Commons Attribution licence (creativecommons.org/licenses/by/4.0/)
Source: incompetech.com/music/royalty-free/?keywords=%22half+bit%22
Artist: incompetech.com/

เผยแพร่เมื่อ

 

26 ต.ค. 2016

แชร์:

แชร์:

ดาวน์โหลด:

โหลดลิงค์.....

เพิ่มลงใน:

เพลย์ลิสต์ของฉัน
ดูภายหลัง
ความคิดเห็น 12
Divyanshi Utreja
Divyanshi Utreja 23 วันที่ผ่านมา
What if my website only uses HTML files and for the images i use links? I still need to create other folders?
Anuj Pillai
Anuj Pillai 2 หลายเดือนก่อน
Should I make a new folder on the desktop for every project and then have index.html, Css folder, hardware folder and image folder within it or should I have one folder with all my projects and sub folders for every project? Thanks kevin
410Villa
410Villa 3 หลายเดือนก่อน
I’ve recently watched a lot of videos that have taught me new things about HTML/CSS but I’m SO glad I found your channel today. Already you have gone in to depth about so many things that the other channels didn’t mention. So informative 👍🏽 thanks! Must watch all your videos now and pick up more tips that I’ve been missing.
Tiko Nersisyan
Tiko Nersisyan 3 หลายเดือนก่อน
Hey are you here?
Tiko Nersisyan
Tiko Nersisyan 3 หลายเดือนก่อน
Kevin Powell can you help me in Html and css
Kevin Powell
Kevin Powell 3 หลายเดือนก่อน
I try to be :)
M. SZ.
M. SZ. 4 หลายเดือนก่อน
A good one. Thanks.
Hoang Nam Vo
Hoang Nam Vo ปีที่แล้ว
im new
Hoang Nam Vo
Hoang Nam Vo ปีที่แล้ว
where do you do you teach at
Kevin Powell
Kevin Powell ปีที่แล้ว
I teach for a school in Montreal, Canada, but it's focus is design, not front-end.
Hoang Nam Vo
Hoang Nam Vo ปีที่แล้ว
i love this is very helpful
Brianne
Brianne ปีที่แล้ว
my files aren't pulling ever since i put them in folders :'(
Kevin Powell
Kevin Powell ปีที่แล้ว
Did you update the path to the files? 'example.jpg' => 'img/example.jpg'
Am knowledge
Am knowledge ปีที่แล้ว
A Suggestion for you... Hi kewin I had watched some of your videos , these are very helpful, i have a suggestion for you... Please make a video on css and html tree structure... Thanks
KillJoy
KillJoy 3 ปีที่แล้ว
Just wanted to say thank you for the video. Was looking at website organization because I started using PHP for the repeated items and was unsure of creating sub folders for html but this solved it. Thank you!
Kevin Powell
Kevin Powell 3 ปีที่แล้ว
Awesome, glad it helped!
Marissa M
Marissa M 3 ปีที่แล้ว
Why should we avoid numbers when naming files? Are underscores suitable alternatives to hyphens when we want indicate a space? Love all your videos!
Kevin Powell
Kevin Powell 3 ปีที่แล้ว
That type of file name would be great for an image. It's consistent, and no one is going to be trying to type the URL of one anyway. Though, as you said, if you had to type each one out, it might be a pain in the ass, hah.
Marissa M
Marissa M 3 ปีที่แล้ว
I didn't know that about hyphens on the web, good stuff. As a photographer I tend to name my images with date, shoot name and original file number so I'll look into shortening those file names. Although...since image URL's don't have to be short or easy to read and have alt text for search engines it might be okay, and since I'll be using Dreamweaver I won't have to type it in manually. It's good to know why the guidelines are there. I'll definitely name every other file type as you recommended so they display properly in browsers and for SEO.
Kevin Powell
Kevin Powell 3 ปีที่แล้ว
Glad you like them :D. Technically numbers are okay, they can just make for awkward names. Generally you want to be descriptive with the file names, so 23.html doesn't tell me very much. Unless I'm including a date in a file name, I avoid them. Sort of the same for underscores. They would work, but hyphens are the standard, and underscores are harder to see. It could lead to someone mistyping. I have also read (though I'm not sure if it's true) that search engines will read URLs with hyphens are individual words, but will see ones with underscores as one giant word.
ต่อไป
{Web-D 01} File and folder structure
10:26
มุมมอง 32 000
Reviewing Memes With KSI
31:38
มุมมอง 5 127 589
Surprising FaZe Jarvis With 24 Gifts In 24 Hours
15:59
Learn Flexbox in 15 Minutes
15:12
มุมมอง 202 000
Organizing Sass | Front-End Architecture
10:16
Top 10 Best VS Code Extensions (2020)
17:37
มุมมอง 546 000