So excited!

Made a lot of progress today! Click on a person to contact and a popup box appears to contact them. Kaboom!! I'm pretty much doing a happy dance right now. Or maybe that's a potty dance since I've been sitting here so long without moving trying to figure this out…

Also did some work on the home page for the main website. Hopefully I can get a higher res picture for the final site, but the club has a surprising lack of photos at my disposal.

Making progress!!

Updated homepage for WGMS juniors. 

Update

Well, I have nothing visually to show for the progress I’ve been making with the website even though I’ve been busting my butt and working hard.

In CSS, the {position} tag has some sort of bug. When I positioned the search bar to be in the right place, hyperlink functionality of the nav bar would disappear. I spent hours diagnosing the problem, trying to figure out if it was the JS or the HTML or the search bar itself… I finally discovered that the {position:relative} property was causing the problem, so I spent another chunk of time rearranging HTML elements into a different nav bar format, so I could use the {float:right} property instead. Finally fixed that bug.

My biggest problem currently is programing a stylesheet nav bar/basic content in one HTML page that can be accessed in all the pages so that code doesn’t have to be copied into every file. This is driving me bonkers. I’ve tried numerous tutorials to no avail.

Next step is to get down to the nitty gritty of JavaScript and really figure out what I’m doing so I can get that function working. It will take time, but it will also save time in the future if I learn it now.

Website Redesign – first stage of website coding

Here is the primary design with basic header elements included in the website. CSS is lacking as you can see, but it’s slowly getting there...

HTML code:

CSS code:

Website Redesign – Home page design prototype

I’ve continued work on the website design and have made a lot of progress – I’ll demonstrate some of the HTML and CSS code in the next post. This shows the main design of the homepage for the both the adult website and the portion of the site for kids. I refined the color scheme on the kids’ portion of the site and have been working on adding clickable content for users to draw them into the rest of the site.

This page only demonstrates how the “breadcrumb” trail bar works to show users where they are in the site:

Kids’ portion of the site:

Website Redesign – Primary header design

Primary welcome site. Color scheme is yellow, gold, and shades of sage:

Primary site for children and/or educators. Color scheme is brighter with yellow, teals, and reds:

WGMS – Website Redesign

Wire-Framing