Need help understanding/relearning the basic structure of a website

Hello, I am getting back into learning web development. I finished and entire html & css course before stopping so it's a bit of overloading looking back at the past projects that I code along with the instructor I was following. I figured I should try and recreate that website on my own but I am having trouble segmenting what I should do first. Maybe if someone can explain the basic structure of a website to me I can have a better time chunking recreating the website. Also what would be the best way to upload the files of the website on here if anybody needs to see it?

Takyon 01OP•8/23/23, 5:39 AM

I need help understanding what would be the best pratice in creating a homepage. In my the website I was looking at it seem the header tag consisted of the entirety of the homepage. The logo, navbar and a section tag to write information in the middle of the page.

Adedoyin Adeyemo Muhammed•8/23/23, 6:28 AM

There are landmarks to follow if you wanna give accessibility and performance equal importance. Your site layout shouldn’t be much of headache if your semantics are good. Break it down to header, main, and footer. Each of these sections will then have their nested child or children semantic elements. For instance, I use my navigation bar inside the header, many sections with aria-label or aria-labelledby attribute inside my main, then footer is just what it is. You must know that some developers don’t really use the best practices, so you should be inspecting sites you can be sure of having good layout, that’s the only way of not getting confused by the whole idea of semantics. Let me know if you need more explanation; my DM is open

Takyon 01OP•8/23/23, 7:02 AM

Ok thanks, I will just have to attempt at recreating the website in chunks and see where I am at.

Adedoyin Adeyemo Muhammed•8/23/23, 9:33 AM

Alright. Good luck with that