Nancy's Blog

Monday, July 19, 2010

One More Blog

I forgot to mention about the hyperlinks on my webpage and html project. When using FrontPage I was able to create the links by clicking on the photo and linking them to the appropriate page. The external links were just a matter of typing in the link name and saving it and then viewing in browser. Creating the links in Weebly, I basically did the same as in FrontPage, click on the picture, insert hyperlink and it would bring the list of pages you had created. You would click on the page and click OK. Everything you wanted to save something in Weebly you had click Publish, and that would save your changes.

Again, please visit my site at www.meemawsfountainofyouth.weebly.com. Give me your thoughts.

Thursday, July 15, 2010

Final Blog

Reflecting on what I have learned in class: Using PhotoShop was a new experience for me. I realize now all the different neat things you can with that program. Things you see everyday using the internet and viewing photos that friends or family have created will definitely be appreciated differently. One thing I will walk away with is being able to understand people when they talk about websites. How they created them, what needed to be considered when they planned their website. I certainly do have a better comfort level in these conversations.

Compare/contrast the 2 websites. The two sites look basically the same. The same photos, the same text, same format. I created my webpage first. It was easier than I expected it to be. The weebly website provided all the formats for you, all you needed to do was click and drag. The tables were very easy to work with, you didn't have to create them, it was just a click and drag. You created your pages either by copying the finished page or creating a blank one and naming it. That easy. The navigation was created by the pages you named and designed. My website was not a difficult one, it was on a personal level so I didn't use the forms, or have to include many details for navigation.
Using the html to create a website was a little trickier. You chose a format, but then you have to create your home page with a home button and then save it to the desktop. I did not have to do this with my weebly website. You had to work more with the tables in html. Posting pictures were basically the same for both websites.
My final projects were what I had designed. I decided to stick to a simple clean website and it worked for me.

Sunday, July 11, 2010

Website Assignment

The title of my website is; Meemaw's Fountain of Youth. I have created a website on www.weebly.com. You can log on to www.meemawsfountainofyouth.weebly.com to preview what I have done. I have completed it and published it. The information that I am communicating via my website are the joys of being a grandmother. My target audience will be grandmothers as well as grandmothers to be. My website has four pages. My home page is called My Fountain of Youth, my second page is Nathaniel and Joshua, the third page is Jillian and Christopher and my fourth page is called Meemaw's Photo Album. I have four links within the site by clicking on the pictures of my grandchildren. Those links will take you to the page with their story. I also have three external links that go to; www.strasburgrailroad.com, www.readingpublicmuseum.org and to www.caringbridge.org/visit/joshuafronheiser. The pictures I used for my website were from my own personal pictures. To crop my pictures I used PhotoShop. I saved them for the web with hopes that they would fit and they did. The color scheme of my website is a light blue with a theme of clouds and nature. Since I do not have a HTML editor at home I will be using FrontPage in class.

Thursday, July 8, 2010

This week's reading

This weeks the chapter covered a lot of topics to remember when designing your web page. Some of the topics were using tables, how to enhance your photos, how to slice a graphic. Slicing your graphics helps when you want to use animation with your web page and create a look of continuity when you have a page of text and graphics. The rollover and image swaps and flash animation seem to be tools you can use when you are creating a more sophisticated web page. The review of HTML was good for me. This information will help with spacing for the navigation bar of my web page by adding spacing around graphics that I intend to include. It also reviews how to add code for different changes you might want to add as your site is progressing such as changing the font, font color or spacing. Dog-eared this section.

What is the purpose of using storyboards?
Creating a storyboard is a great visual. A storyboard is like project management. You come up with an idea, put it on paper and start the process. As you work through the different phases of your storyboard you will need to organize your information, plan how you intend on creating your pages, and you might see how things need to change from the original plan or thought process. By having the storyboard it continues to help keep you on track and find different ways to achieve your final product.

Wednesday, June 30, 2010

Questions

Computers and software have enabled indiviuals to become one-person operations with an internet connection and a laptop. The same is true with website design; anyone with a computer can create a website. Is this a good thing?
Being able to create a website can be a wonderful thing. Understanding what goes with the creation needs to be understood as well. You need to remember that the creation part is not the only part. Keeping the site updated and making sure your information is correct is an important factor to creating a website.

What are some of the advantages to creating your own website rather than hiring a professional? What are some of the drawbacks.
Creating your own website can save you lots of money. You will have the ability to change your website with updates. Drawbacks to designing your site is time. You need to acquire the skills and then use them correctly. There are plenty of sites you can go to for help, but there again this is more time.

What is the difference between Usability and Accessibility with regards to web design and why are they both important.
Accessibility refers to how easy it is for a user to access your site. You want your website to be user friendly to any age or skill level. Usability means how easy it is to use your website, how easy it is to navigate your site.
Usability and Accessibility are key factors when creating a website. You always want people to be able to find your site and use it with ease.

Chapters 3 and 4

Chapter 3 was a review of what web pages are, and different tips to creating your web page. It discussed how to use color, the changing of font size, creating layers and color and how to format the text on your page. This chapter also discussed how to create links, add graphics and how to use tables in your design. How to create email links and anchors. Anchors will take you somewhere else on the same page. Using frames in a web page can be confusing and annoying for visitors of your site, as well as Frames are not always recommended.
Chapter 4 discussed the creating of a web page. The importance of creating your design, organizing your files, as well as making sure that your graphic files have the proper extension when saved so you can tell which are the graphics when you go to use them. It discussed what a server is, the cost the could be involved with hosting a site. Explanation of what domain names are and how to get your own domain name.
Diigo articles: The first article was basically a review of things we covered in class. The one article that was something new for me was meta tags. Meta tags are specific descriptions and key words used for your page so other people can find your site. Web Design Basics used examples of how web designers and non-professional designers should write their web page. Understanding how to create pages to help users to successfully enjoy their page.

Sunday, June 27, 2010

Evaluating Websites

Using the different criteria suggested to use in our readings, I chose to evaluated the web-site www.boyertownmuseum.org. When I entered the page I could easily find the information I was looking for. The initial page had a lot of information about upcoming events, how to contact the museum and different links that they offered about the museum as well as sponsors for their site. With all this information, it was neatly organized and very easy to read and navigate. When I clicked on several of the links it would take you to the information but the page would still have the links at the top of the page you were on. This made it very easy to navigate to other pages they had.

The second web site I evaluated was, www.bestedsites.com. This was an educational website. The first thing I saw were books bouncing all over the page. The bouncing books distracted me from looking at other links they provided. Getting past the bouncing books I clicked on a math link. This page also had moving objects. There was a lot of colors to the page which made it hard to read. There were more links to math games and videos and sites that took you age specific math learning.

Both websites I evaluated had the designers name at the bottom of the page. The font was so tiny you could not read it. The creator's name was also in a font color that when it was placed on the dark backgound it blended it.

Evaluating these sites I understand the importance of having a simple clean front page. I am hoping to design a site that explains the joys of being a grandmother.