Final Project Part 2: Building the Portfolio Website

I’m a little embarrassed that it’s taking me so long to put this together. The instructions said it would only take a few hours. But I keep running into issues that require research and reading, especially if they weren’t covered in the lessons. I know it’s impossible to cover EVERYTHING, but still…

Anyway, I settled on a main page with a header/nav bar, jumbotron image with a header, then thumbnails of 6 of the projects I worked on at the end of the HTML/CSS course. And here I ran into an issue. None of the sites I made for the projects were made live. So I had to figure out how to copy the code for six sites into the file system for my portfolio, create thumbnails, and then set the thumbnails into a grid and make them link to their respective project pages.

I stumbled through making everything link together…I didn’t understand how relative linking was supposed to work (more reading required) and knew that direct linking wouldn’t translate when I made the page live. But, with a few hints from Tim, I got all the links working. All of the project pages open in new tabs, which was very easy to do. And all three pages (home, about, contact) link to each other perfectly.

The footer was no problem– just some links to the blog and linkedin, and a copyright statement. But getting rid of the gap between the footer and the bottom of the page had me panicking because people kept mentioning “sticky footers” or using tables in the forums, which seemed like overkill. I finally came to the right CSS command: overflow: hidden. And that did the trick. *whew!*

Now all that’s left is getting the About and Contact pages filled in, and then I can tackle how to get all my hard work where the world can see it!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s