Monday, November 8, 2010

Boecker - week 6 - oc - web page

<html>
<head>
<title>Laurie Boecker
</title>
</head>

<body>
<img src="http://2.bp.blogspot.com/_vLwmyd_lDqc/TNiuYXkbCrI/AAAAAAAAAA8/wqhd97FDITY/s1600/majestic-reflections_alaska.jpg" width="1515" height="609" align="center">
<h1>The State of Alaska</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut magna augue, tristique id aliquet at, iaculis vitae eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin dui magna, consectetur sit amet volutpat nec, pretium in enim. Curabitur sollicitudin, magna vel adipiscing blandit, quam nisi condimentum nulla, at sollicitudin nisl magna non lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi quis viverra nulla. Fusce bibendum turpis vitae justo lobortis aliquet fringilla risus posuere. Aliquam erat volutpat. Nunc leo augue, tempus ut dignissim et, varius id nulla. Maecenas egestas lacus nec neque eleifend facilisis. Maecenas at turpis massa. Nulla facilisi. Donec urna felis, venenatis sit amet condimentum sed, sagittis vitae ipsum. In rhoncus suscipit augue eu facilisis.<a href="image link"><img src="http://4.bp.blogspot.com/_vLwmyd_lDqc/TNiubigTcSI/AAAAAAAAABE/T7Fx7VeSL4s/s1600/alaska-lake-clark-2.jpg" align="right"></a></p>

<ul>
<li>Landscape</li>
<li>Bears</li>
<li>Whales</li>
</ul>
<p>Proin non neque nunc, vitae tempor elit. Nunc interdum, augue in condimentum porttitor, ligula metus consequat dolor, ut interdum orci odio eget urna. Cras at dolor urna. Vestibulum augue lorem, rutrum eget molestie sit amet, imperdiet id quam. Nulla facilisi. Pellentesque eget quam eget nibh aliquet tempor quis id orci. Fusce arcu augue</a>, porta sit amet sagittis et, scelerisque id turpis. Nunc sagittis mi non lectus varius nec tempus tellus porttitor. Sed at tortor vel nulla semper tincidunt. Suspendisse hendrerit faucibus magna id hendrerit.</p>

<p><img src="http://1.bp.blogspot.com/_vLwmyd_lDqc/TNiuZ53uPgI/AAAAAAAAABA/oy6bYcVQdJs/s1600/alaska_whale_tail_lg.jpg" align="left">Sed in feugiat velit. Fusce non nulla vel neque lobortis malesuada. Sed luctus dui a metus bibendum venenatis. Pellentesque viverra lectus eget magna egestas sit amet tristique augue egestas. In posuere pulvinar risus, ut tincidunt mi euismod eu. Suspendisse quam eros, molestie dictum accumsan eu, vehicula vitae justo. Proin convallis viverra lacinia. Cras convallis dictum quam id sagittis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent sagittis diam nulla. Sed id turpis lorem, quis vehicula velit. Curabitur ligula nisl, fringilla faucibus tempor vel, venenatis ut libero. Vestibulum eu nibh justo. Fusce eu odio ante, vitae congue odio.</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent est dui, convallis in dictum at, venenatis a nulla. In rutrum magna et nunc fermentum egestas. Cras sed blandit lectus. Ut at odio justo. Nulla facilisi. Integer nisl justo, suscipit ac vehicula vel, suscipit id velit. Maecenas euismod, metus ac semper porttitor, sapien justo consequat velit, id varius purus sem id metus. Integer in justo enim, nec rhoncus ipsum. Cras magna lorem, ornare id commodo quis, fringilla vel justo. Integer at posuere nisi. Cras pharetra scelerisque nibh mollis consectetur. <br>Nulla bibendum tincidunt porttitor. Ut sed hendrerit arcu. Integer in tellus felis. Vestibulum dolor nunc, convallis sed congue non, vulputate eu est. Sed felis sem, condimentum id ornare id, vestibulum ac sapien. Pellentesque cursus neque vel erat consequat interdum.</p>
<ol>
  <li><a href="http://www.travelalaska.com/" target="blank"> For more information</a></li>
  <li><a href="http://www.travelalaska.com/" target="blank"> Lodging</a></li>
  <li><a href="http://www.alaskacruises.com/" target="blank">Cruises</a></li>
</ol>

</body>
</html>

Imges for web page



Monday, November 1, 2010

Week 4 - HW - Boecker Homepage Design

Here is the home page image.  I would still love to tweak this, but I am not sure how.  I tried to keep my preference of a lot of white space, but I keep thinking there could be something else.  Maybe all it needs are different colors?  I would love some feed back.



Week 4 - Boecker - Article Summary

 In general, I find that I gravitate to websites that have lots of white space and simple, broadly spaced text.  If I can not find what I want quickly and easily, forget it!  I move on and only come back if the easy sites don't give me what I want.

Reviews:

1.  Maryland Securities
This site contains horizontal linear navigation and also directed navigation.  Simple large fonts make it very easy to find what you are looking for and there is just the right amount of white space.  The scroll option on the mouse works which is perfect for viewing the rest of the page.  I also like that they used the company logo and colors.

2.  Blue Pixel
Simple and to the point! Only uses one page in width and length, so there is no need to scroll.  Incorporates flash and java technologies in an effective manner and it is not distracting.  The menu used is horizontal linear.  There is not much of a footer, but it does serve its purpose.  The concept of using the guitar to further the image of the company is good, but can also be misleading if you are not sure what kind of web site you are looking to explore.  Again, I love the white space...just makes it easy for me to find what I need to find.

3.  Brooklyn Fare
While I love the look and feel of the website, I had to poke around a bit to figure out exactly what they had to offer.  There are two horizontal linear menus (one is the second layer that changes based on the first).  The footer is rather large - it would appear they are trying to duplicate it exactly from above,
which I am not sure is necessary.  Simple bold fonts are used and make it very easy to navigate. Love the grocery bag on the home page...gives a good idea that this website belongs to store.

4.  Puma
This web site is mostly java with the use of style sheets.  I like the rotating images at the top, but feel like they could be a little narrower.  The navigation is directional, iconic, and horizontal linear.  There are two different linear menus: one top and one bottom, in addition to the footer.  The site in general is geared to a younger crowd.  It has music and videos and presents its site in a manner that would imitate a social media type page.  Bold graphics and clean easy to read text make this site very easy to navigate through. 

5.  Ekoki
This was interesting since it was a page that basically advertises the businesses iPhone app.  Very clean, simple to follow.  They used the entire width of the page with the borders that must be repeating, but the main information appears to contained for smaller screens.  The colors are calming and the use of the wood to suggest a fence grounds the image instead of floating in space.  The main web site uses horizontal linear navigation along with directional navigation.  There appears to be two footers: one is vertical linear and one is iconic (to the point of not knowing what they represent).  Again, colors are easy on the eyes.

6.  Daguia
Very cool dessert website.  It is in Spanish, but there is no way to mistake what the business does.  The site changes background colors three times in order to play off of the image that is being featured.  I would prefer the site stay the aqua color constantly, preventing the glare of the lime green.  I can handle the raspberry color, but favor the aqua.  The site uses horizontal linear menu at the top and directional menu within the body of the website.  There is not really a footer, but an option to send an email (I think).  Simple text and white space make this site very easy to navigate.