Monthly Archives: June 2013

Completed site

Here is the link to my completed site:

Obviously, this site will never be complete as it is an ongoing project šŸ™‚ but check it out and tell me what you think.



It’s done!!

So the website is complete. I am just waiting for class on Tuesday to upload the website online.

Things I have learned from this process:

1) Save incessantly. There are two types of people in this world: The ones that lose data and the ones that are about to.

2) Try, try again (and try your website in multiple browsers). It is going to take a lot of attempts to get the page “just right.”

3) Make sure you give everything a unique name. It is really annoying to find the right photo when you have banner01.jpg through banner12.jpg in the same folder.

4) Keep your files and folders organized. Otherwise, it’s like looking for a needle in a haystack.

5) It’s always going to take three times longer to build the website than you think it will.

6) W3 Schools is your friend.

7) Google is also your friend. It knows everything. If you don’t know how to do something, Google it.

8) If there is a website whose design you like, right click on the page and pick “View Page Source.” You can see how the person/organization designed their site.

9) Use tables sparingly.

10) Get creative! You are capable of making a thing of beauty if you use your creativity and spend the time to work on it.

Can’t wait to share the finished website with everyone. Keep your eyes peeled for the post.

Trudging through

The good news? I have gotten to a point with the website where it is a lot of the same. All of the pages are set up, and I have the skeleton for each one. Now I just need to make the photos in Photoshop that are going to go along with each piece I am posting.

Beacon portfolio preview
Beacon portfolio preview

For each piece, I have two photos. One that the visitor sees and one that is a more opaque version of the picture that appears when the visitor hovers over a link.

Button hovered over "Raining on UP's parade."
Button hovered over “Raining on UP’s parade.”

This has been the most tedious part of the development, but I am liking the results so far.

My advice for people who are looking to do something similar: Make the photos all the same size for every single button. The consistency made it very easy to just plug and chug the work.

Right now my website works just the way I want it to in Firefox and Chrome. For some reason I can’t get my computer to open Internet Explorer. I am going to work on that issue and then preview the site on IE. More to come.


About me, Contact me

Hey all,

Sorry for the long break. I ran the Tough Mudder this weekend, and the few days leading up to it plus the few days after it were dedicated to making sure I didn’t die in the race hahaha.

Tough Mudder finisher!
Tough Mudder finisher!

Anyways, I am back to work on my website. My homepage is complete and working really well. I had to slightly adjust my color scheme, but that’s OK because I think the website looks more professional.

New homepage
New homepage

I am now working on my About Me and Contact Me pages. I want to have both of them done by the end of the day. On my Contact Me page, I am looking to embed a widget that has my Twitter feed on it. Twitter has a widget configuration that might be helpful if you are looking to do the same.

Photoshop comes to the rescue

Rollover buttons and auto sizing are the bane of my existence. I know how to make a function rollover button in Dreamweaver, but I can’t seem to get the buttons to appear in the same spot in every web browser without putting them in some sort of table (Sorry Internet, I know that is a Mickey Mouse solution to my problem). After exclusively trying to build the rollover buttons in a table in Dreamweaver, I started to search the web for other ways to complete my task.

Behold Photoshop’s slice solution.

In the end, my homepageĀ  works and the table stays in the middle of the width of the page depending on which web browser is used to open it. It also stays at a relatively fixed height.


Completed homepage

After much blood, sweat and tears, I have my webpage’s home page completed! Here’s an image of it.

You can see the rollover button working with my name. It's orange!
You can see the rollover button working with my name. It’s orange!

It works in Firefox and Chrome very well, but could be better in IE. That will become a secondary goal.

The only other thing I would change about this page is that the buttons are as clear as they were when they were in Photoshop, so I want to clean them up a little bit before I move on to the next pages.

I may also lighten the color scheme because it is VERY strong and might turn some people off. Thoughts?