You can structure your site any way that works for you.
You can start by installing xampp
on your local computer--without opening it to the web--and use that for testing and experimentation. You can create and experiment with a complete website locally without having to worry about registering a domain name if you aren't ready to.
I have a personal website
that is structured like this:
(welcome and links to the three subdirectories
|------> Subdirectory One
(Original website in about 1995 in HTML 3.0 about training and development)
| Pending update.
|------> Subdirectory Two
(Recreational boating website written 1999-2000, recently updated to CSS).
|------> Subdirectory Three
(Wordpress blog using a MySQL database).
Each subdirectory has its own index page. One and Two have an index.html, because they are HTML. Subdirectory Three has an index.php page because it's PHP, Perl, and MySQL based.
Subdirectory One was originally a stand-alone website on the old members.aol.com site. I introduced the main directory and demoted it to a subdirectory when I wrote the boating site. I moved it into a self-hosted server in my guestroom when I started the blog five years ago and put it all out on a hosting service when I moved to Virginia Beach recently.
My guess is that you need to figure out a topic to write about (if only for purposes of experimentation) and use that as a hook for your learning. It's hard to write without something to write about. That's why teachers ask you to write about your summer vacation. They really don't care what you did, but they want you to practice writing, not practice picking a subject.
There's a good basic HTML/CSS tutorial at About dot com
; it is a very good intro to stylesheets and CSS. I also recommend HTML Goodies
, though it's gotten so big it's not nearly so easy to navigate as it was when I first stumbled over it.
I run xampp on my local computer so I can test stuff before incorporating it in the website.