Cutting time yet again (yikes!).

Aaron's CAS 206 Midterm: Part3

Click here for my new page!

1. 
   How did your table display data easier for your users to view?
   
   

   I used the table element to organize data pertaining to a schedule of weekly training runs. The table provides a convenient means to present related data in an visually accessible way. The table allows me to present a higher density of data (per screen real estate) with clarity and minimal ambiguity. Conveying the same information in prose would have required more text/space and been more difficult for visitors to read/comprehend.

   
   


2. 
   What style choices did you make to improve the readability of your table?
   
   

   I have to admit that in some cases I am choosing style over readability in order to demonstrate knowledge/skill. I was able to use background color and font-weight (text in header cells is automatically displayed in bold) to distinguish between header cells and regular table data. I liked the way ridged borders provide 3-dimensional relief/texture to the table.

   
   


3. 
   How did the media you created contribute to the purpose of your website? What plugin(s) does the end user need to display/play?
   
   

   I embedded video media from YouTube. This is possibly a cop-out as far as media creation is concerned. I think that inclusion of this media is representative of the kind of information visitors would want/expect/appreciate from the site. X-shockwave-flash plugin/player is required to play the media.

   
   

Midterm - Part 3, Leslie

Midterm- Part 3, Leslie

http://sws.pcc.edu/student/CAS206_pdeangel_43992/leslieelliott56/Midterm/Website-Part3/index.html

How did your table display data easier for your users to view?

I added two tables. I changed the formatting of my main vacation page from a definition list to a table. Also, I added a new page for each vacation to display pictures in a table. I find that my table on the vacation page is easier to read because my information is more detailed and organized in columns and rows. Same for the pictures... organized and sized with descriptions under the photos.

What style choices did you make to improve the readability of your table?

I gave the table borders and enough spacing to show separation of columns and rows. I stayed with the color scheme. I used captions, headers and descriptions of the photos to add to the theme of the website.

How did the media you created contribute to the purpose of your website? What plug-ins does the end user need to display-play?

I added a YouTube video of a favorite movie clip to add to my list of favorite things. The end-user would need to have some type of flash plug-in to display.

Midterm - Part 3 Cassy

http://sws.pcc.edu/student/CAS206_pdeangel_43992/cassandracicero82/FileManagement/Midterm/Website-Part3/
a. I have two tables in my website. The first I used with my pictures, it allows me to display my pictures with a description with it. It keeps the page organize and everything together. The second table describes the movies I saw during the summer; it allows me to give more information in the same amount of space as a list. Instead a block of text, it's completely organized and more likely to grab attention.

b. I separated the cells so they stand out from each other better. I used a background color, that's different than the body. I tried to use complimentary colors that will be easy to read, and stand out to catch the readers attention.

c. The media I used, is a YouTube video of a performance of a concert I saw. It gives viewers a chance to see what I saw. The plug-in is shockwave.

Midterm part 3

Hello hello! Part 3 here. =O

Link!
http://sws.pcc.edu/student/CAS206_pdeangel_43992/christinamort21/Midterm/part3/index.html

a. How did your table display data easier for your users to view?
The data I made into a table is located on the fun facts page. I added new information about how cats and dogs age, in comparison to a human. I thought a table would be the best way to view the information, since it was a lot of numbers, and it compared various things.

b. What style choices did you make to improve the readability of your table?
I made sure all of the information was spaced fairly well, so nothing would get mixed together. The numbers and words for example, I set them all in the middle so they would clearly be seen as different things. the borders around the numbers/words helped with that of course. xD
I also added a pink background to the heading words, so it was obvious that was what the numbers were all about.

c. How did the media you created contribute to the purpose of your website? What plug-ins does the end user need to display-play?
The media was a great addition to the website!...Mainly because the last page is a page specifically meant for videos. x] I chose a silly cat video, seeing as I'm going for a sort of 'funny', appeal. I used a youtube video, so in order to view it the user would need flash of some sort (Like Adobe).

Midterm Part 3

Midterm Part 3

a) The table data would be easier to view for the users than if I were to put the information in a paragraph format. A list would be easy to view too, but since it was four columns it was easier to compare in a table.

b) I separated my border and added cell spacing which seemed to make it easier to read.

c) I googled a baking tips video and embedded it on my site. I do not believe that this added to the site, but did it to fulfill the requirements of the assignment. Having a how-to video does not contribute to her obtaining more business, but I couldn't figure out another type of video to put on the site that would make more sense. The video I used was from YouTube so the end users would need Flash to view it.

d) Here is one more chance to see my page!

William Pitts: Midterm Part2

1. How did your images contribute to your website? What purpose did they serve? They help provide a theme to your website. To help make the website more visually stimulating.
   
2. 
   What challenges did you experience in having your images show properly on your web page? The problem I had most was making use to check the size of the photo/video.
   
3. 
   How did understanding the box model assist you in creating borders, padding and margins around your images?It help with the layout of were your going to put stuff and the kind of border,padding, or margin your going to use.
   
4. 
   How does the placement of your hr tag assist users of your website? It helps bye boxing things in and grouping things.
   
5. 
   How did the enhancements to your navigation improve your web site?it didn't really help much.
   
6. 
   To test my pages' download speed I used the following tool: http://tools.pingdom.com/

here is the link to my website i hope you enjoy it. Please check out the video section and the photo section I had the most fun and irritating time with the videos: it toke a day and a halve to get the video's in and working correctly and to validate!: My Website


test page 1:

test page 2:

test page 3:

Trying to get to bed early!

Aaron's CAS 206 Midterm: Part2

Click here for my page!

1. 
   How did your images contribute to your website? What purpose did they serve?
   
   

   The images serve to either represent an interpretation of some topic/idea or provide an illustration. The images say more than I could with words, and a site visitor will comprehend the intent and connotation quicker. Images also tend to provide some credibility to the accompanying narrative/prose.



2. 
   What challenges did you experience in having your images show properly on your web page?
   
   

   The biggest challenge involved spatial positioning. The browser often interpreted the XHTML code differently than I intended/expected. Correcting this often required lots of trial and error to arrive at a reasonable arrangement of images and text on the web page.



3. 
   How did understanding the box model assist you in creating borders, padding and margins around your images?
   
   

   The box model provided a basis for an intuitive understanding of border, padding, and margin style features. It also provides a basis for expectation of how the browser might interpret the code. It did not entirely eliminate experimentation and some trial-and-error, but things worked mostly as expected/advertised. These style features are good for solving positioning problems besides helping to frame graphics/images.



4. 
   How does the placement of your hr tag assist users of your website?
   
   

   I attempted to use the hr tag to visually separate portions of text. I think the hr tag boundaries help the user to break up the page into visually manageable sections. Graphic images do not seem to respect these section boundaries.



5. 
   How did the enhancements to your navigation improve your web site?
   
   

   The navigation links are certainly more visible and clickable. I might have overdone it a bit.



6. 
   To test my pages' download speed I used the following tool: http://tools.pingdom.com/
   
   
   Here are my test results:
   
   
   
   • Page #1
   
   
   • Page #2
   
   
   • Page #3