Posts

Showing posts from April, 2018

EXTREME!! Homepage Makeover

Image
Olathe North High School,Olathe KS. https://schools.olatheschools.com/buildings/north/ Cheez-It, Cheesy snacks. https://www.cheezit.com/en_US/home.html?gclid=Cj0KCQjwttbWBRDyARIsAN8zhbIbGFv3aT26z7oS0VzXo0KMlyC8sKDu0uqmajUhjpSumQMtL9WyYN8aAjhJEALw_wcB

Smitty's Lawn & Garden Mobile First

Image
 This is a site about Smitty's Lawn & Garden equipment. The objective of this site was to demonstrate how to properly use Mobile-first web design and to apply it by using it to create a Mobile-first re-design of the original Smitty's site ( Just the homepage for now ). What it means to be Mobile-first is exactly what it sounds like, Start with the small mobile sized and then gradually work your way up to the desktop size.  Before i started working on the actual site, I wrote down all of the essential information and motives on the Actual Smitty's lawn and garden homepage. Next i sketched a rough estimate of what i imagined the Mobile-first site would look like. Now that i had moved onto dreamweaver, I started with the Navbar in mobile size and slowly worked my way up to desktop size. You can check out the site for yourself Here!

CSS Zen Jabberwocky

Image
This is a website about the Jabberwock ( Jabberwocky ) a mythical beast from the world of Alice in wonderland. The goal for us for this site was to take a set HTML and use css to make the page look good using divs. I started by drawing out the layout that i wanted on a piece of paper then moved onto the actual site. I then created a special div just for the content of the poem itself. Next i changed the color scheme to be darker and use purple and lighter blues as accents. I chose this because i personally like the Tim Burton's Alice in Wonderland version of the Jabberwocky more. The Tim Burton version is more dragon like and is black and purple. In my personal opinion this version of the Jabberwock is scarier and less goofy looking. Check out the site for yourself Here