Blog Post 2

Galapagos Islands Comps


Set 1: Galapagos is most known for it's tortoise. I wanted to capture this iconic image in the logo, and the color green seemed fitting to carry through the tortoise theme. I chose a soft green palette so that the blocks of color would not be harsh when brought together. I included a sidebar to make this into a two column layout, and my navigation is across the top. I've included social icons as an extra decorative element, and I designed my layout with a google font, "Raleway" that I intend to implement into my final layout. I rounded the corners of all of my elements because I feel this gives the layout a softer appearance which matches with the color scheme and logo.

To see the images larger, please click HERE & HERE

Set 2: I carried the same tortoise imagery through to this variation. Here, I focused on my logo and the navigation elements as the focal point. The icons break up the layout and give a nice contrast to the bodies of text. The navigation will have a rollover effect as well. 

To see the images larger please click HERE & HERE

Blog Post 1

1) What is the most recent version of HTML being used today?

HTML 5 is the latest version in use today. It is more powerful than it's predecessors, with enhanced features and versatility. It offers options that were not offered in previous versions.

2) What are the differences between a CSS class and an ID?

Id's are unique, meaning they can only be used once. They are often used more frequently for the bigger elements on a page. Classes can be used multiple times and can be applied to multiple elements within the page. They are used often for smaller elements, especially when used for styling purposes.

3) Why is it important to separate content (HTML) from presentation (CSS)?

Separating html and css is important for overall styling ease and page load time. Having CSS separate from HTML allows you to make one change on the css file and it will be applied to all of your pages at once. This is both time-saving, efficient and convenient. It would be painstaking to change the color of one element across all the pages of a site. Another benefit of separating the two is page load time. Less information on the page ensures that the page will load faster and keeps the browser from having to load the same information each time you access a new page of the same website.