My Web 2.0 website

How did they differ?

My final project was pretty different then my storyboards only because of the layout the templates gave me. I still gave me a great idea and I still used a lot of the same content. It was very helpful and I am glad I had it to keep my pages organized. I used a lot more text and even added a side show to one of the pages.

Reflection

I really did learn a lot in this class from the beginning learning about CRAP to the end putting together a 2.0 web site. I wish we actually had more time to learn more. I really enjoyed the photo shop and learning how to use the different tools. I love to take pictures so I am excited to try out some of the techniques we learned. It was really cool putting in the html codes in notebook and then watching them transform onto the pages it was like Morris code. I realize there is so much more to learn and we just scraped the surface but it was a great learning experience and it gave me a whole new respect for wed design. I will forever be a critic now :-)

Compare and Contrast

I decided to use weebly after I tried webnodes first and it did not turn out well. I think I likes using the HTML better because it gave you so many more options then the free 2.0 sites. I had trouble changing back grounds and I was afraid to mess around with it to much and lose the work I had already done. The 2.0 site did not give you a lot of options to use it was very limited. I guess if you where to pay for it more things would become available. I had trouble getting my pictures in the right place and could not figure out how to get rid of something after I started it and did not like it. Well it was an experience and I guess I can only get batter as I tried and try again. My site address is http://jeslynnegrace.weebly.com/ please come visit me.

Story boards

We did the story boards this week for our class project.  The purpose is like a blue print or an outline for your web pages. It helps to get everything organized for when you are ready to start your page.
It helps to give you ideas and how to set everything on the pages so they are aligned and organized. I found them very helpful.

Reflection

Some of the tips and tricks that they show us how to use in photo shop where really neat. How to slice different frames and animate it. you always wonder how they do that when looking at different web pages so now we know. It still seems a little over whelming but if you do it a few times I assume it gets easier. I would like to try the rollovers but will have to see. I have learned there are so many steps that are needed to make a web site. from graphic to changing picture sizes to animation and cutting and letting to how to place items. I can see how it can get to be over whelming but I am glad I did take this class and I can do my own now. It's exciting.

Usability and Accessibility

Usability is how user friendly a web design is, is it easy to maneuver around the site. Are the prompts clear and defined. Is it error proof. Is the website easy to read and download quickly.

Accessibility has to do with how accessible the sit is to people with disabilities. Is it visual, auditory, physical, speech, cognitive and neurological adherent to people with disabilities. You also cannot forget the elderly users.

Week 5 blogging

Anyone can make a website is it a good thing? I believe it can be a good thing because it helps people with small business that do not have a lot of extra money to advertise reach customers they may not be able to otherwise. It also will help them to save money by doing it themselves instead of paying someone to do it. The software that is available is pretty user friendly. The only downfalls that may come into play is the professional sites maybe a little more inviting to the large availability on the web to users then one that an amateur may make. They armature also need to be aware of all the things that are needed to get your site up and running and make it available to a wide audience through keys words and search engines. Another downfall maybe working with graphics on your pages so that it does not take a long time for them to download and cause the audience to get frustrated and leave your page. So their are pros and cons but I do believe it is a good thing.

Will I be critical of websites now?

I already am taking the sites I look at apart. I guess I really never paid that much attention before. If I site was to busy or hard to move around in I just find another one.  I am worried about my own site now of others being critical but I have learned a lot about placement and color and font that will help me in designing it. I defiantly have the C.R.A.P. rules imbedded. I never knew how much went into designing a web page. There is a lot to think about before you even start to make it. Making sure you are staying in the 800 x600 and not going over so that people have to change there computers in order to view your page. Alignment is important so you do not lose the readers eye. Links are important so you do not frustrated your reader and they just leave your site and go somewhere else. The graphics are a big one, making sure they are not to big, that they do not become to pixilated and that they colors say in sync with the page. I am excited to try but I know its going to be a lot of work.

Website evaluations

The first website I chose is actually a friends site. I know they put a lot of work in it but some of it could use some tweaking, not that I am an expert but it does pull my eye in a lot of directions.
http://sunsetbarns.com/ . There is the blinking FYI that keeps pulling my eye away from the important information at the top of the page. The text in the center telling you about the Barns is all centered and running on. there is a lot of information on the first page and is all centered all the way down the page. the pictures changing on the side is distracting. The links at the top with the different style barns are clearly marked with descriptions and pictures which is nice for navigation. The links across the far top move you to the page quickly with no long wait. There are drop down arrows to let you know there are more links under the main one. So on this page the navigation is very user friendly but the interface is a little difficult with so much information and distractions on the main page.

The second site I chose http://www.cheryls.com I was looking for something that has to do with Mothers day. This was a very nice site to navigate. it was crisp and not over crowded. The interface was in the 800x600 and was horizontal format. The links were across the top and very clear with the colors and the drop down arrow and descriptions in the top link. The links took you to a separated page but the constancy of the pages let you know you were still on the same website because of the repetition of the colors and font. They had separate links that ran down the side that were for what was going on now. Quick links for mothers day, spring, specials and best sellers. These made it very easy to navigate if you were in a hurry and just wanted to look for something without hanging out on the page for an hour looking through everything that was available.  This made great business sense to me. If someone is a last minute gift person. You will probably get the sale on this site because you can come in find what you want and be out in a matter of minutes. The pictures of the product are all separated in different panels. under each category if you wanted to spend sometime on the website and browse. Very nice site.

Chapter 6 Quiz

This test was Easy at first to pick out the one that was visually challenged. Website A was not in the 800x600 containment, the link was half on the page and half off. The text was drawn across the whole page. The title was extremely large and took up most of the page. Maybe taking the title and the and the link boxes down a few size would help. Center type, and the link boxes huge and taking up a lot of space. The blinking animation in the corner. The huge Ratball is a link and so is the frame. Too many focal points are confusing on what direction you should be going.
Website B seems a little more user friendly. but still had issues. The text was very small and runs on and on. there are breaks in the text but not at the end of a sentence. The navigation buttons are easy to understand and use. the page is color coordinated. the links at the bottom of the page are underlined so you can tell they are links. nice left alignment without crowding the edge. white space to separate from the different areas.

Readability v/s Legibility

Well I learned that readability and legibility at not the same. Readability is how easy it is to read a lot of text, pages and pages of text. In this type of page a clean serif face is the best to read. I had to look that one up just so I could understand what exactly that was.  So I will share just in case you were unsure as well. Serif is a small line trailing from the edges of the letters and symbols as you can see in this Y. The san-serif one the other hand does not have the extra lines, which is good for title texts or banners. When this type is used it is more legible because the letterforms fit into the pixels better and make cleaner characters. When the serifs are used on a lower resolution digital display the fine lines sometimes disappear or appear too large. 

For readability, make sure type is not too big or to large between 8 and 18 font. Try not to use all caps or too much bold text. Try to avoid long lines of text across the page you will lose the readers eye. Try short lines of text but not too short. In addition, make sure to use enough contrast.  Here comes those CRAP rules again.

For legibility, don’t use all caps and remember to use the sans serif typeface. You can break some of the rules just remember to be conscious of how it reads, is it readable and legible?  Just don’t go to the extreme where you are going to irritate the reader and they lose interest.  Look at other pages and see what looks good and what you feel is frustrating to look at.

Classmates polling questions

I really enjoyed doing the different polls.  I did not have any issues with any of them except my own when I was trying to set it up. I was wondering if the questions that were chose by everyone had to do with something that was going on in their lives or if it was just random. The food questions made me hungry like Daiahs Oreo to go with Kims coffee and Dyans favorite food. I just got back from St Thomas so Pennys question was a given.  They were all interesting and think they had a little story about the person behind each one.  Thank you everyone for sharing.

My Niagara Falls Photoshop

My digital picture of Niagara Falls

My Picture of Niagara Falls is 8 megapixels and I want to download it onto my computer so I can add it to a web page, USA landmarks. The picture is too big to put on the web page so I will save the picture as a native file so if I need to edit it again, I can and I also need to save it as a web file.  To resize the picture I will open image, then image size, then resize. I will change the resolution to 72dpi or 96dpi and medium compression for my web picture. I will then make sure constrain proportions is checked. I will then grab the crop tool on the quick selections and cut out the unwanted tourist out of my picture. After this is all done, my picture is ready for the web page.

Web v/s Designing for print

What I got out of this part of our reading is that it is a lot more cost effective to use the web then it is to design for print. You have more options for color and imagination. Print is important because you can move around with it and take it places instead of carrying around a laptop but that is even changing with Nooks and Kindle fires. you can fit so much information on to a website for lower cost then trying to print out a 12 page brochure. You can also get your work to a larger audience. the web goes to the remote corners of the earth were your brochure may sit in a doctors office for the next year or two. Designing for print will have its advantages if cost is not an issue and the print tools are more advanced. but with the web you can add sound and animation as well as links to other important sites. the web I believe has a big advantage over print

Graphic Design

Graphic design is a lot more complicated then I was ever aware of.  I have downloaded pictures onto PowerPoint and to face book but never really thought about the process. It was interesting to find out that there are two different types of graphics, one that is pixel-based and one that is math based.
Most of the graphics on the web are pixel which is bitmapped.
the difference between color being used in printing verses web design was pretty interesting. on the web you have so many different color options available to you through the web.
We use a lot of graphics in everyday life like my explanation of using pictures in the power points I use at work and at school. I use them in Facebook and we can use them on the blogs we just built.
I would say they are defiantly a part of our everyday lives.

Quiz 112

For question 1. I would most likely use print because it is only once a year and it is a private document. There may be graphs included in the report but it would not call for a lot of graphics that would make the cost of printing high.
Question 2 I would use print because you want it to be right in front of the agencies, They will open their mail to see what is inside but they may not take the time to go to a computer and open a web page.
Question 3 For this one I would use the web, it is more cost efficient because the software has updates every few months. the web page can send out notifications whenever there is an update and the small company is not putting out all the cost to revamp a flyer.
Question 4 this one would be web also because of the constant updates it would be more cost efficient and immediately available to your customer.
Question 5 This would be a great one for the web. you can reach a wide audience all over the world at just a click. a small booklet would only take a up a web pages were printing many booklets would be a major cost. on the web you only have to make one site excisable to a large audience.
Question 6 This one would probably be better in print. because of the graphics on a web page are not as grand as print a lot of the artistic talent would be lost.

If you can not tell, I have never blogged before

I am a little challenged on how to get my writing transferred without them going haywire. I apologize if you are trying to read what I wrote and it is all over the place. I was finally able to look over everyone's pages and they are all very creative. Nicky I love how yours is a peaceful welcoming font and your family all on the side.  I have not figured out how to do any of those things yet or had much time. I am doing two classes this term trying to get them in for graduation and it is a bit overwhelming with trying to work and care for my family. But I can see the light at the end of the tunnel.  I hope everyone is having a good week and I will see you tomorrow.

What I learned from the videos, Exploring Web Design.

Clear concise content, is important when designing a web page. Architecture and design is important for organization. You should generate mockups and test  the web pages with a target audience.

I found it interesting that different browsers will alter how the page is seen.

Web terminology

How the web work was extremely over whelming.

Made of many parts http is the protocal.www.lynda.com is the resource name. the path/port

www is a subdomain a folder Lynda is the domain servers.

Default page is usually the home page

Absolute and relative urls outside the domain or with in the same domain

Dns is the phonebook of the web because the IP address is numbers which is great for a computer not so much a human.

HTTP Transfers data on the web

FTP,SMTP, RTP common web protocols

Pop post office protocol

HTML- tags first used in the early 1990’s

2.0 1995, 4.0 to the rescue

XHTML 1.0 was released in hopes to get rid of HTML but Ended in 2009

RSS real simple syndication. Can update automatically. Link to articles. Java script is needed. Tricky for a novice web builder

Jpg, gif, and png- web graphic formats.

JPEG Joint Photographic experts group compressed with lossy to reduce the file size Graphic interchanges format used for logos or icons

Png-Portable network graphics support millions of colors. Larger files. Older browsers do not support.

Some of the items they went over where very interesting and I had no clue what the terms meant though I would use them almost every day. Some of it was over whelming.  

First Post

My first class I learned how to make and post a blog. This class has a few familiar faces. I am looking forward to learning more about the web and how to manipulate a web page.