Absolutely confused

Perhaps I can help. Many folks want something similar to this where they have a mock up in html first. The important thing to do first is get WP installed and up and running. Forget for a moment what it looks like. Then when it is installed you will see that WP runs of one single page / file – index.php. How it looks is controlled by that file to some extent and wp-layout.css. That is where you need to add the fancy bits from the mockup. But it is a mistake IMHO to think in terms of adding your html file or transferring the php loop unless you are very experienced. Follow the path suggested and each step will follow simply and logically.

It’s possible. Check out the tutorials here. ??

Ok thats cool. You are running. Returning to your first question the html model you have in mind would need some editing of the wp index file first if you want to get the CSS layout you want. You need to do that. Alternatively you might wish to consider a ready made template like Gemini Interface . It can be installed in minutes and will be a huge step forward in one go. Then by simply editing wp-layout.css we can add your blue fancy bits and graphics. Lets worry about separate pages separately.

Codergurl, thanks for the link, I finally made it work!!! Check it out:
https://www.pixelsage.com/wordpress/index.php
I can’t seem to make the post content align=left… it centered itself for some mysterious reason.
Root, thanks for all your advice. I’d still like to know how to add separate pages though, since now I understand how to implement WP into my templates. Thanks!

uh.. your post content looks left aligned now. i assume you fixed it?