I started out downloading the first template I could find in google. Turns out this is WAY too complicated for a code-n00b like me. My fabulous guru helped me to isolate the pure HTML template within the complicated codes. It might look simple this way but it's all I can manage for now.
While I was writing the HTML code I needed to insert some pictures. The Fab Academy rules are that all pictures have to be ready for web. Which means small easily digested pictures. While I'm used to work with the The full creative Suite I was forced to work with Gimp. I really liked the interface and the hidden abilities Gimp offers the user (and the price!) Though I had difficulty finding the "save for web" option this is only because I was so used to the accesability of Adobes Creative Suite. I think Gimp offers every basic need Photoshop offers too. Though you have to figure out where the engineers have hidden the options. In this "Save for web" is a manual operation in scaling the image. I just went by feeling and scaled the images to screen resolution and then some.
Finally having a laptop of my own again I was forced to try out different software for html editing again. This time I tried Seamonkey html editor but I was looking for something simpler. I ended up with Optima Systems Pagespinner. It's easy and works with pretty colors.
While refining and working on all of my pages I looked up a couple of more html codes. I used "li" command to get bulletpoints in front of my text. Also I placed all of my images in a dedicated folder "images" and cleaned up my home folder to hold just the .html files.